:root{--bg:#0f1620;--top:#131b26;--nav:#1a2431;--surface:#16202c;--surface2:#1c2734;--ink:#eef2f6;--muted:#98a3ae;--faint:#717d89;--hair:rgba(255,255,255,.075);--hair2:rgba(255,255,255,.14);--gold:#f5b942;--goldink:#f5b942;--goldsoft:rgba(245,185,66,.1);--goldline:rgba(245,185,66,.45);--ok:#34d399;--oksoft:rgba(52,211,153,.12);--okline:rgba(52,211,153,.26);--logo:#1b2634;--logofx:brightness(0) invert(1);--field:#111a25;--field-ink:#eef2f6;--shell-max:1400px;--shell-pad:clamp(18px,4vw,48px);--display:"Quantico","Arial Narrow",sans-serif;--ui:"IBM Plex Sans",system-ui,sans-serif;--yellow:#f5b942;--blue:#4f8cff;--green:#34d399;--ease:cubic-bezier(.16,1,.3,1)}
html[data-theme="light"]{--bg:#f2f1f0;--top:#fff;--nav:#f7f6f8;--surface:#fff;--surface2:#f7f6f8;--ink:#16202a;--muted:#6b6f72;--faint:#8a9096;--hair:rgba(16,24,32,.09);--hair2:rgba(16,24,32,.16);--gold:#e2a32b;--goldink:#8a5a0b;--goldsoft:rgba(226,163,43,.14);--goldline:rgba(226,163,43,.55);--ok:#0e8a5f;--oksoft:rgba(14,138,95,.1);--okline:rgba(14,138,95,.24);--logo:#fff;--logofx:brightness(0);--field:#fff;--field-ink:#16202a}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--bg);font-family:var(--ui);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}svg{width:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}a{text-decoration:none}
.portal-topbar{background:var(--top);border-bottom:1px solid var(--hair)}.portal-topbar__inner{max-width:var(--shell-max);height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:auto;padding-inline:var(--shell-pad)}.portal-clock{min-width:0;display:flex;align-items:center;gap:14px}.portal-clock__date{overflow:hidden;color:var(--muted);font-size:14.5px;text-overflow:ellipsis;white-space:nowrap}.portal-clock__sep{width:1px;height:18px;background:var(--hair2)}.portal-clock__time{font-size:15.5px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.portal-theme{width:62px;height:31px;position:relative;padding:0;background:var(--surface2);border:1px solid var(--hair2);border-radius:99px;cursor:pointer}.portal-theme__thumb{width:25px;height:25px;position:absolute;top:2px;left:2px;display:grid;place-items:center;color:#17202a;background:var(--gold);border-radius:50%;transition:left .28s cubic-bezier(.34,1.56,.64,1)}.portal-theme__thumb svg{width:14px;stroke-width:2.2}html[data-theme="light"] .portal-theme__thumb{left:34px}
.portal-nav{background:var(--nav);border-bottom:1px solid var(--hair)}.portal-nav__inner{max-width:var(--shell-max);display:flex;align-items:center;gap:6px;margin:auto;padding:11px clamp(14px,4vw,44px);overflow-x:auto;scrollbar-width:none}.portal-nav__inner::-webkit-scrollbar{display:none}.portal-nav__item{display:flex;align-items:center;gap:10px;flex:none;padding:11px 16px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:10px;font-size:14.5px;font-weight:500;white-space:nowrap;transition:.2s ease}.portal-nav__item svg{width:16px}.portal-nav__item:hover{color:var(--ink);background:var(--hair);transform:translateY(-1px)}.portal-nav__item.is-active{color:var(--goldink);background:var(--goldsoft);border-color:var(--goldline);font-weight:600}
.portal-id{background:var(--top);border-bottom:1px solid var(--hair)}.portal-id__inner{max-width:var(--shell-max);display:flex;align-items:center;gap:clamp(16px,3vw,34px);margin:auto;padding:26px var(--shell-pad) 30px}.portal-id__logo{width:96px;height:96px;flex:none;display:grid;place-items:center;padding:14px;background:var(--logo);border:1px solid var(--hair2);border-radius:22px;box-shadow:0 18px 42px rgba(0,0,0,.18)}.portal-id__logo img{max-width:100%;max-height:100%;object-fit:contain;filter:var(--logofx)}.portal-id__copy{min-width:0;display:grid;gap:8px}.portal-id__row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.portal-id__title{margin:0;font-size:clamp(24px,3.4vw,34px);line-height:1.1;letter-spacing:-.01em}.portal-id__subtitle{margin:0;color:var(--muted);font-size:15px}.portal-status,.api-state{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;color:var(--ok);background:var(--oksoft);border:1px solid var(--okline);border-radius:99px;font-size:13px;font-weight:700;white-space:nowrap}.portal-status__dot,.api-state i{width:8px;height:8px;background:var(--ok);border-radius:50%;animation:pulse 2.4s infinite}.api-state{margin-left:auto;color:var(--goldink);background:var(--goldsoft);border-color:var(--goldline)}.api-state i{background:var(--gold)}.api-state.is-online{color:var(--ok);background:var(--oksoft);border-color:var(--okline)}.api-state.is-online i{background:var(--ok)}.api-state.is-error{color:#ff7676;background:rgba(255,95,95,.1);border-color:rgba(255,95,95,.3)}.api-state.is-error i{background:#ff6767}
main{max-width:var(--shell-max);margin:auto;padding:clamp(44px,6vw,76px) var(--shell-pad) 80px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;margin-bottom:42px}.eyebrow,.section-kicker{display:block;color:var(--goldink);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.intro h2{margin:14px 0 0;font-family:var(--display);font-size:clamp(36px,5vw,62px);line-height:.99;text-transform:uppercase;letter-spacing:.01em}.intro h2 span{color:var(--gold)}.intro p{max-width:650px;margin:18px 0 0;color:var(--muted);font-size:15px;line-height:1.65}.intro-actions{display:flex;align-items:center;gap:18px;flex:none}.save-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.save-state i{width:7px;height:7px;background:var(--ok);border-radius:50%}.save-state.has-changes{color:var(--goldink)}.save-state.has-changes i{background:var(--gold)}.primary-action{min-height:50px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;color:#17202a;background:var(--gold);border:0;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .2s,filter .2s}.primary-action:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary-action:active{transform:scale(.98)}.primary-action:disabled{opacity:.6;cursor:wait;transform:none}.primary-action svg{width:17px;stroke-width:2.5}
.workbench{display:grid;grid-template-columns:minmax(600px,1.15fr) minmax(390px,.85fr);gap:28px;align-items:start}.panel-cut{background:var(--surface);border:1px solid var(--hair);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));padding:clamp(22px,3vw,30px)}.section-head{min-height:48px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head>div{display:flex;align-items:flex-start;gap:13px}.section-number{padding-top:4px;color:var(--faint);font-family:var(--display);font-size:11px}.section-head h3{margin:3px 0 0;font-family:var(--display);font-size:20px;text-transform:uppercase;letter-spacing:.02em}.section-kicker{font-size:9px}.date-field,.number-control,.absence-control{display:grid;gap:7px}.date-field span,.number-control>span,.absence-control>span{color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.date-field input{width:154px;height:40px;padding:0 10px;color:var(--field-ink);background:var(--field);border:1px solid var(--hair2);outline:none;color-scheme:dark}html[data-theme="light"] .date-field input{color-scheme:light}
.sector-editor{border:1px solid var(--hair)}.sector-line{--sector:var(--yellow);min-height:132px;display:grid;grid-template-columns:minmax(130px,.72fr) 142px minmax(210px,1.2fr);gap:22px;align-items:center;position:relative;padding:25px 20px;background:var(--surface2)}.sector-line+.sector-line{border-top:1px solid var(--hair)}.sector-line:before{content:"";width:3px;position:absolute;inset:22px auto 22px 0;background:var(--sector);transform:scaleY(.3);opacity:.6;transition:.25s var(--ease)}.sector-line:focus-within:before{transform:scaleY(1);opacity:1}.sector-line.is-blue{--sector:var(--blue)}.sector-line.is-green{--sector:var(--green)}.sector-name{display:flex;align-items:center;gap:12px}.sector-dot{width:10px;height:10px;flex:none;background:var(--sector);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--sector) 16%,transparent)}.sector-name div{display:grid;gap:3px}.sector-name small{color:var(--faint);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.sector-name strong{font-family:var(--display);font-size:16px;text-transform:uppercase}.number-control>div{height:44px;display:grid;grid-template-columns:36px 1fr 36px;background:var(--field);border:1px solid var(--hair2)}.number-control button{padding:0;color:var(--muted);background:transparent;border:0;cursor:pointer;font-size:18px}.number-control button:hover{color:var(--gold);background:var(--goldsoft)}.number-control input{min-width:0;padding:0;color:var(--field-ink);background:transparent;border:0;border-inline:1px solid var(--hair);outline:0;text-align:center;font-family:var(--display);font-size:17px;font-weight:700;-moz-appearance:textfield}.number-control input::-webkit-inner-spin-button{appearance:none}.absence-control input{width:100%;height:44px;padding:0 12px;color:var(--field-ink);background:var(--field);border:1px solid var(--hair2);outline:none;font-size:12px}.absence-control input:focus,.date-field input:focus{border-color:var(--goldline);box-shadow:0 0 0 3px var(--goldsoft)}.helper{min-height:11px;color:var(--goldink);font-size:9px}.helper.is-clear{color:var(--ok)}.editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:17px;color:var(--faint);font-size:9px}.quiet-action{display:flex;align-items:center;gap:8px;padding:5px 0;color:var(--muted);background:transparent;border:0;cursor:pointer;font-size:10px;font-weight:700}.quiet-action:hover{color:var(--gold)}.quiet-action svg{width:14px}
.preview-pane{position:sticky;top:18px}.live-state{display:flex;align-items:center;gap:7px;color:var(--ok);font-size:10px;font-weight:700;text-transform:uppercase}.live-state i{width:6px;height:6px;background:var(--ok);border-radius:50%;animation:pulse 2s infinite}.preview-stage{min-height:495px;position:relative;display:grid;place-items:center;overflow:hidden;padding:38px 25px;background:radial-gradient(circle at 82% 10%,rgba(245,185,66,.12),transparent 32%),linear-gradient(145deg,#101822,#202c39);border:1px solid rgba(255,255,255,.08);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.stage-orbit{position:absolute;border:1px solid rgba(245,185,66,.18);border-radius:50%;animation:orbit 16s linear infinite}.orbit-one{width:360px;height:360px;top:-210px;right:-90px}.orbit-two{width:240px;height:240px;bottom:-155px;left:-70px;animation-direction:reverse;animation-duration:20s}.public-card{width:100%;max-width:420px;position:relative;z-index:2;overflow:hidden;color:#17243a;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 28px 70px rgba(0,0,0,.38);transition:transform .35s var(--ease)}.public-head{min-height:80px;display:flex;align-items:center;gap:13px;padding:15px 17px;border-bottom:1px solid #e7ecf2}.public-icon{width:38px;height:38px;display:grid;place-items:center;background:#e7f8f2;border-radius:11px}.public-icon span{width:9px;height:9px;background:#12a879;border-radius:50%;box-shadow:0 0 0 6px rgba(18,168,121,.12)}.public-head>div:nth-child(2){display:grid;gap:3px}.public-head span{color:#8490a1;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.public-head h4{margin:0;font-size:14px}.public-head button{width:31px;height:31px;margin-left:auto;display:grid;place-items:center;color:#728096;background:#f3f6f9;border:0;border-radius:8px;cursor:pointer}.public-head button svg{width:14px;transition:transform .3s}.public-body{max-height:430px;opacity:1;transition:max-height .35s var(--ease),opacity .2s}.public-card.is-collapsed .public-body{max-height:0;opacity:0}.public-card.is-collapsed .public-head button svg{transform:rotate(180deg)}.public-date{display:flex;align-items:center;gap:8px;padding:12px 17px;color:#788598;background:#f8fafc;font-size:9px;text-transform:capitalize}.public-date svg{width:13px}.public-sectors{padding:8px 10px}.public-sector{--sector:#dfa700;min-height:74px;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border-radius:10px;transition:.2s}.public-sector:hover{background:#f5f7fa;transform:translateX(-2px)}.public-sector.blue{--sector:#2868ed}.public-sector.green{--sector:#12a879}.public-dot{width:7px;height:7px;background:var(--sector);border-radius:50%}.public-copy{min-width:0;display:grid;gap:6px}.public-copy strong{font-size:11px}.public-absence{min-width:0;display:grid;gap:3px}.public-absence em{color:#8a5a34;font-size:7px;font-style:normal;font-weight:850;letter-spacing:.55px;text-transform:uppercase}.public-absence small{overflow:hidden;color:#66748a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.public-absence.is-clear em{color:#168a66;font-size:8px;letter-spacing:0;text-transform:none}.public-absence.is-clear em:before{content:"✓";margin-right:4px;font-weight:900}.public-absence.is-clear small{display:none}.public-count{display:flex;align-items:baseline;gap:4px;color:var(--sector)}.public-count b{font-size:25px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.public-count span{color:#8994a5;font-size:7px;font-weight:750;text-transform:uppercase}.public-body footer{display:flex;justify-content:space-between;padding:12px 17px;color:#818da0;background:#f5f7fa;font-size:8px}.public-body footer span{display:flex;align-items:center;gap:6px}.public-body footer i{width:5px;height:5px;background:#12a879;border-radius:50%}.preview-caption{margin:13px 2px 0;color:var(--faint);font-size:10px}.count-pop{animation:countPop .35s cubic-bezier(.34,1.56,.64,1)}.just-updated{animation:cardFlash .7s ease}
.portal-footer{background:var(--top);border-top:1px solid var(--hair)}.portal-footer>div{max-width:var(--shell-max);display:flex;justify-content:space-between;gap:16px;margin:auto;padding:32px var(--shell-pad);color:var(--muted);font-size:13px}.portal-footer__mark{color:var(--ink);font-family:var(--display);font-size:15px;font-weight:700;text-transform:uppercase}
.auth-dialog{width:min(430px,calc(100vw - 32px));padding:0;color:var(--ink);background:var(--surface);border:1px solid var(--hair2);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:0 28px 90px rgba(0,0,0,.5)}.auth-dialog::backdrop{background:rgba(5,10,17,.75);backdrop-filter:blur(7px)}.auth-dialog form{position:relative;padding:36px}.dialog-close{position:absolute;top:12px;right:15px;width:34px;height:34px;color:var(--muted);background:transparent;border:0;cursor:pointer;font-size:23px}.dialog-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:22px;color:var(--goldink);background:var(--goldsoft);border:1px solid var(--goldline)}.dialog-icon svg{width:20px}.auth-dialog h2{margin:12px 0 0;font-family:var(--display);font-size:25px;text-transform:uppercase}.auth-dialog p{margin:12px 0 24px;color:var(--muted);font-size:13px;line-height:1.55}.auth-dialog label{display:block;margin-bottom:7px;color:var(--faint);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.auth-dialog input{width:100%;height:48px;padding:0 13px;color:var(--field-ink);background:var(--field);border:1px solid var(--hair2);outline:none}.auth-dialog input:focus{border-color:var(--goldline);box-shadow:0 0 0 3px var(--goldsoft)}.auth-error{min-height:18px;display:block;margin-top:7px;color:#ff7373;font-size:11px}.primary-action.full{width:100%;margin-top:10px}.toast{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:13px;padding:15px 18px;color:#17243a;background:#fff;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.3);opacity:0;transform:translateY(20px);pointer-events:none;transition:.35s var(--ease)}.toast.is-visible{opacity:1;transform:none}.toast>span{width:32px;height:32px;display:grid;place-items:center;color:#fff;background:#12a879;border-radius:9px}.toast svg{width:17px}.toast div{display:grid;gap:2px}.toast strong{font-size:12px}.toast small{color:#778397;font-size:9px}
[data-rv]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}[data-rv].rv-in{opacity:1;transform:none}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--okline)}50%{box-shadow:0 0 0 5px transparent}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes countPop{50%{transform:scale(1.22)}}@keyframes cardFlash{50%{box-shadow:0 0 0 6px rgba(52,211,153,.22),0 28px 70px rgba(0,0,0,.38)}}
@media(max-width:1080px){.workbench{grid-template-columns:1fr}.preview-pane{position:static}.preview-stage{min-height:430px}.intro{align-items:flex-start}.intro-actions{flex-direction:column;align-items:flex-end}.portal-id__inner{flex-wrap:wrap}.api-state{margin-left:130px}}
@media(max-width:760px){.portal-topbar__inner{height:48px}.portal-clock__date{font-size:12px}.portal-clock__time{font-size:13px}.portal-theme{width:55px;height:29px}.portal-theme__thumb{width:23px;height:23px}html[data-theme="light"] .portal-theme__thumb{left:29px}.portal-nav__inner{padding-block:8px}.portal-nav__item{padding:9px 12px;font-size:12px}.portal-id__inner{display:grid;grid-template-columns:72px minmax(0,1fr);padding-block:20px}.portal-id__logo{width:72px;height:72px;border-radius:17px}.portal-id__copy{grid-column:2;min-width:0}.portal-id__row{display:grid;gap:9px}.portal-id__title{font-size:23px}.portal-id__subtitle{font-size:12px}.portal-status{width:max-content;max-width:100%;padding:7px 11px;font-size:11px}.api-state{grid-column:1/-1;margin:0 auto}.intro{display:grid;gap:26px}.intro-actions{width:100%;align-items:stretch}.save-state{justify-content:flex-end}.workbench{display:block}.editor-pane{margin-bottom:22px}.sector-line{grid-template-columns:1fr 130px}.absence-control{grid-column:1/-1}.section-head{display:grid}.date-field input{width:100%}.editor-bottom{align-items:flex-start;flex-direction:column}.preview-stage{min-height:400px;padding:25px 12px}.panel-cut{padding:18px}.portal-footer>div{flex-direction:column}}
@media(max-width:480px){.portal-clock__date{max-width:185px}.portal-id__inner{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:start}.portal-id__copy{width:100%;grid-column:1/-1}.portal-id__subtitle{display:none}.portal-id__row{display:grid;gap:10px}.portal-id__title{font-size:21px;overflow-wrap:anywhere}.portal-status{width:max-content;max-width:100%;font-size:9px}.api-state{grid-column:1/-1;margin:0 auto}.intro,.intro>div,.intro-actions{min-width:0}.intro h2{font-size:31px;overflow-wrap:anywhere}.intro p{font-size:13px}.save-state{justify-content:flex-start;white-space:normal}.primary-action{width:100%}.sector-line{grid-template-columns:1fr;padding:20px 16px}.absence-control{grid-column:auto}.number-control>div{max-width:150px}.public-card{border-radius:12px}.toast{right:14px;bottom:14px;left:14px}.portal-footer>div{padding-block:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.portal-status__dot,.api-state i,.live-state i,.stage-orbit{animation:none}[data-rv]{opacity:1;transform:none;transition:none}}