:root{color-scheme:dark;--ink:#f5f7fa;--muted:#94a2b5;--dim:#66778b;--panel:#0b1522;--line:rgba(177,198,221,.17);--blue:#00b0ff;--orange:#ff8a00;--danger:#ff7b7b;font-family:Inter,Montserrat,Segoe UI,Arial,sans-serif;background:#040a12;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 80% 10%,rgba(255,138,0,.09),transparent 30rem),radial-gradient(circle at 10% 75%,rgba(0,176,255,.09),transparent 35rem),#040a12}button,input{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;padding:.7rem 1rem;border-radius:8px;background:#fff;color:#04101d}.skip-link:focus{top:1rem}#backoffice-main{min-height:100vh}.state-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:.8rem;padding:2rem;text-align:center}.state-screen h1{margin:0;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.04em}.state-screen p{color:var(--muted);max-width:42rem;line-height:1.6}.loader{width:30px;height:30px;border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.75fr)}.auth-intro{padding:clamp(3rem,8vw,8rem);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.eyebrow{margin:0 0 1rem;color:var(--blue);font-size:.72rem;font-weight:850;letter-spacing:.2em}.auth-intro h1{margin:0;max-width:11ch;font-size:clamp(3rem,7vw,7rem);line-height:.92;letter-spacing:-.06em}.auth-intro>p:last-child{color:var(--muted);font-size:1.05rem;line-height:1.6}.auth-panel{display:grid;align-items:center;padding:clamp(2rem,6vw,6rem);background:#08111c99}.auth-card{width:min(100%,470px);margin:auto}.auth-card h2{margin:0 0 .5rem;font-size:2.3rem;letter-spacing:-.04em}.auth-card>p{color:var(--muted);line-height:1.55}.field{display:grid;gap:.5rem;margin:1rem 0}.field label{color:#d1dae5;font-size:.83rem;font-weight:700}.field input{width:100%;min-height:54px;border:1px solid var(--line);border-radius:12px;background:#09131f;color:var(--ink);padding:.8rem 1rem;outline:none}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #00b0ff21}.btn{min-height:48px;border:1px solid var(--line);border-radius:11px;padding:.75rem 1.15rem;background:#121d2a;color:var(--ink);cursor:pointer;font-weight:750}.btn:hover{border-color:#b1c6dd66}.btn:focus-visible{outline:3px solid rgba(0,176,255,.42);outline-offset:2px}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn-primary{width:100%;border-color:transparent;background:linear-gradient(100deg,#006b9c,#00a4ed)}.btn-primary.compact{width:auto}.btn-link{background:transparent;border:0;color:#c8d2df}.message{margin:1rem 0;padding:.9rem 1rem;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:9px;line-height:1.5}.message.error{border-left-color:var(--danger);background:#ff7b7b0f}.auth-help{margin-top:1.4rem;color:var(--dim)!important;font-size:.78rem}.actions{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}.app-shell{min-height:100vh}.app-header{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 clamp(1.2rem,3vw,3rem);border-bottom:1px solid var(--line);background:#040a12e0}.app-header>div{display:flex;align-items:center;gap:.7rem;font-size:.78rem;font-weight:800;letter-spacing:.15em}.brand-mark{color:var(--orange);font-size:1.3rem}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 74px)}.sidebar{padding:2rem 1rem;border-right:1px solid var(--line);display:grid;align-content:start;gap:.4rem}.nav-item{padding:.8rem;border-radius:9px;color:var(--muted)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(0,176,255,.15),transparent);box-shadow:inset 2px 0 var(--blue)}.nav-item.muted{color:var(--dim);font-size:.75rem}.dashboard{padding:clamp(1.5rem,5vw,5rem)}.dashboard h1{margin:0;font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.055em}.lead{color:var(--muted);font-size:1.1rem}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0 1rem}.card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,#101b29f5,#070f19f5);padding:1.35rem}.card .label{display:block;color:var(--dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.9rem}.card strong{overflow-wrap:anywhere}.card.full p{color:var(--muted);line-height:1.55}@media(max-width:850px){.auth-layout{grid-template-columns:1fr}.auth-intro{min-height:48vh;border-right:0;border-bottom:1px solid var(--line)}.workspace{grid-template-columns:1fr}.sidebar{display:none}.summary-grid{grid-template-columns:1fr}}@media(max-width:520px){.auth-intro,.auth-panel{padding:1.25rem}.auth-intro h1{font-size:clamp(2.7rem,15vw,4.4rem)}.app-header{align-items:flex-start;padding-block:1rem;flex-direction:column}.app-header .btn{width:100%}.dashboard{padding:1.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}
