:root{--inv10-navy:#0b1324;--inv10-surface:#102449;--inv10-blue:#1677ff;--inv10-cyan:#00c2ff;--inv10-text:#f8fbff;--inv10-muted:#a9b9d0;--inv10-border:#29466f}
body{background:linear-gradient(145deg,var(--inv10-navy),#07101f 55%,#0b2344);color:var(--inv10-text)}
#layout-menu,#layout-sidebar{background:var(--inv10-navy)}
#layout-list,#layout-content{background:#0d1d38}
.toolbar a.button,.listing li>a{color:var(--inv10-text)}
.listing li.selected,.listing li>a:hover,.menu a.active{background:var(--inv10-surface)}
.btn-primary,.button.mainaction{background:linear-gradient(135deg,var(--inv10-blue),var(--inv10-cyan));border-color:transparent;color:#fff}
.btn-primary:hover,.button.mainaction:hover{filter:brightness(1.08)}
#logo{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,194,255,.28))}
#layout-content.inv10-login{display:grid;place-items:center;min-height:100vh;padding:clamp(1rem,4vw,4rem);background:radial-gradient(circle at 18% 15%,rgba(22,119,255,.24),transparent 32%),radial-gradient(circle at 85% 85%,rgba(0,194,255,.12),transparent 30%)}
.inv10-login-shell{width:min(1080px,100%);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);overflow:hidden;border:1px solid rgba(116,166,224,.24);border-radius:28px;background:rgba(7,16,31,.76);box-shadow:0 34px 100px rgba(0,0,0,.42);backdrop-filter:blur(20px)}
.inv10-brand-panel{padding:clamp(2rem,4vw,3.5rem)}
.inv10-brand-panel{display:flex;min-height:590px;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(15,48,96,.82),rgba(7,22,44,.7));position:relative;isolation:isolate}
.inv10-brand-panel:after{content:"";position:absolute;inset:auto -15% -30% 20%;height:70%;z-index:-1;background:radial-gradient(circle,rgba(0,194,255,.19),transparent 64%)}
.inv10-brand{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none;font-size:1.8rem;font-weight:800;letter-spacing:-.04em}
.inv10-brand>span>span{color:#2cbcff}.inv10-eyebrow{margin:0 0 1rem;color:#53d1ff;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.inv10-brand-copy h2{max-width:620px;margin:0;color:#fff;font-size:clamp(2.25rem,4.7vw,4.4rem);line-height:.98;letter-spacing:-.055em}
.inv10-brand-copy>p:last-child{max-width:560px;margin:1.5rem 0 0;color:var(--inv10-muted);font-size:1.02rem;line-height:1.65}
.inv10-trust-list{display:flex;gap:1rem 2rem;flex-wrap:wrap;margin:0;padding:0;list-style:none;color:#d9e8f8;font-size:.9rem}.inv10-trust-list li{display:flex;align-items:center;gap:.55rem}.inv10-trust-list span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(0,194,255,.13);color:#54d8ff}
.inv10-form-panel{display:flex;flex-direction:column;justify-content:center;padding:2.25rem;background:rgba(11,19,36,.86)}
.inv10-languages{display:flex;align-self:flex-end;gap:.3rem;margin:0 0 1rem;padding:.3rem;border:1px solid var(--inv10-border);border-radius:999px;background:rgba(255,255,255,.03)}.inv10-languages a{padding:.45rem .65rem;border-radius:999px;color:var(--inv10-muted);font-size:.72rem;font-weight:700;text-decoration:none}.inv10-languages a:hover,.inv10-languages a:focus-visible{background:var(--inv10-surface);color:#fff}
.inv10-form-heading{margin:.75rem 0 1rem}.inv10-form-heading span{color:#49caff;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.inv10-form-heading h2{margin:.6rem 0 0;color:#fff;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.08;letter-spacing:-.035em}
#login-form{position:static;top:auto;width:100%;max-width:none;margin:0!important;background:transparent;border:0;box-shadow:none;padding:0}#login-form table{width:100%;display:block}#login-form tbody,#login-form tr,#login-form td{display:block;width:100%}#login-form td.title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#login-form .input{margin-bottom:.75rem}#login-form .form-control{width:100%!important;height:50px;border:1px solid var(--inv10-border);border-radius:12px;background:#0b1d38;color:#fff;font-size:1rem;padding:0 1rem}#login-form .form-control:focus{border-color:#31bfff;box-shadow:0 0 0 3px rgba(49,191,255,.14)}#login-form .formbuttons{margin:.85rem 0 0}#login-form .button.mainaction{width:100%;min-height:48px;border-radius:12px;font-weight:800;letter-spacing:.02em}
.inv10-sso-note{margin:1rem 0 0;color:var(--inv10-muted);font-size:.78rem;line-height:1.5}#login-footer{margin-top:1.25rem;color:var(--inv10-muted);font-size:.82rem;text-align:left}
#login-footer{color:var(--inv10-muted)}
a{color:#65cfff}
*:focus-visible{outline:3px solid #6ed6ff;outline-offset:3px}
@media(max-width:820px){#layout-content.inv10-login{padding:0}.inv10-login-shell{grid-template-columns:1fr;min-height:100vh;border:0;border-radius:0}.inv10-brand-panel{min-height:auto;padding-bottom:2rem}.inv10-brand-copy h2{font-size:2.5rem}.inv10-brand-copy>p:last-child{margin-top:1rem}.inv10-trust-list{margin-top:2rem}.inv10-form-panel{padding-top:2rem}.inv10-languages{margin-bottom:1rem}.inv10-form-heading{margin:1rem 0 1.5rem}}
@media(prefers-color-scheme:light){body{background:linear-gradient(145deg,#f6f9fd,#eaf3ff);color:#0b1324}#layout-list,#layout-content{background:#fff}.toolbar a.button,.listing li>a{color:#0b1324}.inv10-login-shell{background:#fff;border-color:#d5e3f3;box-shadow:0 34px 100px rgba(16,36,73,.18)}.inv10-brand-panel{background:linear-gradient(145deg,#0b2d5e,#071a35)}.inv10-form-panel{background:#fff}.inv10-form-heading h2{color:#0b1324}.inv10-languages{background:#f4f8fd;border-color:#d5e3f3}.inv10-languages a:hover,.inv10-languages a:focus-visible{color:#0b1324;background:#e5f0ff}#login-form .form-control{background:#f8fbff;border-color:#cbdced;color:#0b1324}.inv10-sso-note,#login-footer{color:#5b6c83}}