.snackbar{position:fixed;top:16px;right:24px;bottom:auto;z-index:1400;display:flex;align-items:center;gap:10px;min-width:260px;max-width:min(420px,calc(100vw - 32px));padding:14px 22px;border-radius:var(--radius-lg);background:var(--bg-glass-deep);backdrop-filter:blur(40px) saturate(1.6);-webkit-backdrop-filter:blur(40px) saturate(1.6);border:1px solid var(--border-glass);box-shadow:var(--shadow-xl);font-size:13.5px;font-weight:600;color:var(--text-primary);animation:snackbarSlideDown .35s var(--ease-bounce)}.snackbar--success{border-left:3px solid var(--success-500)}.snackbar--error{border-left:3px solid var(--danger-500)}.snackbar__icon{flex-shrink:0}.snackbar--success .snackbar__icon{color:var(--success-600)}.snackbar--error .snackbar__icon{color:var(--danger-600)}.snackbar__message{flex:1;line-height:1.35}.snackbar__close{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);transition:all var(--dur-fast) var(--ease-smooth)}.snackbar__close:hover{color:var(--text-primary);background:var(--bg-hover)}@keyframes snackbarSlideDown{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 560px){.snackbar{left:16px;right:16px;top:12px;bottom:auto;min-width:0;max-width:none}}@media (prefers-reduced-motion: reduce){.snackbar{animation:none}}.sidebar{--sb-primary: var(--color-sidebar);--sb-primary-dark: var(--navy-900);--sb-primary-deep: var(--navy-950);--sb-primary-light: var(--navy-600);--sb-accent: var(--color-primary);--sb-accent-bright: var(--color-accent);--sb-white: rgba(255, 255, 255, .94);--sb-muted: rgba(255, 255, 255, .55);--sb-on-accent: var(--text-on-primary);--sb-radius: 12px;--sb-dur: .28s;--sb-ease: cubic-bezier(.34, 1.56, .64, 1);width:var(--sidebar-w, 272px);min-width:var(--sidebar-w, 272px);height:100%;flex-shrink:0;position:relative;z-index:25;background:var(--color-sidebar-gradient, var(--sb-primary));display:flex;flex-direction:column;padding:18px 12px 14px;border-right:1px solid rgba(var(--brand-primary-rgb),.28);transition:width var(--sb-dur) cubic-bezier(.4,0,.2,1),min-width var(--sb-dur) cubic-bezier(.4,0,.2,1);isolation:isolate;overflow:hidden;box-shadow:4px 0 24px #0f172a38}.sidebar--collapsed{width:80px;min-width:80px}.sidebar__ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.sidebar__ambient:before,.sidebar__ambient:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.25;animation:ambientFloat 20s ease-in-out infinite alternate}.sidebar__ambient:before{width:200px;height:200px;background:radial-gradient(circle,var(--sb-accent),transparent 70%);top:-40px;right:-40px}.sidebar__ambient:after{width:160px;height:160px;background:radial-gradient(circle,var(--sb-primary-light),transparent 70%);bottom:60px;left:-30px;animation-delay:-8s}@keyframes ambientFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(8px,-12px) scale(1.06)}to{transform:translate(-6px,8px) scale(.96)}}.sidebar__logo{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-family:var(--font-display, inherit);font-size:16px;font-weight:800;letter-spacing:.02em;color:var(--sb-on-accent);background:linear-gradient(135deg,var(--sb-accent-bright),var(--sb-accent));box-shadow:0 4px 14px rgba(var(--brand-primary-rgb),.35)}.sidebar__brand{position:relative;display:flex;align-items:center;gap:12px;padding:8px 10px 20px;margin-bottom:12px;z-index:1;border-bottom:1px solid rgba(var(--brand-primary-rgb),.28)}.sidebar--collapsed .sidebar__brand{justify-content:center;padding-left:0;padding-right:0}.sidebar__brand-text{position:relative;z-index:1;display:flex;flex-direction:column;line-height:1.25;min-width:0;animation:fadeSlideIn var(--sb-dur) var(--sb-ease)}.sidebar__brand-title{font-family:var(--font-display, inherit);font-weight:800;font-size:22px;color:var(--sb-white);letter-spacing:.04em}.sidebar__brand-sub{font-size:10.5px;color:var(--sb-muted);margin-top:3px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;line-height:1.35}.sidebar__nav{position:relative;display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:2px;z-index:1;scrollbar-width:thin;scrollbar-color:rgba(var(--brand-primary-rgb),.35) transparent}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-thumb{background:rgba(var(--brand-primary-rgb),.4);border-radius:4px}.sidebar__section-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:rgba(var(--brand-gold-rgb),.62);padding:12px 12px 6px;-webkit-user-select:none;user-select:none}.sidebar--collapsed .sidebar__section-label{display:none}.sidebar__indicator{position:absolute;left:4px;right:4px;top:0;border-radius:var(--sb-radius);background:linear-gradient(90deg,var(--sb-accent) 0%,var(--sb-accent-bright) 100%);border:none;box-shadow:0 6px 16px rgba(var(--brand-primary-rgb),.32);transition:transform .4s var(--sb-ease),height .4s var(--sb-ease);will-change:transform;z-index:0;pointer-events:none}.sidebar__indicator:before{display:none}.sidebar__link{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--sb-radius);color:var(--sb-white);font-size:13px;font-weight:600;white-space:nowrap;z-index:1;opacity:0;transform:translate(-8px);animation:linkSlideIn .4s var(--sb-ease) forwards;animation-delay:calc(var(--stagger, 0) * 35ms);transition:color .2s ease,background .2s ease;text-decoration:none}@keyframes linkSlideIn{to{opacity:1;transform:translate(0)}}.sidebar__link:hover{color:#fff;background:#ffffff14}.sidebar__link:hover .sidebar__icon{color:var(--sb-accent-bright)}.sidebar__link--active:hover{color:var(--sb-on-accent);background:transparent}.sidebar__link--active:hover .sidebar__icon{color:var(--sb-on-accent)}.sidebar__link:focus-visible{outline:2px solid var(--sb-accent);outline-offset:2px}.sidebar__link--active{color:var(--sb-on-accent);font-weight:700}.sidebar__link--active .sidebar__icon{color:var(--sb-on-accent)}.sidebar__icon-wrap{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:8px;transition:background .2s ease}.sidebar__link--active .sidebar__icon-wrap{background:#0000001f}.sidebar__icon{width:18px;height:18px;color:#ffffffa6;transition:color .2s ease,transform .2s var(--sb-ease)}.sidebar__label{animation:fadeSlideIn .26s var(--sb-ease)}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.sidebar__tooltip{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%) translate(-8px);background:linear-gradient(135deg,var(--sb-primary),var(--sb-primary-dark));color:#fff;font-size:12px;font-weight:600;padding:7px 12px;border-radius:8px;border:1px solid rgba(var(--brand-primary-rgb),.4);white-space:nowrap;box-shadow:0 8px 24px #00000040;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s var(--sb-ease);z-index:30}.sidebar__link:hover .sidebar__tooltip{opacity:1;transform:translateY(-50%) translate(0);transition-delay:.2s}.sidebar__collapse-toggle{position:absolute;right:-13px;bottom:-13px;width:26px;height:26px;display:grid;place-items:center;padding:0;border:1px solid rgba(var(--brand-gold-rgb),.55);border-radius:50%;background:var(--sb-primary);color:#ffffffe0;z-index:2;cursor:pointer;transition:background .22s var(--sb-ease),border-color .22s var(--sb-ease),color .22s var(--sb-ease)}.sidebar__collapse-toggle:hover{background:var(--sb-accent);border-color:var(--sb-accent-bright);color:var(--sb-on-accent)}.sidebar__collapse-toggle svg{display:grid;place-items:center;color:var(--sb-accent)}.sidebar__collapse-toggle:hover svg{color:var(--sb-on-accent)}.sidebar__bottom-accent{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sb-primary) 0%,var(--sb-accent) 50%,var(--sb-primary) 100%);pointer-events:none;z-index:1}@media (prefers-reduced-motion: reduce){.sidebar__ambient:before,.sidebar__ambient:after,.sidebar__link,.sidebar__label,.sidebar__brand-text,.sidebar__indicator{animation:none!important;transition:none!important}}.topbar{height:var(--topbar-h);min-height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:3px solid var(--primary);box-shadow:0 2px 0 var(--accent-teal),0 4px 16px #16213e1a;flex-shrink:0;position:relative;z-index:30;color:var(--ink);isolation:isolate}.topbar__brand{display:flex;align-items:center;gap:12px;min-width:0}.topbar__page-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;color:var(--navy-800);background:var(--gold-50, #FBF6EB);border:1px solid var(--border-gold, var(--color-border))}.topbar__brand-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.topbar__brand-title{font-size:var(--text-page);font-weight:600;color:#10182e;letter-spacing:-.03em;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__brand-sub{font-size:10.5px;font-weight:600;color:var(--accent-teal);letter-spacing:.06em;text-transform:uppercase}@media (max-width: 900px){.topbar__brand-text{display:flex}}@media (max-width: 768px){.topbar{padding:12px 16px;height:auto;min-height:var(--topbar-h);gap:12px;flex-wrap:wrap}.topbar__page-icon{width:28px;height:28px}}.topbar__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.topbar__logo-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:8px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px #16213e0f}.topbar__logo{width:32px;height:32px;object-fit:contain;display:block}@media (max-width: 768px){.topbar__logo-wrap{width:28px;height:28px}.topbar__logo{width:24px;height:24px}}.topbar__user{position:relative}.topbar__user-btn{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:999px;padding:5px 12px 5px 5px;color:var(--ink);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.topbar__user-btn:hover{background:var(--gold-50);border-color:var(--border-gold);box-shadow:0 4px 12px rgba(var(--brand-gold-rgb),.12)}.topbar__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--navy-700),var(--brand-sidebar));color:#fff;display:grid;place-items:center;font-size:11.5px;font-weight:700;font-family:var(--font-display);border:2px solid var(--accent-teal);transition:box-shadow .15s ease}.topbar__user-btn:hover .topbar__avatar{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold-400)}.topbar__user-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.topbar__user-name{font-size:12.5px;font-weight:600;color:var(--ink)}.topbar__user-role{font-size:10.5px;color:var(--accent-600);font-weight:600}.topbar__chevron{color:var(--ink-soft)}.topbar__menu{position:absolute;right:0;top:calc(100% + 8px);width:220px;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:40;animation:menuIn .16s var(--ease);color:var(--ink)}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.topbar__menu-header{padding:12px 14px;border-bottom:1px solid var(--line-soft);background:linear-gradient(135deg,var(--gold-50),#fff);display:flex;flex-direction:column;gap:2px}.topbar__menu-name{font-size:13px;font-weight:600;color:var(--ink)}.topbar__menu-username{font-size:11.5px;color:var(--ink-soft);font-family:var(--font-mono)}.topbar__menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:transparent;border:none;text-align:left;font-size:13px;color:var(--ink);transition:background var(--duration) var(--ease)}.topbar__menu-item:hover:not(:disabled){background:var(--brand-hover)}.topbar__menu-item:disabled{opacity:.6;cursor:not-allowed}.topbar__menu-item--danger{color:var(--coral)}.app-shell{display:flex;height:100%;min-height:100%;background:var(--bg-page);overflow:hidden;overscroll-behavior:none}.app-shell__main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg-page);position:relative;z-index:1;isolation:isolate;overflow:hidden;overscroll-behavior:none}.app-shell__content{flex:1;min-height:0;background:var(--bg-page);overflow:auto;overscroll-behavior:none}.app-shell__content .page-container{padding:28px 32px 64px}@media (max-width: 768px){.app-shell__content .page-container{padding:20px 16px 48px}}.login{min-height:100vh;display:grid;grid-template-columns:minmax(400px,480px) 1fr;position:relative;background:var(--bg-page)}.login__panel{padding:48px 44px 36px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;animation:loginPanelIn .5s cubic-bezier(.34,1.56,.64,1) forwards;background:#fff;border-right:1px solid var(--border-subtle)}@keyframes loginPanelIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login__ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.login__ambient:before,.login__ambient:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.18}.login__ambient:before{width:320px;height:320px;background:radial-gradient(circle,var(--accent-500),transparent 70%);top:-80px;right:-60px}.login__ambient:after{width:280px;height:280px;background:radial-gradient(circle,var(--gold-400),transparent 70%);bottom:-80px;left:-40px}.login__brand{position:relative;z-index:1;display:flex;align-items:center;gap:16px;margin-bottom:32px}.login__brand-copy{display:flex;flex-direction:column;gap:4px}.login__brand-title{font-size:26px;font-weight:800;color:var(--primary);letter-spacing:-.02em;line-height:1.1}.login__brand-sub{font-size:11.5px;font-weight:600;color:var(--text-secondary);line-height:1.4;max-width:22ch}.login__heading{position:relative;z-index:1;font-size:20px;font-weight:700;margin-bottom:6px;letter-spacing:-.02em;color:var(--text-primary)}.login__lede{position:relative;z-index:1;font-size:13.5px;line-height:1.6;color:var(--text-secondary);margin-bottom:28px;max-width:36ch}.login__form{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px}.login__field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--text-secondary)}.login__input-wrap{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-page);transition:all .2s ease}.login__input-wrap:hover{border-color:var(--gold-300);background:#fff}.login__input-wrap:focus-within{border-color:var(--accent-500);background:#fff;box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb),.08)}.login__input-wrap svg{flex-shrink:0;color:var(--text-tertiary);transition:color .15s ease}.login__input-wrap:focus-within svg{color:var(--accent-500)}.login__input-wrap input{border:none;outline:none;width:100%;font-size:14px;font-weight:600;color:var(--text-primary);background:transparent}.login__input-wrap input::placeholder{color:var(--text-tertiary);font-weight:400}.login__toggle-visibility{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.login__toggle-visibility:hover:not(:disabled){background:var(--gold-50);color:var(--accent-600)}.login__field-error{font-size:11.5px;color:var(--danger-600);font-weight:600}.login__error{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:var(--radius-sm);border:1.5px solid rgba(var(--brand-primary-rgb),.2);background:var(--danger-50);color:var(--danger-600);font-size:13px;font-weight:600}.login__submit{margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:700;color:var(--text-on-primary);cursor:pointer;background:var(--color-primary);box-shadow:0 4px 16px rgba(var(--brand-primary-rgb),.3);transition:all .22s ease}.login__submit:hover:not(:disabled){background:var(--color-accent);box-shadow:0 6px 20px rgba(var(--brand-primary-rgb),.35);transform:translateY(-1px)}.login__submit:active:not(:disabled){transform:scale(.98)}.login__submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.login__spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .7s linear infinite}.login__footnote{position:relative;z-index:1;margin-top:22px;display:flex;align-items:flex-start;gap:8px;color:var(--text-tertiary);font-size:11.5px;line-height:1.5}.login__footnote svg{flex-shrink:0;margin-top:1px;color:var(--success-500)}.login__showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px}.login__showcase-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(var(--brand-gold-rgb),.24) 0%,transparent 55%),radial-gradient(ellipse at 70% 80%,rgba(var(--brand-primary-rgb),.18) 0%,transparent 55%),linear-gradient(160deg,var(--navy-700) 0%,var(--navy-800) 45%,var(--navy-950) 100%)}.login__showcase-radar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.login__radar-ring{position:absolute;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(var(--brand-gold-rgb),.7);animation:radarPulse 4.5s ease-out infinite}.login__radar-ring:nth-child(2){animation-delay:1.5s}.login__radar-ring:nth-child(3){animation-delay:3s}@keyframes radarPulse{0%{width:20px;height:20px;opacity:.8;border-color:rgba(var(--brand-gold-rgb),.7)}to{width:520px;height:520px;opacity:0;border-color:rgba(var(--brand-gold-rgb),0)}}.login__showcase-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.login__particle{position:absolute;bottom:-20px;border-radius:50%;opacity:0;animation-name:particleFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite;filter:blur(.4px)}.login__particle--teal{background:rgba(var(--brand-gold-rgb),.9);box-shadow:0 0 8px 2px rgba(var(--brand-gold-rgb),.55)}.login__particle--blue{background:rgba(var(--brand-primary-rgb),.9);box-shadow:0 0 8px 2px rgba(var(--brand-primary-rgb),.5)}.login__particle--gold{background:var(--gold-400);box-shadow:0 0 8px 2px var(--gold-400)}@keyframes particleFloat{0%{transform:translateY(0) translate(0) scale(.6);opacity:0}12%{opacity:.9}50%{transform:translateY(-50vh) translate(14px) scale(1)}88%{opacity:.6}to{transform:translateY(-100vh) translate(-10px) scale(.5);opacity:0}}.login__showcase-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px}.login__showcase-title{font-size:clamp(22px,3vw,30px);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.25;margin:0 0 10px;text-shadow:0 2px 12px rgba(0,0,0,.3)}.login__showcase-sub{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin:0}.login__showcase-divider{width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--gold-400),transparent);margin:24px 0;border-radius:2px}.login__showcase-tagline{font-size:16px;font-weight:600;color:#ffffffd9;margin:0;letter-spacing:.04em}.login__showcase-footer{position:absolute;bottom:28px;left:0;right:0;text-align:center;z-index:2;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59}@media (max-width: 900px){.login{grid-template-columns:1fr}.login__showcase{display:none}.login__panel{padding:36px 24px;border-right:none}}@media (prefers-reduced-motion: reduce){.login__radar-ring,.login__particle{animation:none!important}}.register{min-height:100vh;display:grid;grid-template-columns:minmax(420px,560px) 1fr}@media (max-width: 960px){.register{grid-template-columns:1fr}.register__showcase{display:none}}.register__panel{padding:48px 48px 36px;display:flex;flex-direction:column;justify-content:center;background:var(--paper-raised);overflow-y:auto;max-height:100vh}.register__brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.register__brand-title{display:block;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink)}.register__brand-sub{display:block;font-size:11px;color:var(--ink-faint);margin-top:1px}.register__heading{font-size:27px;font-weight:700;margin-bottom:8px}.register__lede{font-size:14px;color:var(--ink-faint);margin-bottom:24px}.register__form{display:flex;flex-direction:column;gap:14px}.register__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.register__row--3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 640px){.register__row,.register__row--3{grid-template-columns:1fr}}.register__field{display:flex;flex-direction:column;gap:7px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.register__field input,.register__field select{border:1px solid var(--line-input);border-radius:var(--radius-sm);padding:11px 12px;font-size:14px;font-weight:400;color:var(--ink);background:var(--paper-raised)}.register__password-wrap{position:relative;display:flex;align-items:center}.register__password-wrap input{width:100%;padding-right:42px}.register__toggle-visibility{position:absolute;right:8px;display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--ink-muted);cursor:pointer}.register__toggle-visibility:hover:not(:disabled){background:var(--line);color:var(--ink-soft)}.register__toggle-visibility:disabled{opacity:.65;cursor:not-allowed}.register__field input:hover,.register__field select:hover{border-color:var(--brand-sky)}.register__field input:focus,.register__field select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.14)}.register__field input::placeholder{color:var(--ink-muted)}.register__field input:disabled,.register__field select:disabled{opacity:.65;cursor:not-allowed}.register__optional{font-weight:500;color:var(--ink-faint)}.register__field-error{font-size:11.5px;color:var(--coral);font-weight:500}.register__error{margin:0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--coral-tint);border:1px solid var(--coral);color:var(--coral);font-size:12.5px;font-weight:500}.register__submit{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--brand-primary);color:var(--text-on-primary);border:none;border-radius:var(--radius-sm);padding:13px;font-size:14px;font-weight:600;transition:background var(--duration) var(--ease)}.register__submit:hover:not(:disabled){background:var(--brand-primary-hover)}.register__submit:disabled{opacity:.6;cursor:not-allowed}.register__switch{margin:18px 0 0;font-size:13px;color:var(--ink-muted)}.register__switch a{color:var(--brand-primary);font-weight:600;text-decoration:none}.register__switch a:hover{text-decoration:underline}.register__footnote{display:flex;align-items:flex-start;gap:8px;margin-top:18px;font-size:12px;color:var(--ink-faint);line-height:1.45}.register__footnote svg{flex-shrink:0;margin-top:1px}.register__showcase{position:relative;background:radial-gradient(circle at 18% 20%,rgba(var(--brand-gold-rgb),.28),transparent 42%),radial-gradient(circle at 82% 78%,rgba(var(--brand-primary-rgb),.16),transparent 40%),linear-gradient(160deg,var(--navy-950) 0%,var(--navy-800) 55%,var(--navy-700) 100%);color:#fff;overflow:hidden;display:grid;place-items:center;padding:48px}.register__showcase-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.register__showcase-glow:before,.register__showcase-glow:after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.45}.register__showcase-glow:before{width:320px;height:320px;background:var(--brand-sky);top:12%;right:8%}.register__showcase-glow:after{width:260px;height:260px;background:var(--brand-accent);bottom:10%;left:12%}.register__showcase-content{position:relative;z-index:1;max-width:420px}.register__showcase-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-sky);margin-bottom:14px}.register__showcase-content h2{font-size:32px;line-height:1.2;margin-bottom:14px}.register__showcase-content p{font-size:14px;line-height:1.55;color:#ffffffc7}.dash-chart{width:100%;min-height:120px}.dash-chart__unsupported{margin:0;font-size:12.5px;color:var(--ink-faint)}.dash-chart__meta{margin:0;font-size:11.5px;color:var(--ink-faint)}.dash-chart__legend-inline{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px;font-size:11.5px;color:var(--ink-muted)}.dash-chart__legend-inline span{display:inline-flex;align-items:center;gap:6px}.dash-chart__swatch{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0}.dash-chart__swatch--present,.dash-chart__legend-inline i.dash-chart__swatch--present{background:linear-gradient(135deg,var(--color-accent),var(--color-primary))}.dash-chart__legend-inline i{font-style:normal}.dash-chart--donut{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.dash-chart__donut-value{font-family:var(--font-display);font-size:22px;font-weight:700}.dash-chart__donut-caption{font-size:11px;text-transform:uppercase;letter-spacing:.04em}.dash-chart__legend{display:flex;flex-direction:column;gap:10px;min-width:140px}.dash-chart__legend-row{display:grid;grid-template-columns:12px 1fr auto auto;gap:8px;align-items:center;font-size:12.5px;color:var(--ink)}.dash-chart__legend-row strong{font-variant-numeric:tabular-nums}.dash-chart__legend-row em{font-style:normal;color:var(--ink-faint);font-size:11.5px;min-width:32px;text-align:right}.dash-chart--stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (max-width: 720px){.dash-chart--stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.dash-chart__stat{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--line-ui);background:linear-gradient(135deg,#ffffff 0%,var(--bg-page) 100%);box-shadow:0 4px 18px #16213e0d;min-height:88px;transition:transform .15s ease,box-shadow .15s ease}.dash-chart__stat:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14}.dash-chart__stat-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;box-shadow:inset 0 1px 2px #ffffff59}.dash-chart__stat--navy{background:linear-gradient(135deg,#ffffff 0%,var(--accent-50) 100%)}.dash-chart__stat--navy .dash-chart__stat-icon{background:var(--color-sidebar);color:#fff}.dash-chart__stat--teal{background:linear-gradient(135deg,#ffffff 0%,var(--accent-50) 100%)}.dash-chart__stat--teal .dash-chart__stat-icon{background:linear-gradient(135deg,var(--color-primary),var(--primary-dark));color:var(--color-sidebar)}.dash-chart__stat--coral .dash-chart__stat-icon{background:var(--coral-tint);color:var(--coral)}.dash-chart__stat--amber{background:linear-gradient(135deg,#ffffff 0%,var(--accent-50) 100%)}.dash-chart__stat--amber .dash-chart__stat-icon{background:var(--color-accent);color:var(--color-sidebar)}.dash-chart__stat-body{display:flex;flex-direction:column;gap:2px;min-width:0}.dash-chart__stat-value{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink);line-height:1.1}.dash-chart__stat-label{font-size:11.5px;color:var(--ink-faint)}.dash-chart__bars{display:flex;align-items:flex-end;gap:12px;min-height:160px;overflow-x:auto;padding-bottom:4px}.dash-chart__bars--simple{min-height:140px;max-width:220px}.dash-chart__bar-group{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:52px}.dash-chart__bar-pair{display:flex;align-items:flex-end;gap:4px;height:120px;width:100%;justify-content:center}.dash-chart__bar-pair--single{width:36px}.dash-chart__bar{width:14px;min-height:2px;border-radius:4px 4px 0 0;transition:height .2s ease}.dash-chart__bar--present{background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-primary) 100%)}.dash-chart__bar--unmarked{background:linear-gradient(180deg,var(--color-sidebar) 0%,var(--navy-700) 100%)}.dash-chart__bar-label{font-size:10.5px;color:var(--ink-soft);text-align:center;max-width:64px;line-height:1.2}.dash-chart__bar-values{font-size:10px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.dash-chart__h-list,.dash-chart__stack-list,.dash-chart__kpi-list,.dash-chart__compliance-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto}.dash-chart__h-list,.dash-chart__stack-list,.dash-chart__kpi-list,.dash-chart__compliance-list,.dash-chart__rank ul{scrollbar-width:none;-ms-overflow-style:none}.dash-chart__h-list::-webkit-scrollbar,.dash-chart__stack-list::-webkit-scrollbar,.dash-chart__kpi-list::-webkit-scrollbar,.dash-chart__compliance-list::-webkit-scrollbar,.dash-chart__rank ul::-webkit-scrollbar{display:none;width:0;height:0}.dash-chart__h-row{display:grid;grid-template-columns:minmax(72px,110px) 1fr auto;gap:8px;align-items:center}.dash-chart__h-label{font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-chart__h-track{height:10px;border-radius:999px;background:var(--line-soft);overflow:hidden}.dash-chart__h-fill{height:100%;border-radius:inherit;background:var(--color-sidebar)}.dash-chart__h-fill--present{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%)}.dash-chart__h-fill--warn{background:linear-gradient(90deg,#ef4444,#f87171)}.dash-chart__h-value{font-size:12px;color:var(--ink-soft);min-width:28px;text-align:right}.dash-chart__stack-row{display:flex;flex-direction:column;gap:5px}.dash-chart__stack-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.dash-chart__stack-label{font-size:12.5px;font-weight:600;color:var(--ink)}.dash-chart__stack-pct{font-size:12px;color:var(--teal-strong)}.dash-chart__stack-track{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--line-soft);max-width:100%;min-width:48px}.dash-chart__stack-fill{height:100%}.dash-chart__stack-fill--present{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%)}.dash-chart__stack-meta{display:flex;gap:12px;font-size:11px;color:var(--ink-faint)}.dash-chart__line-svg{width:100%;height:auto;display:block}.dash-chart__axis-label{font-size:10px;fill:#73777d;font-family:var(--font-mono)}.dash-chart--bar{display:flex;flex-direction:column;gap:14px}.dash-chart__bar-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.dash-chart__compliance-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--paper);font-size:12.5px;color:var(--ink)}.dash-chart__badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px}.dash-chart__badge--ok{background:var(--teal-tint);color:var(--teal-strong)}.dash-chart__badge--warn{background:var(--amber-tint);color:var(--amber-strong)}.dash-chart__kpi-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--coral-tint);border:1px solid rgba(239,68,68,.2)}.dash-chart__kpi-main{display:flex;align-items:flex-start;gap:8px;min-width:0}.dash-chart__kpi-icon{color:var(--coral);flex-shrink:0;margin-top:2px}.dash-chart__kpi-name{display:block;font-size:12.5px;font-weight:600;color:var(--ink)}.dash-chart__kpi-sub{display:block;font-size:11px;color:var(--ink-faint);margin-top:2px}.dash-chart__kpi-pct{font-size:13px;color:var(--coral);flex-shrink:0}.dash-chart--dual{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 720px){.dash-chart--dual{grid-template-columns:1fr}}.dash-chart__rank h4{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.dash-chart__rank ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto}.dash-chart__rank-head{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;margin-bottom:5px}.dash-chart__rank-index{font-size:11px;font-weight:700;color:var(--ink-faint)}.dash-chart__rank-name{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-chart__rank--present .dash-chart__rank-head strong{color:var(--teal-strong);font-size:12px}.dash-chart__rank--warn .dash-chart__rank-head strong{color:var(--coral);font-size:12px}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:overlayIn var(--dur-fast) var(--ease-smooth);overscroll-behavior:contain}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal__panel{width:90vw;max-width:460px;max-height:88vh;display:flex;flex-direction:column;background:var(--bg-glass-deep);backdrop-filter:blur(50px) saturate(1.8);-webkit-backdrop-filter:blur(50px) saturate(1.8);border-radius:var(--radius-xl);border:1px solid var(--border-glass);box-shadow:var(--shadow-xl);overflow:hidden;animation:modalSheetIn .4s var(--ease-spring)}@keyframes modalSheetIn{0%{opacity:0;transform:scale(.92) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal__header{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 16px;border-bottom:1px solid var(--border-subtle)}.modal__header-text{flex:1;min-width:0}.modal__header h3{font-size:18px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.modal__icon{width:40px;height:40px;border-radius:var(--radius-sm);display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-100),var(--accent-200));color:var(--accent-600);flex-shrink:0}.modal__subtitle{font-size:13px;color:var(--text-secondary);margin:4px 0 0}.modal__close{width:32px;height:32px;border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);background:#ffffff8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);display:grid;place-items:center;flex-shrink:0;margin-left:auto;transition:all var(--dur-fast) var(--ease-smooth);box-shadow:inset 0 1px #ffffff80}.modal__close:hover{background:#ffffffd9;color:var(--text-primary);border-color:var(--border-medium)}.modal__body{padding:20px 24px;overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px 24px;border-top:1px solid var(--border-subtle)}@media (max-width: 640px){.modal__panel{width:95vw;border-radius:var(--radius-md)}}@media (prefers-reduced-motion: reduce){.modal__overlay,.modal__panel{animation:none}}.dashboard__loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 16px;color:var(--ink-muted);font-size:13px}.dashboard__spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--navy-900);animation:dashboard-spin .7s linear infinite;flex-shrink:0}.dashboard__spinner--sm{width:14px;height:14px}.dashboard__spinner--xs{width:11px;height:11px;border-width:1.5px}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard__error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--coral);background:var(--coral-tint);color:var(--coral);font-size:13px;font-weight:500;margin-bottom:16px}.dashboard__retry{color:var(--coral);display:inline-flex;align-items:center;gap:6px}.dashboard__filters{margin-bottom:16px;padding:16px}.dashboard__filters-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dashboard__filters-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--brand-amber)}.dashboard__filters-loading{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-muted)}.dashboard__field-loading{display:inline-flex;margin-left:6px;vertical-align:middle}.dashboard__filters .field label{display:flex;align-items:center;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--brand-amber) 72%,var(--ink-soft))}.dashboard__filters-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px 12px}.dashboard__filters .field{margin-bottom:10px}.dashboard__filters .select,.dashboard__filters input[type=date]{width:100%;min-width:0}.dashboard__filters-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;padding-top:8px;border-top:1px solid var(--line)}.dashboard__filters-actions-spacer{flex:1 1 auto;min-width:8px}.dashboard__options-loading{font-size:12px;color:var(--ink-faint)}.dashboard__options-error{font-size:12px;color:var(--coral)}@media (max-width: 1100px){.dashboard__filters-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 700px){.dashboard__filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard__empty{padding:28px 16px;text-align:center;color:var(--ink-muted);font-size:13.5px}.dashboard__graph-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.dashboard__graph-card{min-height:140px;min-width:0;height:100%;display:flex;flex-direction:column;gap:16px;grid-column:auto;box-sizing:border-box}.dashboard__graph-card--stat_cards{grid-column:1 / -1}.dashboard__graph-body{flex:1;min-width:0;display:flex;flex-direction:column}.dashboard__graph-card--stat_cards .dash-chart--stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;flex:1;align-content:stretch}.dashboard__graph-card--stat_cards .dash-chart__stat{min-width:0;height:100%;box-sizing:border-box}@media (max-width: 1024px){.dashboard__graph-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.dashboard__graph-card--stat_cards{grid-column:1 / -1}.dashboard__graph-card--stat_cards .dash-chart--stats,.dashboard__skeleton--stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (max-width: 640px){.dashboard__graph-list{grid-template-columns:minmax(0,1fr);gap:24px}.dashboard__graph-card--stat_cards{grid-column:auto}.dashboard__graph-card--stat_cards .dash-chart--stats,.dashboard__skeleton--stats{grid-template-columns:minmax(0,1fr);gap:24px}}.dashboard__delay-banner{margin-bottom:16px;padding:12px 16px;border:1px solid var(--amber);background:var(--amber-tint);color:var(--amber-strong);font-size:13px;font-weight:500}.dashboard__delay-banner-meta{font-weight:400;color:var(--ink-soft)}.dashboard__graph-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dashboard__graph-card-head h3{font-size:var(--text-card);font-weight:600;color:var(--ink);margin:0;line-height:1.35;min-width:0;letter-spacing:-.02em}.dashboard__view-all{flex-shrink:0;margin:0;padding:2px 8px;min-height:0;font-size:12px;font-weight:500;color:var(--ink-muted);border:1px solid var(--line);border-radius:var(--radius-sm);line-height:1.4}.dashboard__view-all:hover{color:var(--ink);background:var(--paper)}.dashboard__location-all-empty{margin:0;font-size:13px;color:var(--ink-muted)}.dashboard__location-all-scroll{max-height:min(80vh,720px);overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm)}.dashboard__location-all-table{width:100%;border-collapse:collapse;font-size:13px}.dashboard__location-all-table th,.dashboard__location-all-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top}.dashboard__location-all-table th{position:sticky;top:0;background:var(--paper-raised);font-size:11.5px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;z-index:1}.dashboard__location-all-table th:last-child,.dashboard__location-all-table td:last-child{text-align:right;white-space:nowrap;width:1%}.dashboard__location-all-table tbody tr:last-child td{border-bottom:none}.dashboard__graph-status{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-height:72px;margin-top:auto;font-size:12.5px;color:var(--ink-muted)}.dashboard__graph-status[aria-busy=true]{flex-direction:row;align-items:center}.dashboard__graph-status--error{color:var(--coral)}.dashboard__graph-status--error p,.dashboard__graph-status--empty p{margin:0}.dashboard__graph-status--empty{align-items:center;text-align:center;color:var(--ink-muted);padding:12px 8px}.dashboard__graph-status-icon{flex-shrink:0;opacity:.85}.dashboard__graph-status--empty .dashboard__graph-status-icon{color:var(--ink-faint)}.dashboard__graph-empty-hint{font-size:11.5px;color:var(--ink-faint)}.dashboard__graph-card--error{border-color:color-mix(in srgb,var(--coral) 35%,var(--line))}.dashboard__graph-card--loading{min-height:168px}.dashboard__skeleton{display:flex;width:100%;min-height:96px}.dashboard__skeleton-block{display:block;background:linear-gradient(90deg,var(--paper) 0%,color-mix(in srgb,var(--line) 70%,var(--paper)) 50%,var(--paper) 100%);background-size:200% 100%;animation:dashboard-skeleton-shimmer 1.2s ease-in-out infinite;border-radius:6px}@keyframes dashboard-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.dashboard__skeleton--stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}.dashboard__skeleton-stat{display:flex;flex-direction:column;gap:8px;padding:4px 0;min-width:0}.dashboard__skeleton-block--icon{width:28px;height:28px;border-radius:8px}.dashboard__skeleton-block--value{width:56%;height:22px}.dashboard__skeleton-block--label{width:72%;height:12px}.dashboard__skeleton--donut{align-items:center;gap:20px;padding:8px 0}.dashboard__skeleton-block--circle{width:112px;height:112px;border-radius:50%;flex-shrink:0}.dashboard__skeleton-donut-meta{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.dashboard__skeleton-block--line{width:80%;height:12px}.dashboard__skeleton-block--line:last-child{width:55%}.dashboard__skeleton--chart{min-height:180px}.dashboard__skeleton-block--chart{width:100%;height:180px;border-radius:8px}.dashboard__skeleton--list,.dashboard__skeleton-dual-col{flex-direction:column;gap:10px;width:100%;justify-content:center}.dashboard__skeleton--list{display:flex}.dashboard__skeleton-block--row{width:100%;height:14px}.dashboard__skeleton-block--row:nth-child(2){width:92%}.dashboard__skeleton-block--row:nth-child(3){width:78%}.dashboard__skeleton-block--row:nth-child(4){width:88%}.dashboard__skeleton-block--row:nth-child(5){width:64%}.dashboard__skeleton--dual{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard__skeleton-dual-col{display:flex}.data-table__wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:#ffffffeb;border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-sm),0 4px 16px #00000008;position:relative;width:100%;max-width:100%}.data-table__wrap:before{display:none}.data-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.data-table thead th{position:sticky;top:0;z-index:2;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-weight:700;padding:14px 18px;border-bottom:1px solid var(--color-border);background:var(--table-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap}.data-table tbody td{padding:14px 18px;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;background:var(--color-card);transition:background var(--dur-fast) var(--ease-smooth)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg-hover)}.data-table__actions-head,.data-table__actions-cell{position:sticky;right:0;z-index:3;width:1%;min-width:108px;white-space:nowrap;box-shadow:-6px 0 10px -6px #0f172a14;border-left:1px solid var(--border-subtle)}.data-table__actions-head{z-index:4;background:var(--table-header)}.data-table__actions-cell{background:var(--color-card)}.data-table tbody tr:hover .data-table__actions-cell{background:var(--bg-hover)}.data-table__row-actions{display:flex;gap:6px}.data-table__icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);background:#ffffffa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;color:var(--text-secondary);transition:all var(--dur-fast) var(--ease-smooth);box-shadow:inset 0 1px #ffffff80}.data-table__icon-btn:hover{background:#ffffffe6;color:var(--accent-600);border-color:var(--accent-200);transform:translateY(-1px)}.data-table__icon-btn--danger:hover{background:var(--danger-50);color:var(--danger-600);border-color:#f43f5e59}.data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 20px;border:1px dashed var(--border-medium);border-radius:var(--radius-lg);color:var(--text-tertiary);background:var(--bg-card);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:var(--shadow-sm),inset 0 1px #ffffff80}.data-table__empty p{font-size:13.5px;font-weight:500;color:var(--text-secondary)}.data-table__skeleton-row td{padding:15px 18px}.data-table__skeleton{display:inline-block;width:100px;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--accent-100) 25%,var(--accent-200) 37%,var(--accent-100) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.data-table__skeleton--actions{width:60px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.confirm-dialog{display:flex;align-items:flex-start;gap:14px}.confirm-dialog__icon{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--danger-50),rgba(255,255,255,.8));border:1px solid rgba(244,63,94,.25);color:var(--danger-600);display:grid;place-items:center;flex-shrink:0}.confirm-dialog p{font-size:13.5px;color:var(--text-secondary);line-height:1.55;padding-top:8px}.zones__toolbar{margin-bottom:20px}.zones__search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);display:grid;place-items:center;cursor:pointer;transition:all var(--dur-fast) var(--ease-smooth)}.zones__search-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.zones__result-count{font-size:12.5px;font-weight:600;color:var(--text-tertiary)}.zones__error-inline{margin-bottom:12px}.zones__field-error{font-size:11.5px;color:var(--danger-600);font-weight:600}.zones__form,.zones__view{display:flex;flex-direction:column;gap:4px}.zones__view input[readonly]{cursor:default;opacity:.92}.zones__view-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 12px;color:var(--text-secondary);font-size:13px;font-weight:500}.districts__sr{color:var(--ink-faint);font-variant-numeric:tabular-nums}.districts__name{font-weight:600;color:var(--navy-900)}.districts__zone{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--navy-900);background:var(--paper);padding:3px 9px;border-radius:5px}.districts__date{font-size:12px;color:var(--ink-muted);white-space:nowrap}.districts__error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--coral);background:var(--coral-tint);color:var(--coral);font-size:13px;font-weight:500;margin-bottom:16px}.districts__error-banner--inline{display:block;margin-bottom:12px}.districts__retry{color:var(--coral)}.districts__filters{margin-bottom:16px;padding:16px}.districts__filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 12px}.districts__filters .field{margin-bottom:10px}.districts__filters .field label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--brand-amber) 72%,var(--ink-soft))}.districts__filters .select{width:100%;min-width:0}.districts__filters-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;padding-top:8px;border-top:1px solid var(--line)}.districts__options-loading{font-size:12px;color:var(--ink-faint)}.districts__options-error{font-size:12px;color:var(--coral)}.districts__pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.districts__pagination-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-muted)}.districts__page-size{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted)}.districts__page-size .select{min-width:72px;padding:6px 10px}.districts__pagination-actions{display:flex;gap:8px}.districts__form{display:flex;flex-direction:column;gap:4px}.districts__field-error{font-size:11.5px;color:var(--coral);font-weight:500}.districts__view{display:flex;flex-direction:column;gap:4px}.districts__view input[readonly]{background:var(--paper);color:var(--ink);cursor:default}.districts__view-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 12px;color:var(--ink-muted);font-size:13px}.districts__spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--navy-900);animation:districts-spin .7s linear infinite}@keyframes districts-spin{to{transform:rotate(360deg)}}.people-list-cell{display:block;max-width:200px;position:relative}.people-list-cell--empty{color:var(--ink-muted)}.people-list-cell__text{display:block;max-width:100%;font-size:12px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:none}.people-list-cell--truncated .people-list-cell__text{cursor:default}.people-list-cell__popover{position:fixed;z-index:1200;max-width:min(280px,calc(100vw - 16px));max-height:min(280px,calc(100vh - 16px));overflow-y:auto;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-raised);box-shadow:0 10px 28px #0f172a29;pointer-events:auto}.people-list-cell__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.people-list-cell__item{display:flex;flex-direction:column;gap:2px;min-width:0}.people-list-cell__name{font-size:12.5px;font-weight:600;color:var(--navy-900);line-height:1.3}.people-list-cell__meta{font-size:11px;font-weight:500;color:var(--ink-muted);font-variant-numeric:tabular-nums;line-height:1.2}.locations__sr{color:var(--ink-faint);font-variant-numeric:tabular-nums}.locations__code{font-weight:600;color:var(--navy-900);font-size:12px;letter-spacing:.02em}.locations__name{font-weight:600;color:var(--navy-900)}.locations__map-link{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--navy-900);text-decoration:none;white-space:nowrap}.locations__map-link:hover{text-decoration:underline;color:var(--amber-strong, var(--navy-900))}.locations__map-link--empty{font-weight:500;color:var(--ink-muted)}.locations__district{color:var(--ink)}.locations__zone{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--navy-900);background:var(--paper);padding:3px 9px;border-radius:5px}.locations__address{max-width:220px;display:inline-block;color:var(--ink);font-size:12.5px;line-height:1.35}.locations__coords{font-size:12px;color:var(--ink-muted);white-space:nowrap}.locations__radius{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.locations__marker{font-size:12px;font-weight:500;color:var(--ink)}.locations__date{font-size:12px;color:var(--ink-muted);white-space:nowrap}.locations__filters{margin-bottom:16px;padding:16px}.locations__filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 12px}.locations__filters .field{margin-bottom:10px}.locations__filters .field label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--brand-amber) 72%,var(--ink-soft))}.locations__filters .select{width:100%;min-width:0}.locations__filters-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;padding-top:8px;border-top:1px solid var(--line)}.locations__options-loading{font-size:12px;color:var(--ink-faint)}.locations__options-error{font-size:12px;color:var(--coral)}.locations__search-bar{margin-bottom:16px}.locations__search{display:flex;align-items:center;gap:8px;min-width:280px;max-width:520px;width:100%}.locations__search input{border:none;outline:none;background:transparent;width:100%}@media (max-width: 560px){.locations__search{min-width:0;max-width:none}}.locations__pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.locations__error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--coral);background:var(--coral-tint);color:var(--coral);font-size:13px;font-weight:500;margin-bottom:16px}.locations__retry{color:var(--coral)}.locations__error-banner--inline{display:block;margin-bottom:12px}.locations__form{display:flex;flex-direction:column;gap:4px}.locations__form input[readonly]{background:var(--paper);color:var(--ink);cursor:default}.locations__field-error{font-size:11.5px;color:var(--coral);font-weight:500}.locations__form .field input[aria-invalid=true],.locations__form .field select[aria-invalid=true],.locations__form .field textarea[aria-invalid=true]{border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-tint)}.locations__view{display:flex;flex-direction:column;gap:4px}.locations__view input[readonly],.locations__view textarea[readonly]{background:var(--paper);color:var(--ink);cursor:default}.locations__view-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 12px;color:var(--ink-muted);font-size:13px}.locations__spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--navy-900);animation:locations-spin .7s linear infinite}@keyframes locations-spin{to{transform:rotate(360deg)}}.locations__employees-btn{gap:6px;padding:6px 10px;font-size:12px}.locations__employees{display:flex;flex-direction:column;gap:12px}.locations__employees-search{display:flex;align-items:center;gap:8px;min-width:280px}.locations__employees-search input{border:none;outline:none;background:transparent;width:100%}.locations__pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;flex-wrap:wrap}.locations__pagination-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-muted)}.locations__page-size{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted)}.locations__page-size .select{min-width:72px;padding:6px 10px}.locations__pagination-actions{display:flex;gap:8px}@media (max-width: 560px){.locations__employees-search{min-width:0;width:100%}}.locations__markers-hint{margin:4px 0 0}.locations__markers-loading{display:flex;align-items:center;gap:8px;padding:8px 0;color:var(--ink-muted);font-size:12px}.locations__markers{position:relative;display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.locations__markers--disabled{opacity:.6;pointer-events:none}.locations__markers-chips{display:flex;flex-wrap:wrap;gap:4px}.locations__markers-chip{display:inline-flex;align-items:center;gap:2px;padding:2px 4px 2px 8px;border-radius:999px;background:var(--gold-50);border:1px solid var(--color-border);font-size:11px;font-weight:600;color:var(--color-sidebar);max-width:110px}.locations__markers-chip-remove{display:grid;place-items:center;width:16px;height:16px;border:none;border-radius:50%;background:transparent;color:var(--color-muted);cursor:pointer;padding:0;flex-shrink:0}.locations__markers-chip-remove:hover{color:var(--coral)}.locations__markers-control{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:36px;padding:6px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);cursor:pointer;text-align:left;font:inherit;color:var(--ink)}.locations__markers-control:hover{border-color:var(--brand-sky)}.locations__markers-control--open{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.12)}.locations__markers-control--invalid{border-color:var(--coral)}.locations__markers-summary{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.locations__markers-summary--muted{color:var(--color-muted);font-weight:400}.locations__markers-caret{flex-shrink:0;color:var(--color-muted)}.locations__markers-dropdown{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 4px);max-height:220px;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);box-shadow:0 8px 20px #16213e1a;overflow:hidden}.locations__markers-search{padding:6px;border-bottom:1px solid var(--color-border);flex-shrink:0}.locations__markers-search input{width:100%;min-height:32px;padding:6px 8px;border:1px solid var(--color-border);border-radius:6px;font-size:12px;outline:none;background:var(--color-card);color:var(--ink);box-sizing:border-box}.locations__markers-search input:focus{border-color:var(--brand-primary)}.locations__markers-list{overflow-x:hidden;overflow-y:auto;max-height:170px}.locations__markers-empty{padding:12px;font-size:12px;color:var(--ink-muted);text-align:center}.locations__markers-empty--error{color:var(--coral);display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.locations__markers-option{display:flex;align-items:center;gap:8px;padding:6px 10px;min-height:32px;cursor:pointer;margin:0}.locations__markers-option:hover{background:var(--gold-50)}.locations__markers-option--selected{background:var(--accent-100)}.locations__markers-option input[type=checkbox]{width:13px;height:13px;margin:0;flex-shrink:0;accent-color:var(--brand-primary);cursor:pointer}.locations__markers-option-line{display:flex;align-items:baseline;gap:6px;min-width:0;flex:1;overflow:hidden}.locations__markers-option-name{font-size:12.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.locations__markers-option-meta{font-size:11px;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:45%}.designations__sr{color:var(--ink-faint);font-variant-numeric:tabular-nums}.designations__code{font-weight:700;font-size:12px;color:var(--navy-900);background:var(--paper);padding:3px 9px;border-radius:5px;letter-spacing:.02em}.designations__date{font-size:12px;color:var(--ink-muted);white-space:nowrap}.designations__search{display:flex;align-items:center;gap:8px;min-width:260px}.designations__search input{border:none;outline:none;background:transparent;width:100%}.designations__error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--coral);background:var(--coral-tint);color:var(--coral);font-size:13px;font-weight:500;margin-bottom:16px}.designations__error-banner--inline{margin-bottom:12px}.designations__retry{color:var(--coral)}.designations__pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.designations__pagination-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-muted)}.designations__page-size{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted)}.designations__page-size .select{min-width:72px;padding:6px 10px}.designations__pagination-actions{display:flex;gap:8px}.designations__form{display:flex;flex-direction:column;gap:4px}.designations__field-error{font-size:11.5px;color:var(--coral);font-weight:500}.designations__view{display:flex;flex-direction:column;gap:4px}.designations__view input[readonly]{background:var(--paper);color:var(--ink);cursor:default}.designations__view-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 12px;color:var(--ink-muted);font-size:13px}.designations__spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--navy-900);animation:designations-spin .7s linear infinite}@keyframes designations-spin{to{transform:rotate(360deg)}}@media (max-width: 560px){.designations__search{min-width:0;width:100%}}.shifts__sr{color:var(--ink-faint);font-variant-numeric:tabular-nums}.shifts__name{font-family:var(--font-mono);font-weight:600;letter-spacing:.02em;color:var(--navy-900);background:var(--paper);padding:3px 9px;border-radius:5px;font-size:12px}.shifts__time,.shifts__grace{font-variant-numeric:tabular-nums;font-size:12.5px;white-space:nowrap}.shifts__date{font-size:12px;color:var(--ink-muted);white-space:nowrap}.shifts__error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--coral);background:var(--coral-tint);color:var(--coral);font-size:13px;font-weight:500;margin-bottom:16px}.shifts__retry{color:var(--coral)}.shifts__error-banner--inline{display:block;margin-bottom:12px}.shifts__form{display:flex;flex-direction:column;gap:4px}.shifts__field-error{font-size:11.5px;color:var(--coral);font-weight:500}.shifts__header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shifts__view{display:flex;flex-direction:column;gap:4px}.shifts__view input[readonly]{background:var(--paper);color:var(--ink);cursor:default}.shifts__view-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 12px;color:var(--ink-muted);font-size:13px}.shifts__spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--navy-900);animation:shifts-spin .7s linear infinite}@keyframes shifts-spin{to{transform:rotate(360deg)}}.employees__sr{color:var(--ink-faint);font-variant-numeric:tabular-nums}.employees__employee-id{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--navy-900)}.employees__name{font-weight:600;color:var(--navy-900)}.employees__location{color:var(--ink)}.employees__unit{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--navy-900);background:var(--paper);padding:3px 9px;border-radius:5px}.employees__designation{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--navy-900);background:var(--paper);padding:3px 9px;border-radius:5px}.employees__date{font-size:12px;color:var(--ink-muted);white-space:nowrap}.employees__error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--coral);background:var(--coral-tint);color:var(--coral);font-size:13px;font-weight:500;margin-bottom:16px}.employees__retry{color:var(--coral)}.employees__error-banner--inline{display:block;margin-bottom:12px}.employees__form{display:flex;flex-direction:column;gap:4px}.employees__form input[readonly]{background:var(--paper);color:var(--ink);cursor:default}.employees__hierarchy-hint{display:block;margin:-2px 0 8px}.employees__field-error{font-size:11.5px;color:var(--coral);font-weight:500}.employees__view{display:flex;flex-direction:column;gap:4px}.employees__view input[readonly]{background:var(--paper);color:var(--ink);cursor:default}.employees__view-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 12px;color:var(--ink-muted);font-size:13px}.employees__spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--navy-900);animation:employees-spin .7s linear infinite}@keyframes employees-spin{to{transform:rotate(360deg)}}.employees__header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.employees__filters{margin-bottom:16px;padding:16px}.employees__filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 12px;align-items:end}.employees__filters .field{margin-bottom:10px}.employees__filters .field label{white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--brand-amber) 72%,var(--ink-soft))}.employees__filters .select{width:100%;min-width:0}.employees__filter-check{display:inline-flex;align-items:center;gap:8px;min-height:42px;margin-bottom:10px;font-size:13px;color:var(--ink);cursor:pointer}.employees__filter-check input{width:16px;height:16px;accent-color:var(--brand-primary)}.employees__filters-reset{align-self:end;justify-self:end;margin-bottom:10px}.employees__filters-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;padding-top:4px}.employees__options-loading{font-size:12px;color:var(--ink-faint)}.employees__options-error{font-size:12px;color:var(--coral)}.employees__search-bar{margin-bottom:16px}.employees__search{display:flex;align-items:center;gap:8px;min-width:280px;max-width:480px;width:100%}.employees__search input{border:none;outline:none;background:transparent;width:100%}@media (max-width: 560px){.employees__search{min-width:0;max-width:none}}.employees__import-file-name{display:block;margin-top:6px;font-size:12px;color:var(--ink-muted)}.employees__import-progress{margin-top:12px}.employees__import-progress .employees__view-loading{padding:12px 0 8px}.employees__import-progress-bar{height:6px;border-radius:999px;background:var(--paper);border:1px solid var(--line);overflow:hidden}.employees__import-progress-fill{display:block;height:100%;background:var(--navy-900);border-radius:inherit}.employees__import-progress-fill--indeterminate{width:40%;animation:employees-import-slide 1.1s ease-in-out infinite}@keyframes employees-import-slide{0%{transform:translate(-120%)}to{transform:translate(280%)}}.employees__import-summary{display:flex;flex-direction:column;gap:10px;margin:0}.employees__import-summary-row{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper)}.employees__import-summary-row dt{margin:0;font-size:12px;font-weight:600;text-transform:capitalize;color:var(--ink-muted)}.employees__import-summary-row dd{margin:0;font-size:13px;font-weight:600;color:var(--navy-900);word-break:break-word}.employees__import-summary-text{margin:0;font-size:13px;color:var(--ink);line-height:1.5}.employees__import-summary-pre{margin:0;font-family:var(--font-mono);font-size:11px;white-space:pre-wrap;word-break:break-word;color:var(--ink-soft)}.employees__pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.employees__pagination-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-muted)}.employees__page-size{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted)}.employees__page-size .select{min-width:72px;padding:6px 10px}.employees__pagination-actions{display:flex;gap:8px}.users__sr{color:var(--ink-faint);font-variant-numeric:tabular-nums}.users__search{display:flex;align-items:center;gap:8px;min-width:280px}.users__search input{border:none;outline:none;background:transparent;width:100%}.users__username{font-family:var(--font-mono);font-weight:600;letter-spacing:.02em;color:var(--navy-900);background:var(--paper);padding:3px 9px;border-radius:5px;font-size:12px}.users__name{font-size:13px;font-weight:600;color:var(--ink)}.users__role-cell{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.users__role,.users__zone,.users__district,.users__location,.users__mobile{font-size:12.5px;color:var(--ink-muted)}.users__role-extra{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.1);border:1px solid rgba(var(--brand-primary-rgb),.22);white-space:nowrap}.users__date{font-size:12px;color:var(--ink-muted);white-space:nowrap}.users__error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--coral);background:var(--coral-tint);color:var(--coral);font-size:13px;font-weight:500;margin-bottom:16px}.users__retry{color:var(--coral)}.users__error-banner--inline{display:block;margin-bottom:12px}.users__form{display:flex;flex-direction:column;gap:4px}.users__password-wrap{position:relative;display:flex;align-items:center}.users__password-wrap input{width:100%;padding-right:42px}.users__toggle-visibility{position:absolute;right:8px;display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--ink-muted);cursor:pointer}.users__toggle-visibility:hover:not(:disabled){background:var(--line);color:var(--ink-soft)}.users__toggle-visibility:disabled{opacity:.65;cursor:not-allowed}.users__field-error{font-size:11.5px;color:var(--coral);font-weight:500}.users__form .field input[aria-invalid=true],.users__form .field select[aria-invalid=true]{border-color:var(--coral);box-shadow:0 0 0 3px color-mix(in srgb,var(--coral) 18%,transparent)}.users__view-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 12px;color:var(--ink-muted);font-size:13px}.users__view{display:flex;flex-direction:column;gap:4px}.users__view input[readonly]{background:var(--paper);color:var(--ink);cursor:default}.users__spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--navy-900);animation:users-spin .7s linear infinite}@keyframes users-spin{to{transform:rotate(360deg)}}.users__active{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:13px;color:var(--ink);cursor:pointer}.users__active input{width:16px;height:16px;accent-color:var(--brand-primary)}@media (max-width: 560px){.users__search{min-width:0;width:100%}}.users__pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.users__pagination-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-muted)}.users__page-size{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted)}.users__page-size .select{min-width:72px;padding:6px 10px}.users__pagination-actions{display:flex;gap:8px}.role-perm__header-actions{display:flex;gap:10px;flex-wrap:wrap}.role-perm__role{font-weight:600;font-size:12.5px}.role-perm__badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:2px 8px 2px 6px;border-radius:8px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.role-perm__badge--yes{background:var(--teal-tint);color:var(--teal-strong)}.role-perm__badge--no{background:var(--line-soft);color:var(--ink-faint)}.role-perm__badge-text{font-size:11px;letter-spacing:.02em}.role-perm__error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--coral) 35%,transparent);background:color-mix(in srgb,var(--coral) 10%,transparent);color:var(--coral);font-size:13px}.role-perm__error-banner--inline{display:block;margin-bottom:14px}.role-perm__retry{flex-shrink:0}.role-perm__form{display:flex;flex-direction:column;gap:4px}.role-perm__view-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 12px;color:var(--ink-muted);font-size:13px}.role-perm__spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--navy-900);animation:role-perm-spin .7s linear infinite}@keyframes role-perm-spin{to{transform:rotate(360deg)}}.role-perm__field-error{display:block;margin-top:6px;font-size:12px;color:var(--coral)}.role-perm__permissions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.role-perm__permissions-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.role-perm__switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--paper);font-size:13px;color:var(--ink);cursor:pointer}.role-perm__switch-input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.role-perm__switch-track{position:relative;flex-shrink:0;width:40px;height:22px;border-radius:999px;background:var(--line);transition:background .15s ease}.role-perm__switch-track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--paper-raised);box-shadow:0 1px 2px #0f172a33;transition:transform .15s ease}.role-perm__switch-input:checked+.role-perm__switch-track{background:var(--teal-strong)}.role-perm__switch-input:checked+.role-perm__switch-track:after{transform:translate(18px)}.role-perm__switch-input:focus-visible+.role-perm__switch-track{outline:2px solid var(--amber);outline-offset:2px}.role-perm__switch-input:disabled+.role-perm__switch-track{opacity:.55}.role-perm__pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.role-perm__pagination-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-muted)}.role-perm__page-size{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted)}.role-perm__page-size .select{min-width:72px;padding:6px 10px}.role-perm__pagination-actions{display:flex;gap:8px}@media (max-width: 640px){.role-perm__badge-text{display:none}.role-perm__badge{width:26px;height:26px;padding:0;justify-content:center}}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill--teal{background:#dcfce7;color:#15803d}.pill--coral{background:#fee2e2;color:#dc2626}.pill--amber{background:#fef3c7;color:#d97706}.pill--neutral{background:#fbf6eb;color:var(--brand-primary)}.attendance__sr{color:var(--ink-faint);font-variant-numeric:tabular-nums}.attendance__employee-id{font-weight:600;color:var(--navy-900)}.attendance__name{font-weight:500;color:var(--ink)}.attendance__designation,.attendance__zone,.attendance__shift{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--navy-900);background:var(--paper);padding:3px 9px;border-radius:5px}.attendance__date,.attendance__punch,.attendance__hours{font-size:12px;color:var(--ink-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.attendance__location,.attendance__district{font-size:12.5px}.attendance__error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--coral);background:var(--coral-tint);color:var(--coral);font-size:13px;font-weight:500;margin-bottom:16px}.attendance__retry{color:var(--coral)}.attendance__filters{margin-bottom:16px;padding:16px}.attendance__filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 12px}.attendance__filters .field{margin-bottom:10px}.attendance__filters .field label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--brand-amber) 72%,var(--ink-soft))}.attendance__filters .select,.attendance__filters .input{width:100%;min-width:0}.attendance__filters-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;padding-top:8px}.attendance__export{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attendance__export-form{display:flex;flex-direction:column;gap:4px}.attendance__export-form .field{margin-bottom:16px}.attendance__export-form .field:last-of-type{margin-bottom:0}.attendance__export-form .field label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-soft)}.attendance__export-form .select,.attendance__export-form .input{width:100%;min-width:0;border-radius:8px;background:#fff}.attendance__export-form .select:focus,.attendance__export-form .input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.14)}.attendance__export-cancel{background:#fff;border-color:var(--brand-primary);color:var(--brand-primary);letter-spacing:.04em}.attendance__export-cancel:hover:not(:disabled){background:color-mix(in srgb,var(--brand-primary) 8%,#fff);border-color:var(--brand-primary);color:var(--brand-primary)}.attendance__export-submit{letter-spacing:.04em}.attendance__export-error{margin:12px 0 0;font-size:12.5px;font-weight:500;color:var(--coral)}.attendance__options-loading{font-size:12px;color:var(--ink-faint)}.attendance__options-error{font-size:12px;color:var(--coral);margin-bottom:8px}.attendance__search-bar{margin-bottom:16px}.attendance__search{display:flex;align-items:center;gap:8px;min-width:280px;max-width:420px;flex:1}.attendance__search input{border:none;outline:none;background:transparent;width:100%}@media (max-width: 640px){.attendance__search{min-width:0;max-width:none;width:100%}}.attendance__error-banner--inline{display:block;margin-bottom:12px}.attendance__view{display:flex;flex-direction:column;gap:4px}.attendance__view input[readonly]{background:var(--paper);color:var(--ink);cursor:default}.attendance__view-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 12px;color:var(--ink-muted);font-size:13px}.attendance__spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--navy-900);animation:attendance-spin .7s linear infinite}@keyframes attendance-spin{to{transform:rotate(360deg)}}.attendance__pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.attendance__pagination-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-muted)}.attendance__page-size{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted)}.attendance__page-size .select{min-width:72px;padding:6px 10px}.attendance__pagination-actions{display:flex;gap:8px}.attendance__thumb-btn{display:inline-flex;padding:0;border:1.5px solid var(--border-subtle);border-radius:8px;overflow:hidden;background:var(--bg-surface-alt);width:48px;height:48px;cursor:pointer}.attendance__thumb-btn:hover{border-color:var(--accent-400)}.attendance__thumb{width:48px;height:48px;object-fit:cover;display:block}.attendance__no-image{display:inline-flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:12px;white-space:nowrap}.attendance__preview-btn{display:block;padding:0;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface-alt);width:100%;cursor:pointer}.attendance__preview-btn:hover{border-color:var(--accent-400)}.attendance__preview-img{display:block;width:100%;max-height:180px;object-fit:cover}.attendance__no-image-box{min-height:40px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1.5px dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:13px;background:var(--bg-surface-alt)}.attendance__lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172ac7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.attendance__lightbox-panel{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:92vw;max-height:90vh}.attendance__lightbox-img{display:block;max-width:92vw;max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-xl)}.attendance__lightbox-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:#0f172ab8;color:#fff;display:grid;place-items:center;cursor:pointer}.attendance__lightbox-close:hover{background:#0f172aeb;border-color:#ffffff8c}.attendance__lightbox-caption{margin:0;color:#fff;font-size:13px;font-weight:600}.attendance__lightbox-empty{margin:0;color:#fff;font-size:14px}:root{--color-sidebar: #16213E;--color-sidebar-gradient: var(--color-sidebar);--color-primary: #C49A4A;--color-accent: #E4C477;--color-background: #FAF9F6;--color-card: #FFFFFF;--color-text: #1B2433;--color-muted: #73777D;--color-border: #E8E3D8;--primary: #C49A4A;--primary-light: #E4C477;--primary-dark: #A67F38;--accent-teal: #E4C477;--accent-teal-light: #F0D89A;--accent-orange: #C47A3A;--bg-page: #FAF9F6;--bg-page-accent: #F5EFE3;--bg-card: #FFFFFF;--bg-glass: rgba(255, 255, 255, .86);--bg-glass-deep: #ffffff;--bg-hover: rgba(196, 154, 74, .08);--bg-active: rgba(196, 154, 74, .14);--bg-dark: #121212;--bg-card-dark: #1e2430;--bg-surface-alt: #FAF9F6;--bg-surface-alt-dark: #2a2a2a;--accent-50: #FBF6EB;--accent-100: #F5EBD4;--accent-200: #ECD9A8;--accent-300: #E4C477;--accent-400: #D4B05C;--accent-500: #C49A4A;--accent-600: #A67F38;--accent-700: #8A682C;--accent-800: #6B5022;--accent-900: #4A3617;--gold-50: #FBF6EB;--gold-100: #F5EBD4;--gold-200: #ECD9A8;--gold-300: #E4C477;--gold-400: #D4B05C;--gold-500: #C49A4A;--gold-600: #A67F38;--text-primary: #1B2433;--text-secondary: #73777D;--text-tertiary: #8B8F96;--text-inverse: #ffffff;--text-on-primary: #16213E;--text-subtitle: #a7a7a7;--success-50: #e8f5e9;--success-100: #c8e6c9;--success-500: #2e7d32;--success-600: #1b5e20;--warning-50: #fff8e1;--warning-500: #f9a825;--warning-600: #f57f17;--danger-50: #ffebee;--danger-500: #d32f2f;--danger-600: #b71c1c;--info-50: #F5EBD4;--info-500: #16213E;--info-600: #10182E;--border-glass: rgba(232, 227, 216, .85);--border-subtle: #E8E3D8;--border-medium: #DDD6C8;--border-gold: rgba(196, 154, 74, .38);--border-dark: #343343;--divider: #E8E3D8;--shadow: #1a000000;--shadow-xs: 0 1px 2px rgba(27, 36, 51, .04);--shadow-sm: 0 1px 3px rgba(27, 36, 51, .06), 0 1px 2px rgba(27, 36, 51, .04);--shadow-md: 0 4px 12px rgba(22, 33, 62, .08), 0 2px 4px rgba(22, 33, 62, .04);--shadow-lg: 0 10px 24px rgba(22, 33, 62, .1), 0 4px 8px rgba(22, 33, 62, .05);--shadow-xl: 0 20px 40px rgba(22, 33, 62, .12), 0 8px 16px rgba(22, 33, 62, .06);--shadow-glow: 0 4px 20px rgba(196, 154, 74, .24);--shadow-gold: 0 4px 16px rgba(196, 154, 74, .22);--shadow-card: 0 4px 12px rgba(22, 33, 62, .08);--shadow-elevated: 0 8px 20px rgba(22, 33, 62, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--dur-fast: .15s;--dur-normal: .25s;--dur-slow: .4s;--brand-primary: var(--primary);--brand-primary-hover: var(--primary-dark);--brand-sidebar: #16213E;--brand-gold: var(--accent-teal);--brand-green: var(--success-500);--brand-hover: var(--bg-hover);--brand-sidebar-icon: #E4C477;--brand-sidebar-active: rgba(196, 154, 74, .2);--brand-primary-rgb: 196, 154, 74;--brand-gold-rgb: 228, 196, 119;--brand-green-rgb: 46, 125, 50;--brand-amber: var(--accent-teal);--brand-amber-strong: var(--gold-500);--brand-amber-rgb: 196, 154, 74;--brand-amber-soft: var(--gold-50);--brand-amber-glow: rgba(228, 196, 119, .32);--brand-sky: var(--primary-light);--brand-sky-rgb: 228, 196, 119;--brand-accent: var(--accent-teal);--chart-primary: #16213E;--chart-secondary: #C49A4A;--chart-green: var(--success-500);--chart-red: var(--danger-500);--chart-orange: #C49A4A;--chart-purple: #16213E;--navy-950: #0C1224;--navy-900: #10182E;--navy-800: #16213E;--navy-700: #1E2D52;--navy-600: #2A3D6B;--navy-400: #5A6B8A;--navy-200: #A8B0C0;--paper: var(--bg-page);--paper-raised: var(--bg-card);--table-header: #FAF9F6;--row-hover: var(--bg-hover);--ink: var(--text-primary);--ink-soft: var(--text-secondary);--ink-muted: var(--text-tertiary);--ink-faint: var(--text-tertiary);--ink-secondary-btn: var(--text-secondary);--amber: var(--accent-teal);--amber-strong: var(--gold-500);--amber-tint: var(--gold-50);--teal: var(--accent-teal);--teal-strong: var(--gold-500);--teal-tint: var(--gold-50);--coral: var(--danger-500);--coral-tint: var(--danger-50);--warning: var(--warning-500);--warning-strong: var(--warning-600);--warning-tint: var(--warning-50);--line: var(--border-subtle);--line-ui: var(--border-subtle);--line-soft: #F3EFE6;--line-input: var(--border-medium);--line-btn: var(--border-subtle);--sites-color: #2e7d32;--site-visits-color: #16213E;--notification-color: #16213E;--inspection-color: #388e3c;--milestone-color: #C49A4A;--update-color: #C47A3A;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", "Fira Code", monospace;--text-page: 28px;--text-section: 20px;--text-card: 17px;--text-body: 14px;--text-small: 12px;--sidebar-w: 272px;--topbar-h: 68px;--ease: var(--ease-smooth);--duration: var(--dur-normal)}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;background:radial-gradient(ellipse at 0% 0%,rgba(var(--brand-primary-rgb),.07) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(15,23,42,.05) 0%,transparent 50%),linear-gradient(180deg,var(--bg-page) 0%,var(--bg-page-accent) 100%);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100%;background:transparent}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);margin:0;letter-spacing:-.02em}p{margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--accent-100);color:var(--accent-700)}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;border-radius:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-200);border-radius:8px;border:2px solid var(--bg-page)}.mono{font-family:var(--font-mono)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--color-sidebar: #16213E;--color-sidebar-gradient: #16213E;--color-primary: #C49A4A;--color-accent: #E4C477;--color-background: #FAF9F6;--color-card: #FFFFFF;--color-text: #1B2433;--color-muted: #73777D;--color-border: #E8E3D8;--primary: #C49A4A;--primary-light: #E4C477;--primary-dark: #A67F38;--accent-teal: #E4C477;--accent-teal-light: #F0D89A;--accent-orange: #C47A3A;--bg-page: #FAF9F6;--bg-page-accent: #F5EFE3;--bg-card: #FFFFFF;--bg-glass: rgba(255, 255, 255, .86);--bg-glass-deep: #ffffff;--bg-hover: rgba(196, 154, 74, .08);--bg-active: rgba(196, 154, 74, .14);--bg-dark: #121212;--bg-card-dark: #1e2430;--bg-surface-alt: #FAF9F6;--bg-surface-alt-dark: #2a2a2a;--accent-50: #FBF6EB;--accent-100: #F5EBD4;--accent-200: #ECD9A8;--accent-300: #E4C477;--accent-400: #D4B05C;--accent-500: #C49A4A;--accent-600: #A67F38;--accent-700: #8A682C;--accent-800: #6B5022;--accent-900: #4A3617;--gold-50: #FBF6EB;--gold-100: #F5EBD4;--gold-200: #ECD9A8;--gold-300: #E4C477;--gold-400: #D4B05C;--gold-500: #C49A4A;--gold-600: #A67F38;--text-primary: #1B2433;--text-secondary: #73777D;--text-tertiary: #8B8F96;--text-inverse: #ffffff;--text-on-primary: #16213E;--text-subtitle: #a7a7a7;--info-50: #F5EBD4;--info-500: #16213E;--info-600: #10182E;--border-glass: rgba(232, 227, 216, .85);--border-subtle: #E8E3D8;--border-medium: #DDD6C8;--border-gold: rgba(196, 154, 74, .38);--border-dark: #343343;--divider: #E8E3D8;--line-soft: #F3EFE6;--shadow: #1a000000;--shadow-xs: 0 1px 2px rgba(27, 36, 51, .04);--shadow-sm: 0 1px 3px rgba(27, 36, 51, .06), 0 1px 2px rgba(27, 36, 51, .04);--shadow-md: 0 4px 12px rgba(22, 33, 62, .08), 0 2px 4px rgba(22, 33, 62, .04);--shadow-lg: 0 10px 24px rgba(22, 33, 62, .1), 0 4px 8px rgba(22, 33, 62, .05);--shadow-xl: 0 20px 40px rgba(22, 33, 62, .12), 0 8px 16px rgba(22, 33, 62, .06);--shadow-glow: 0 4px 20px rgba(196, 154, 74, .24);--shadow-gold: 0 4px 16px rgba(196, 154, 74, .22);--shadow-card: 0 4px 12px rgba(22, 33, 62, .08);--shadow-elevated: 0 8px 20px rgba(22, 33, 62, .1);--brand-sidebar: #16213E;--brand-sidebar-icon: #E4C477;--brand-sidebar-active: rgba(196, 154, 74, .2);--brand-primary-rgb: 196, 154, 74;--brand-gold-rgb: 228, 196, 119;--brand-amber-rgb: 196, 154, 74;--brand-amber-glow: rgba(228, 196, 119, .32);--brand-sky-rgb: 228, 196, 119;--chart-primary: #16213E;--chart-secondary: #C49A4A;--chart-green: var(--success-500);--chart-red: var(--danger-500);--chart-orange: #C49A4A;--chart-purple: #16213E;--navy-950: #0C1224;--navy-900: #10182E;--navy-800: #16213E;--navy-700: #1E2D52;--navy-600: #2A3D6B;--navy-400: #5A6B8A;--navy-200: #A8B0C0;--table-header: #FAF9F6;--sites-color: #2e7d32;--site-visits-color: #16213E;--notification-color: #16213E;--inspection-color: #388e3c;--milestone-color: #C49A4A;--update-color: #C47A3A}.glass-card{background:var(--bg-card);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),inset 0 1px #fff9;transition:transform var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth)}.glass-card:hover{box-shadow:var(--shadow-lg),inset 0 1px #fff9}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:13.5px;font-weight:700;color:var(--text-on-primary);border:none;cursor:pointer;background:var(--color-primary);box-shadow:0 4px 14px rgba(var(--brand-primary-rgb),.28),0 1px 3px rgba(var(--brand-primary-rgb),.15);transition:all var(--dur-normal) var(--ease-smooth)}.btn-primary:hover:not(:disabled){background:var(--color-accent);box-shadow:0 6px 20px rgba(var(--brand-primary-rgb),.35),0 2px 6px rgba(var(--brand-primary-rgb),.18);transform:translateY(-1px);color:var(--text-on-primary)}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:13.5px;font-weight:700;color:var(--text-secondary);background:#ffffff73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--border-subtle);cursor:pointer;transition:all var(--dur-normal) var(--ease-smooth);box-shadow:inset 0 1px #ffffff80}.btn-ghost:hover:not(:disabled){background:#ffffffb3;border-color:var(--border-medium);color:var(--text-primary);transform:translateY(-1px)}.input-glass{width:100%;padding:11px 16px;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:14px;font-weight:500;color:var(--text-primary);outline:none;transition:all var(--dur-fast) ease;box-shadow:inset 0 1px 2px #00000005}.input-glass::placeholder{color:var(--text-tertiary);font-weight:400}.input-glass:focus{border-color:var(--accent-400);background:#ffffffd9;box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb),.1),inset 0 1px 2px #00000005}.input-glass[aria-invalid=true]{border-color:var(--danger-500);box-shadow:0 0 0 4px #f43f5e14}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;letter-spacing:.01em;background:linear-gradient(135deg,var(--accent-50),rgba(255,255,255,.8));border:1px solid var(--accent-200);color:var(--accent-700);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.badge--success{background:linear-gradient(135deg,var(--success-50),rgba(255,255,255,.8));border-color:var(--success-500);color:var(--success-600)}.badge--danger{background:linear-gradient(135deg,var(--danger-50),rgba(255,255,255,.8));border-color:var(--danger-500);color:var(--danger-600)}.page-container{width:100%;animation:pageEntrance .5s var(--ease-smooth) both}@keyframes pageEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.page-header>.btn,.page-header>[class$=__header-actions]{margin-left:auto}.page-header__left{display:flex;align-items:flex-start;gap:16px}.page-header__icon{width:48px;height:48px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--color-primary);color:var(--text-on-primary);box-shadow:0 6px 20px rgba(var(--brand-primary-rgb),.22);flex-shrink:0}.page-header__breadcrumb,.page-header__eyebrow{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:6px}.page-header__breadcrumb span:last-child,.page-header__eyebrow{color:var(--accent-600)}.page-header__title,.page-header h2{font-size:var(--text-page);font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2;margin:0}.page-header__desc{font-size:14px;color:var(--text-secondary);margin:6px 0 0;max-width:480px;line-height:1.55}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-card);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-sm),inset 0 1px #ffffff80;transition:all var(--dur-normal) var(--ease-smooth)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),inset 0 1px #ffffff80}.stat-card__icon{width:40px;height:40px;border-radius:var(--radius-sm);display:grid;place-items:center;flex-shrink:0}.stat-card__icon--blue{background:linear-gradient(135deg,var(--accent-100),var(--accent-200));color:var(--accent-600)}.stat-card__icon--green{background:linear-gradient(135deg,var(--success-100),var(--success-50));color:var(--success-600)}.stat-card__value{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.stat-card__label{font-size:12.5px;font-weight:600;color:var(--text-tertiary);letter-spacing:.02em}.search-glass{position:relative;max-width:380px}.search-glass__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-glass__input{width:100%;padding:11px 40px;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13.5px;font-weight:500;color:var(--text-primary);outline:none;transition:all var(--dur-fast) ease;box-shadow:inset 0 1px 2px #00000005}.search-glass__input::placeholder{color:var(--text-tertiary)}.search-glass__input:focus{border-color:var(--accent-400);background:#fffc;box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb),.1)}.table-wrap,.data-table__wrap{background:#ffffffeb;border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-sm),var(--shadow-md);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.cell-sr{font-family:var(--font-mono);font-size:12.5px;font-weight:600;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.name-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;background:linear-gradient(135deg,var(--accent-50),#fff);border:1px solid var(--accent-200);border-radius:8px;font-size:13px;font-weight:700;color:var(--accent-700);letter-spacing:.01em;transition:all .2s ease}.name-badge:hover{background:linear-gradient(135deg,var(--accent-100),var(--accent-50));border-color:var(--accent-300);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.08)}.cell-date{font-size:12.5px;color:var(--text-secondary);font-weight:500;white-space:nowrap}.error-glass,[class*=__error-banner]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 18px;border-radius:var(--radius-md);border:1.5px solid rgba(244,63,94,.25);background:linear-gradient(135deg,var(--danger-50),rgba(255,255,255,.7));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--danger-600);font-size:13.5px;font-weight:600;margin-bottom:20px;box-shadow:inset 0 1px #ffffff80;animation:slideDown .35s var(--ease-smooth)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--accent-200);border-top-color:var(--accent-500);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tab-panel{background:var(--bg-card);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),inset 0 1px #fff9;padding:24px;margin-top:20px;animation:tabPanelIn .35s var(--ease-smooth) forwards}@keyframes tabPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.page-header{flex-direction:column;gap:16px}.page-header__title,.page-header h2{font-size:22px}.stats-row{grid-template-columns:1fr 1fr}.stat-card{padding:14px 16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;min-height:40px;border-radius:var(--radius-md);font-size:13.5px;font-weight:700;border:1.5px solid transparent;transition:all var(--dur-normal) var(--ease-smooth);white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary,.btn--accent{color:var(--text-on-primary);background:var(--color-primary);box-shadow:0 4px 14px rgba(var(--brand-primary-rgb),.28),0 1px 3px rgba(var(--brand-primary-rgb),.15)}.btn--primary:hover:not(:disabled),.btn--accent:hover:not(:disabled){background:var(--color-accent);box-shadow:0 6px 20px rgba(var(--brand-primary-rgb),.35),0 2px 6px rgba(var(--brand-primary-rgb),.18);transform:translateY(-1px);color:var(--text-on-primary)}.btn--ghost{color:var(--text-secondary);background:#ffffff73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--border-subtle);box-shadow:inset 0 1px #ffffff80}.btn--ghost:hover:not(:disabled){background:#ffffffb3;border-color:var(--border-medium);color:var(--text-primary);transform:translateY(-1px)}.btn--danger{background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:var(--text-inverse);box-shadow:0 4px 14px #f43f5e38}.btn--danger:hover:not(:disabled){background:linear-gradient(135deg,#fb7185,var(--danger-500));transform:translateY(-1px)}.btn--sm{padding:6px 12px;min-height:32px;font-size:12px}.select,.input{border:1.5px solid var(--border-subtle);background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);padding:10px 12px;min-height:40px;font-size:13.5px;font-weight:500;color:var(--text-primary);min-width:160px;transition:all var(--dur-fast) ease;box-shadow:inset 0 1px 2px #00000005}.select::placeholder,.input::placeholder{color:var(--text-tertiary);font-weight:400}.select:hover,.input:hover{border-color:var(--accent-300)}.select:focus,.input:focus{outline:none;border-color:var(--accent-400);background:#ffffffd9;box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb),.1),inset 0 1px 2px #00000005}.card{position:relative;background:var(--bg-card);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--border-glass);border-radius:16px;padding:24px;box-shadow:var(--shadow-md),inset 0 1px #fff9;overflow:hidden;width:100%}.card:before{display:none}.dashboard__filters.card,.locations__filters.card,.employees__filters.card,.districts__filters.card,.attendance__filters.card,.users__filters.card,.shifts__filters.card,.zones__filters.card,.designations__filters.card,.role-perm__filters.card,.toolbar{background:var(--bg-card);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-md),inset 0 1px #fff9;width:100%}.dashboard__filters.card:before,.locations__filters.card:before,.employees__filters.card:before,.districts__filters.card:before,.attendance__filters.card:before,.users__filters.card:before,.shifts__filters.card:before,.zones__filters.card:before,.designations__filters.card:before,.role-perm__filters.card:before,.toolbar:before{display:none}.toolbar{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;padding:14px 16px}.toolbar__spacer{flex:1}.dashboard__filters-label{color:var(--accent-600);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.locations__filters .field label,.employees__filters .field label,.districts__filters .field label,.attendance__filters .field label,.users__filters .field label,.dashboard__filters .field label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.dashboard__filters .select,.dashboard__filters .input,.dashboard__filters input[type=date],.dashboard__filters input[type=text],.dashboard__filters select,.locations__filters .select,.locations__filters .input,.locations__filters select,.employees__filters .select,.employees__filters .input,.employees__filters select,.districts__filters .select,.districts__filters .input,.districts__filters select,.attendance__filters .select,.attendance__filters .input,.attendance__filters select,.attendance__filters input,.toolbar .input,.toolbar .select,.toolbar input{background:#fff9;border-color:var(--border-subtle);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px #00000005}.dashboard__filters .select:hover,.dashboard__filters .input:hover,.dashboard__filters input[type=date]:hover,.dashboard__filters select:hover,.locations__filters .select:hover,.locations__filters select:hover,.employees__filters .select:hover,.employees__filters select:hover,.districts__filters .select:hover,.districts__filters select:hover,.attendance__filters .select:hover,.attendance__filters .input:hover,.attendance__filters select:hover,.attendance__filters input:hover,.toolbar .input:hover,.toolbar .select:hover,.toolbar input:hover{border-color:var(--accent-300)}.dashboard__filters .select:focus,.dashboard__filters .input:focus,.dashboard__filters input[type=date]:focus,.dashboard__filters select:focus,.locations__filters .select:focus,.locations__filters select:focus,.employees__filters .select:focus,.employees__filters select:focus,.districts__filters .select:focus,.districts__filters select:focus,.attendance__filters .select:focus,.attendance__filters .input:focus,.attendance__filters select:focus,.attendance__filters input:focus,.toolbar .input:focus,.toolbar .select:focus,.toolbar input:focus{outline:none;border-color:var(--accent-400);box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb),.1)}.dashboard__filters select,.locations__filters select,.employees__filters select,.districts__filters select,.attendance__filters select,.dashboard__filters .select,.locations__filters .select,.employees__filters .select,.districts__filters .select,.attendance__filters .select{color:var(--text-primary);accent-color:var(--accent-500);background-color:#fff9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px}.dashboard__filters input[type=date],.attendance__filters input[type=date]{color-scheme:light}.dashboard__filters input[type=date]::-webkit-calendar-picker-indicator,.attendance__filters input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:var(--text-small);font-weight:700;color:var(--text-secondary)}.field label .field__optional{font-weight:400;color:var(--text-tertiary);margin-left:4px}.field input,.field select,.field textarea{border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;min-height:40px;font-size:13.5px;font-weight:500;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);width:100%;transition:all var(--dur-fast) ease;box-shadow:inset 0 1px 2px #00000005}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--accent-300)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent-400);background:#ffffffd9;box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb),.1)}.field input::placeholder,.field textarea::placeholder{color:var(--text-tertiary)}.field__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field__hint{font-size:var(--text-small);color:var(--text-tertiary)}.field__checkbox{display:flex;align-items:center;gap:8px;flex-direction:row}.field__checkbox input{width:16px;height:16px;accent-color:var(--accent-500)}.segmented{display:inline-flex;padding:4px;background:#ffffff80;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-md);box-shadow:var(--shadow-sm),inset 0 1px #fff9;gap:2px}.segmented__btn{padding:8px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;color:var(--text-secondary);background:transparent;border:none;transition:color .2s ease}.segmented__btn--active{background:#ffffffd9;color:var(--text-primary);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.eyebrow{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--text-tertiary)}