:root{--color-bg-primary:#020B1F;--color-bg-secondary:#03142C;--color-surface-primary:#F8FCFD;--color-surface-card:#FFFFFF;--color-surface-alt:#EEF9FC;--color-surface-highlight:#F3FBFD;--color-accent-primary:#00B8DB;--color-accent-hover:#00A8CF;--color-accent-glow:#38D6F4;--color-accent-soft:rgba(0,184,219,0.15);--color-text-light-primary:#101828;--color-text-light-secondary:#4a5565;--color-text-dark-primary:#FFFFFF;--color-text-dark-secondary:rgba(255,255,255,0.85);--color-divider-light:#E4EEF3;--color-divider-dark:rgba(255,255,255,0.08);--bg:var(--color-surface-primary);--surface:var(--color-surface-card);--surface-alt:var(--color-surface-alt);--ink:var(--color-text-light-primary);--muted:var(--color-text-light-secondary);--line:var(--color-divider-light);--line-strong:#D0D5DD;--brand:var(--color-accent-primary);--brand-hover:var(--color-accent-hover);--brand-soft:var(--color-accent-soft);--ok:#1f7a4c;--warn:#b86e00;--danger:#b42318;--sidebar:#F8FCFD;--sidebar-text:#101828;--sidebar-muted:#4a5565;--sidebar-border:#E4EEF3;--sidebar-hover:rgba(0,184,219,0.1);--sidebar-active-bg:#00B8DB;--sidebar-active-text:#FFFFFF;--sidebar-logo:#101828;--sidebar-logo-accent:#00B8DB;--table-head:#F3FBFD;--input-bg:#FFFFFF;--chip-bg:#FFFFFF;--badge-bg:#EEF9FC;--hint-bg:#EEF9FC;--bar-track:#E4EEF3;--secondary-btn-bg:#EEF9FC;--secondary-btn-text:#101828;--shadow:0 12px 40px rgba(0,0,0,0.08);--radius:6px;--font:"Segoe UI","Helvetica Neue",Arial,sans-serif;--content-max:1200px;--page-pad:clamp(12px,2.5vw,24px)}:root,:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg:var(--color-bg-primary);--surface:#0A1A33;--surface-alt:#03142C;--ink:var(--color-text-dark-primary);--muted:var(--color-text-dark-secondary);--line:rgba(0,184,219,0.28);--line-strong:rgba(0,184,219,0.55);--brand-soft:rgba(0,184,219,0.2);--table-head:rgba(255,255,255,0.04);--input-bg:#0A1A33;--chip-bg:#0A1A33;--badge-bg:rgba(0,184,219,0.12);--hint-bg:rgba(0,184,219,0.1);--bar-track:rgba(255,255,255,0.08);--secondary-btn-bg:transparent;--secondary-btn-text:#FFFFFF;--shadow:0 12px 40px rgba(0,0,0,0.35);--sidebar:#020B1F;--sidebar-text:rgba(255,255,255,0.85);--sidebar-muted:rgba(255,255,255,0.55);--sidebar-border:rgba(0,184,219,0.12);--sidebar-hover:rgba(0,184,219,0.16);--sidebar-active-bg:#00B8DB;--sidebar-active-text:#FFFFFF;--sidebar-logo:#FFFFFF;--sidebar-logo-accent:#38D6F4}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);min-height:100vh;line-height:1.45}img,svg,video{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.login-page{min-height:100vh;min-height:100dvh;height:100dvh;max-height:100dvh;display:grid;place-items:center;padding:var(--page-pad);position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;background:radial-gradient(circle at 12% 18%,rgba(0,184,219,.22),transparent 34%),radial-gradient(circle at 88% 12%,rgba(56,214,244,.16),transparent 30%),linear-gradient(160deg,#020B1F,#03142C 52%,#012a3a)}.login-theme-wrap{position:absolute;top:16px;right:16px}.login-card{width:min(440px,100%);background:var(--surface);color:var(--ink);border:1px solid rgba(0,184,219,.22);border-radius:6px;padding:clamp(26px,5vw,36px) clamp(20px,4vw,32px);box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.03)}.login-card h1{margin:0 0 6px;font-size:clamp(1.45rem,4vw,1.75rem);letter-spacing:-.02em}.login-card>p{margin:0 0 24px;color:var(--muted)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.login-logo{width:min(330px,88vw);height:auto;max-height:142px;object-fit:contain;border-radius:12px;flex-shrink:0;padding:12px 18px;border:1px solid rgba(0,184,219,.24);background:linear-gradient(145deg,#ffffff,#f4fbfd);box-shadow:0 10px 24px rgba(0,105,130,.12)}.login-brand-copy{text-align:center}.login-brand-sub{margin-top:3px;font-size:.75rem;color:var(--muted)}.brand-mark{display:inline-block;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);font-weight:700;margin-bottom:0}.password-field{position:relative;display:block}.password-field input{width:100%;padding-right:48px}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:6px;background:transparent;color:var(--muted);display:inline-grid;place-items:center;cursor:pointer;padding:0;opacity:1;transition:opacity .15s ease,color .15s ease,background .15s ease}.password-toggle.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.password-toggle:hover{color:var(--brand);background:rgba(0,184,219,.12)}.password-toggle svg{width:18px;height:18px;display:block}.login-submit{margin-top:6px;min-height:46px;box-shadow:0 10px 24px rgba(0,184,219,.28)}.login-submit:hover{box-shadow:0 12px 28px rgba(0,184,219,.36)}.login-page .field input{min-height:46px;border-color:rgba(0,184,219,.28);background:var(--input-bg);transition:border-color .15s ease,box-shadow .15s ease}.login-page .field input::placeholder{color:#98a2b3}.login-page .field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,184,219,.15)}.field{margin-bottom:14px}.field.field-inline{margin-bottom:0;min-width:160px}.toolbar-row{align-items:flex-end}.toolbar-actions,.toolbar-row{display:flex;gap:10px;flex-wrap:wrap}.toolbar-actions{align-items:center}.field label{display:block;font-size:.85rem;margin-bottom:6px;color:var(--muted)}.field input,.field select,.field textarea{width:100%;max-width:100%;border:1px solid var(--line-strong);border-radius:6px;padding:11px 12px;background:var(--input-bg);color:var(--ink)}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}.btn{border:1px solid transparent;border-radius:6px;padding:10px 18px;cursor:pointer;background:var(--brand);color:#fff;font-weight:600;transition:background .15s ease,border-color .15s ease;display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;align-self:flex-start}.btn:hover{background:var(--brand-hover)}.btn.secondary{background:var(--secondary-btn-bg);color:var(--secondary-btn-text);border-color:var(--line-strong)}.btn.secondary:hover{border-color:var(--brand)}.btn.danger{background:var(--danger)}.btn.ok{background:var(--ok)}.btn.block{width:100%!important;align-self:stretch!important}.card form .btn,.card form button,.stack>.btn,.stack>button,form>.btn,form>button{align-self:flex-start;width:max-content;max-width:100%}.btn.logout-btn{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.logout-btn:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.lang-toggle,.theme-toggle{width:40px;height:40px;border-radius:6px;border:1px solid var(--line-strong);background:var(--chip-bg);color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0;box-sizing:border-box;font-size:15px;font-weight:700;line-height:1;transition:all .15s ease}.lang-toggle:hover,.theme-toggle:hover{border-color:var(--brand);color:var(--brand)}.theme-toggle svg{width:18px;height:18px;display:block}.topbar-action-btn{height:40px;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;border-radius:6px;border:1px solid var(--line-strong);background:var(--chip-bg);color:var(--ink);padding:0 14px;text-decoration:none;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.topbar-action-btn:hover{border-color:var(--brand);color:var(--brand)}.topbar-select{height:40px;box-sizing:border-box;display:inline-flex;align-items:center;border-radius:6px;border:1px solid var(--line-strong);background:var(--chip-bg);color:var(--ink);font-size:.85rem;font-weight:600;padding:0 12px;cursor:pointer;max-width:240px;transition:all .15s ease;outline:none;flex-shrink:0}.topbar-select:focus,.topbar-select:hover{border-color:var(--brand)}:root[data-theme=light] .lang-toggle,:root[data-theme=light] .theme-toggle,:root[data-theme=light] .topbar-action-btn,:root[data-theme=light] .topbar-select,:root[data-theme=light] .user-chip{border-color:rgba(0,184,219,.55)}:root[data-theme=light] .lang-toggle:hover,:root[data-theme=light] .theme-toggle:hover,:root[data-theme=light] .topbar-action-btn:hover{border-color:var(--brand);color:var(--brand);background:rgba(0,184,219,.08)}.hint{margin-top:16px;padding:12px;background:var(--hint-bg);border:1px solid var(--line);border-radius:6px;font-size:.85rem;color:var(--muted);word-break:break-word}.hint code{color:var(--ink)}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:22px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--sidebar-border);scrollbar-width:thin;scrollbar-color:#00B8DB transparent}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#00B8DB;border-radius:8px}.sidebar::-webkit-scrollbar-thumb:hover{background:#00a4c4}.sidebar .logo{font-size:1.05rem;font-weight:700;color:var(--sidebar-logo);margin-bottom:4px}.sidebar .logo.brand-row{display:flex;align-items:center;flex-direction:column;gap:7px;min-height:118px}.sidebar-brand-logo{width:176px;height:84px;object-fit:contain;border-radius:10px;flex:0 0 auto;background:#ffffff;padding:7px 10px;border:1px solid rgba(0,184,219,.18);box-shadow:0 5px 14px rgba(0,105,130,.08)}.sidebar-brand-copy{gap:8px;min-height:22px}.sidebar-brand-copy,.sidebar-brand-edit{display:inline-flex;align-items:center;justify-content:center;line-height:1}.sidebar-brand-edit{box-sizing:border-box;height:22px;padding:0 8px;margin:0;border:1px solid rgba(0,184,219,.55);border-radius:6px;background:transparent;color:var(--sidebar-text);font-size:11px;font-weight:700;cursor:pointer;flex-shrink:0;align-self:center}.sidebar-brand-edit:hover{border-color:#00B8DB;color:#00B8DB}.sidebar .logo span{color:var(--sidebar-logo-accent)}.sidebar .tag{font-size:.75rem;color:var(--sidebar-muted);margin:2px auto 0;text-align:center}.sidebar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:22px}.sidebar-close{display:none;width:36px;height:36px;border:1px solid rgba(0,184,219,.45);border-radius:6px;background:transparent;color:var(--sidebar-text);place-items:center;padding:0;cursor:pointer;flex-shrink:0;line-height:0}.sidebar-close svg{width:16px;height:16px;display:block}.sidebar-close:hover{border-color:var(--brand);color:var(--brand);background:rgba(0,184,219,.1)}.nav-group{margin-bottom:18px}.nav-group h4{margin:0 0 8px 10px;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--sidebar-muted);font-weight:800}:root[data-theme=light] .nav-group h4{color:#101828}:root[data-theme=dark] .nav-group h4{color:#FFFFFF;opacity:.95}.nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;margin-bottom:5px;color:var(--sidebar-text,#101828);font-size:.9rem;font-weight:600;text-decoration:none;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.nav a .nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:#334155;transition:all .2s ease}:root[data-theme=dark] .nav a .nav-icon{color:#94a3b8}.nav a .nav-active-indicator{width:4px;height:18px;border-radius:999px;background:#00B8DB;box-shadow:0 0 8px rgba(0,184,219,.8);flex-shrink:0;margin-right:-2px;animation:navIndicatorFade .2s ease}@keyframes navIndicatorFade{0%{opacity:0;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1)}}.nav a:hover{background:rgba(0,184,219,.08);color:#00b8db;border-color:rgba(0,184,219,.18);box-shadow:0 2px 8px rgba(0,184,219,.12);transform:translateX(2px)}.nav a:hover .nav-icon{color:#00b8db;transform:scale(1.06)}.sidebar .nav a.active,.sidebar .nav a[aria-current=page]{background:rgba(0,184,219,.11)!important;color:#00b8db!important;border:1px solid rgba(0,184,219,.35)!important;font-weight:700!important;box-shadow:0 3px 12px rgba(0,184,219,.18),inset 0 0 0 1px rgba(0,184,219,.15)!important;transform:none!important}.sidebar .nav a.active .nav-icon,.sidebar .nav a[aria-current=page] .nav-icon{color:#00b8db!important}.sidebar .nav a.active .nav-link-label,.sidebar .nav a[aria-current=page] .nav-link-label{color:#00b8db!important;font-weight:700!important}.sidebar .nav a.active:hover,.sidebar .nav a[aria-current=page]:hover{background:rgba(0,184,219,.14)!important;color:#00b8db!important}:root[data-theme=dark] .sidebar .nav a.active,:root[data-theme=dark] .sidebar .nav a[aria-current=page]{background:rgba(0,184,219,.18)!important;color:#38d6f4!important;border-color:rgba(0,184,219,.45)!important;box-shadow:0 3px 14px rgba(0,184,219,.3)!important}:root[data-theme=dark] .sidebar .nav a.active .nav-icon,:root[data-theme=dark] .sidebar .nav a[aria-current=page] .nav-icon{color:#38d6f4!important}:root[data-theme=dark] .sidebar .nav a.active .nav-active-indicator,:root[data-theme=dark] .sidebar .nav a[aria-current=page] .nav-active-indicator{background:#38d6f4;box-shadow:0 0 10px rgba(56,214,244,.9)}.nav-disabled-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;margin-bottom:5px;color:var(--sidebar-text);font-size:.9rem;opacity:.42;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-link-label{flex:1 1;min-width:0}.nav-alert-badge{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#023047;color:#fff;font-size:10px;font-weight:800;line-height:18px;text-align:center;border:1.5px solid #fff;box-shadow:0 1px 4px rgba(0,184,219,.35)}.sidebar .nav a.active .nav-alert-badge,.sidebar .nav a[aria-current=page] .nav-alert-badge{background:#00b8db;color:#fff;border-color:rgba(255,255,255,.9)}.main{padding:var(--page-pad);width:100%;max-width:calc(var(--content-max) + 2 * var(--page-pad));min-width:0}.topbar{justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.topbar,.topbar-left{display:flex;align-items:flex-start}.topbar-left{gap:10px;min-width:0;flex:1 1 220px}.topbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.topbar h2{margin:0;font-size:clamp(1.15rem,3.5vw,1.4rem);word-break:break-word}.topbar p{margin:4px 0 0;color:var(--muted);font-size:.92rem}.user-chip{height:40px;box-sizing:border-box;display:inline-flex;align-items:center;background:var(--chip-bg);border:1px solid var(--line);border-radius:6px;padding:0 14px;font-size:.85rem;max-width:min(280px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.menu-btn-wrap{position:relative;display:none;flex-shrink:0}.menu-btn{display:grid;border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:6px;width:40px;height:40px;padding:6px;flex-shrink:0;place-items:center;line-height:0;box-sizing:border-box}.menu-btn .menu-icon{width:100%;height:100%;display:block;flex-shrink:0}.menu-btn:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}.menu-alert-badge{position:absolute;right:-6px;top:-6px;pointer-events:none}.portal-alert-toast{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:12px;max-width:min(92vw,420px);padding:12px 14px 12px 16px;border-radius:10px;background:var(--surface);color:var(--text);border:1px solid var(--brand);box-shadow:0 8px 28px rgba(2,48,71,.18);font-size:.92rem;font-weight:600;animation:portalToastIn .25s ease;cursor:pointer;font-family:inherit;text-align:left}.portal-alert-toast-close{border:none;background:transparent;color:var(--muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:0 2px}@keyframes portalToastIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.grid{grid-gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.grid,.grid-2{display:grid;gap:14px}.grid-2{grid-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid rgba(0,184,219,.15);border-radius:6px;padding:clamp(12px,2.5vw,16px);box-shadow:var(--shadow);min-width:0}.stat h3{margin:0;font-size:.85rem;color:var(--muted);font-weight:600}.stat .value{margin-top:8px;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:700;color:var(--ink)}a.stat-link{display:block;color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;cursor:pointer}a.stat-link:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,184,219,.14)}a.stat-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.stat-go{display:block;margin-top:10px;font-size:.78rem;font-weight:600;color:var(--brand)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--table-head);position:-webkit-sticky;position:sticky;top:0}.badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:.75rem;font-weight:600;background:var(--badge-bg);color:var(--ink)}.badge.ok{background:#e5f6ec;color:var(--ok)}.badge.warn{background:#fff3dd;color:var(--warn)}.badge.danger{background:#fde8e6;color:var(--danger)}.badge.pending{background:rgba(0,184,219,.15);color:#007a94}:root[data-theme=dark] .badge.ok{background:rgba(31,122,76,.25);color:#7ddea8}:root[data-theme=dark] .badge.warn{background:rgba(184,110,0,.25);color:#ffd089}:root[data-theme=dark] .badge.danger{background:rgba(180,35,24,.25);color:#ffb4ae}:root[data-theme=dark] .badge.pending{background:rgba(0,184,219,.2);color:#7fe3f5}:root[data-theme=dark] .card{border-color:rgba(0,184,219,.35)}:root[data-theme=dark] .btn.secondary,:root[data-theme=dark] .field input,:root[data-theme=dark] .field select,:root[data-theme=dark] .field textarea,:root[data-theme=dark] .hint,:root[data-theme=dark] .lang-toggle,:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .topbar-action-btn,:root[data-theme=dark] .topbar-select,:root[data-theme=dark] .user-chip{border-color:rgba(0,184,219,.55)}:root[data-theme=dark] .lang-toggle:hover,:root[data-theme=dark] .theme-toggle:hover,:root[data-theme=dark] .topbar-action-btn:hover{border-color:var(--brand);color:var(--brand);background:rgba(0,184,219,.12)}:root[data-theme=dark] .menu-btn{background:var(--brand);border:1px solid var(--brand);color:#fff;box-shadow:none}:root[data-theme=dark] .menu-btn:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.stack{display:grid;grid-gap:14px;gap:14px}.span-all{grid-column:1/-1}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:var(--muted)}.error{color:var(--danger);background:#fde8e6}.error,.success{padding:10px 12px;border-radius:6px;margin-bottom:12px}.success{color:var(--ok);background:#e5f6ec}:root[data-theme=dark] .error{background:rgba(180,35,24,.2);color:#ffb4ae}:root[data-theme=dark] .success{background:rgba(31,122,76,.2);color:#7ddea8}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.panel-title h3{margin:0;font-size:1.05rem}.bar-list{display:grid;grid-gap:10px;gap:10px}.bar-item label{display:flex;justify-content:space-between;gap:8px;font-size:.85rem;margin-bottom:4px}.bar{height:10px;background:var(--bar-track);border-radius:6px;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--color-accent-glow))}.loading-card{min-height:88px;display:grid;align-items:center}.loading-row{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:600}.spinner{width:18px;height:18px;border:2px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.brand-loader{min-height:min(58vh,520px);display:grid;place-items:center;width:100%}.brand-loader-inner{display:grid;justify-items:center;grid-gap:14px;gap:14px;text-align:center}.brand-loader-logo{width:clamp(72px,18vw,110px);height:auto;border-radius:6px;display:block;animation:brandPulse 1.2s ease-in-out infinite}.brand-loader-name{font-size:clamp(1.05rem,3.5vw,1.25rem);font-weight:700;color:var(--ink);letter-spacing:.02em}.brand-loader-name span{color:var(--brand)}.brand-loader-bar{width:72px;height:3px;border-radius:6px;background:linear-gradient(90deg,transparent,var(--brand),transparent);background-size:200% 100%;animation:brandShine 1s linear infinite}@keyframes brandPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.88}}@keyframes brandShine{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes empCyanPulse{0%{box-shadow:0 0 0 2px #00b8db,0 0 10px rgba(0,184,219,.4);background-color:rgba(0,184,219,.12)}50%{box-shadow:0 0 0 3px #00b8db,0 0 24px rgba(0,184,219,.65);background-color:rgba(0,184,219,.22)}to{box-shadow:0 0 0 2px #00b8db,0 0 10px rgba(0,184,219,.4);background-color:rgba(0,184,219,.12)}}.emp-row-highlighted{animation:empCyanPulse 1.4s ease-in-out infinite!important;outline:2px solid #00b8db!important;outline-offset:-1px!important;position:relative!important;z-index:5!important}.input-with-picker{position:relative;display:block}.input-with-picker input[type=text]{width:100%;padding-right:44px}.picker-overlay{right:8px;width:28px;height:28px;opacity:.01;cursor:pointer;border:0;padding:0;background:transparent}.input-with-picker:after,.picker-overlay{position:absolute;top:50%;transform:translateY(-50%)}.input-with-picker:after{content:"";right:12px;width:16px;height:16px;pointer-events:none;background-repeat:no-repeat;background-position:50%;background-size:16px 16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300B8DB'%3E%3Cpath d='M7 2h2v2h6V2h2v2h3a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3V2zm12 8H5v9h14v-9zM5 8h14V6H5v2z'/%3E%3C/svg%3E")}.field:has(#check_in) .input-with-picker:after,.field:has(#check_out) .input-with-picker:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300B8DB'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm1 5h-2v6l5 3 1-1.7-4-2.3V7z'/%3E%3C/svg%3E")}.backdrop{display:none;position:fixed;inset:0;background:rgba(2,11,31,.45);z-index:30}.backdrop.show{display:block}@media (max-width:1200px){.grid,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,88vw);transform:translateX(-105%);transition:transform .2s ease;z-index:40;height:100%}.sidebar.open{transform:translateX(0)}html[dir=rtl] .sidebar{inset:0 0 0 auto;transform:translateX(105%);border-right:none;border-left:1px solid var(--sidebar-border)}html[dir=rtl] .sidebar.open{transform:translateX(0)}.menu-btn-wrap{display:inline-block}.sidebar-close{display:inline-grid}.grid-2{grid-template-columns:1fr}.ess-mss-stats{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:640px){.ess-mss-grid,.ess-mss-stats{grid-template-columns:1fr!important}}html[dir=rtl] body{text-align:right}html[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--sidebar-border)}html[dir=rtl] .table-wrap table{text-align:right}html[dir=rtl] .row-actions{flex-direction:row-reverse}@media (max-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{grid-template-columns:1fr}.topbar{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:start;grid-gap:10px 8px;gap:10px 8px}.topbar-left{grid-column:1;grid-row:1;flex:unset;min-width:0}.topbar-left>div{min-width:0}.topbar p{max-width:100%;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.topbar-right{display:contents}.topbar-right .theme-toggle{grid-column:2;grid-row:1;align-self:start}.topbar-right .user-chip{grid-column:1/-1;grid-row:2;width:auto;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px;justify-self:start}.btn{padding:10px 12px}table{min-width:480px;font-size:.84rem}td,th{padding:8px 10px}body.login-page{min-height:100dvh;height:100dvh;max-height:100dvh;padding:16px 22px}.login-theme-wrap{top:14px;right:22px}.login-card{width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch}}@media (max-width:380px){.login-card{padding:18px 14px}.sidebar{width:92vw}}@media (min-width:1400px){.main{max-width:1320px}}.emp-master-card{padding:0;overflow:hidden}.emp-master-card .emp-master{padding:16px 18px 18px}.emp-master-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.emp-master-title{margin:0;font-size:1.12rem;color:var(--ink)}.emp-master-sub{margin:4px 0 0;font-size:.88rem}.emp-master-code-pill{text-align:right;padding:8px 12px;border-radius:8px;background:var(--brand-soft);border:1px solid var(--line)}.emp-master-section{padding:12px 0;border-bottom:1px solid var(--line)}.emp-master-section-title{margin:0 0 10px;font-size:.95rem}.emp-master-grid{display:grid;grid-gap:10px 16px;gap:10px 16px}.emp-master-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.emp-master-fields-with-photo{display:grid;grid-template-columns:minmax(0,1fr) 132px;grid-gap:16px;gap:16px;align-items:start}.emp-master-main-fields{min-width:0}.emp-master-address-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:start}.emp-master-active-check{display:flex;align-items:center;min-height:38px}.emp-master-field .emp-master-label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:4px}.emp-master-field input,.emp-master-field select,.emp-master-field textarea{width:100%}.emp-master-span-full{grid-column:1/-1}.emp-master-check{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer}.emp-master-contact-grid{display:grid;grid-template-columns:1fr 140px;grid-gap:16px;gap:16px;align-items:start}.emp-master-photo{display:flex;flex-direction:column;gap:8px;align-items:stretch}.emp-master-photo-box{height:140px;width:100%;border:1px dashed var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--card-soft,rgba(0,0,0,.02));text-align:center;padding:8px;cursor:pointer;color:var(--ink);font:inherit}.emp-master-photo-box:hover{border-color:var(--brand)}.emp-master-photo-img{width:100%;height:100%;object-fit:cover;border-radius:6px}.emp-master-photo-actions{display:flex;gap:6px}.emp-master-photo-actions .btn{flex:1 1;padding:6px 8px;font-size:.78rem}.emp-master-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px;border-bottom:2px solid var(--line)}.emp-master-tab{background:transparent;color:var(--muted);padding:10px 14px;font-size:.86rem;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-2px}.emp-master-tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.emp-master-tab-panel{padding:14px 0;min-height:120px}.emp-master-address-block h4{margin:0 0 8px;font-size:.9rem}.emp-master-footer{margin-top:8px;padding:12px;border-radius:8px;background:var(--card-soft,rgba(0,184,219,.06));border:1px solid var(--line)}.emp-master-footer-title{font-size:.82rem;font-weight:600;margin-bottom:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.emp-master-footer-row{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.emp-master-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.emp-master-readonly{padding:12px;border-radius:8px;background:var(--card-soft,rgba(0,0,0,.02));border:1px solid var(--line)}@media (max-width:768px){.emp-master-fields-with-photo{grid-template-columns:1fr}.emp-master-photo{order:-1;justify-self:end;width:120px}.emp-master-photo-box{height:100px}.emp-master-address-row{grid-template-columns:1fr}}@media (max-width:640px){.emp-master-card .emp-master{padding:12px 10px}.emp-master-grid{gap:8px 10px}.emp-master-field .emp-master-label{font-size:.72rem}.emp-master-field input,.emp-master-field select,.emp-master-field textarea{font-size:.84rem;padding:8px}.emp-master-tab{padding:8px 10px;font-size:.78rem}.emp-master-photo-box{height:88px;padding:4px}.emp-master-photo-box small{font-size:.62rem}}.emp-profile-wrapper{background:#f8fafc;border-radius:16px;padding:24px;border:1px solid #e2e8f0}:root[data-theme=dark] .emp-profile-wrapper{background:var(--bg,#020B1F)!important;border-color:var(--line,rgba(0,184,219,.28))!important}.emp-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.03);padding:22px 24px;color:#0f172a}:root[data-theme=dark] .emp-card{background:var(--surface,#0A1A33)!important;border-color:var(--line,rgba(0,184,219,.28))!important;color:var(--ink,#ffffff)!important;box-shadow:0 4px 20px rgba(0,0,0,.35)!important}.emp-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}:root[data-theme=dark] .emp-card-header{border-bottom-color:rgba(255,255,255,.08)!important}.emp-card-title{font-size:15.5px;font-weight:700;margin:0;color:#0f172a}:root[data-theme=dark] .emp-card-title{color:#ffffff!important}.emp-row-label{font-size:13px;font-weight:600;color:#1e293b}:root[data-theme=dark] .emp-row-label{color:rgba(255,255,255,.9)!important}.emp-row-val{font-size:13.5px;color:#334155}:root[data-theme=dark] .emp-row-val{color:rgba(255,255,255,.8)!important}.emp-row-divider{border-bottom:1px solid #f8fafc}:root[data-theme=dark] .emp-row-divider{border-bottom-color:rgba(255,255,255,.06)!important}.emp-v-divider{border-left:2px solid #cbd5e1}:root[data-theme=dark] .emp-v-divider{border-left-color:rgba(255,255,255,.18)!important}@media (max-width:800px){.emp-v-divider{border-left:none!important;border-top:2px solid #cbd5e1;padding-left:0!important;padding-top:16px}}.emp-topbar-card{background:#ffffff;border-radius:14px;border:1px solid #e5e7eb;padding:20px 24px 0;box-shadow:0 1px 3px rgba(0,0,0,.03);margin-bottom:20px}:root[data-theme=dark] .emp-topbar-card{background:var(--surface,#0A1A33)!important;border-color:var(--line,rgba(0,184,219,.28))!important;box-shadow:0 4px 20px rgba(0,0,0,.35)!important}.emp-close-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;font-size:13px;font-weight:600;border-radius:8px;border:1px solid #cbd5e1;background:#ffffff;color:#0f172a;cursor:pointer;transition:all .15s ease}.emp-close-btn:hover{background:#f1f5f9;border-color:#94a3b8}:root[data-theme=dark] .emp-close-btn{background:var(--surface,#0A1A33)!important;border-color:var(--line,rgba(0,184,219,.35))!important;color:#ffffff!important}:root[data-theme=dark] .emp-close-btn:hover{background:rgba(0,184,219,.15)!important;border-color:#00b8db!important}.emp-tab-btn{background:transparent;padding:10px 4px 12px;font-size:13.5px;font-weight:500;color:#64748b;border:none;border-bottom:2.5px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}.emp-tab-btn.active{font-weight:700;color:#0f172a;border-bottom-color:#0f172a}:root[data-theme=dark] .emp-tab-btn{color:rgba(255,255,255,.6)}:root[data-theme=dark] .emp-tab-btn.active{color:#ffffff!important;border-bottom-color:#00b8db!important}.emp-switcher-btn{display:flex;align-items:center;gap:10px;padding:5px 14px 5px 7px;background:#ffffff;border:1px solid #cbd5e1;border-radius:30px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .15s ease;color:#0f172a}.emp-switcher-btn:hover{border-color:#00b8db;box-shadow:0 2px 8px rgba(0,184,219,.15)}:root[data-theme=dark] .emp-switcher-btn{background:var(--surface,#0A1A33)!important;border-color:var(--line,rgba(0,184,219,.35))!important;color:#ffffff!important}.emp-switcher-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:310px;max-height:380px;overflow-y:auto;background:#ffffff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:100;padding:8px 0}:root[data-theme=dark] .emp-switcher-dropdown{background:#0A1A33!important;border-color:rgba(0,184,219,.35)!important;box-shadow:0 12px 36px rgba(0,0,0,.5)!important}.emp-switcher-item{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;transition:background .1s ease;text-align:left;border:none;background:transparent;width:100%;color:#0f172a}.emp-switcher-item:hover{background:#f1f5f9}:root[data-theme=dark] .emp-switcher-item{color:#ffffff!important}:root[data-theme=dark] .emp-switcher-item:hover{background:rgba(0,184,219,.18)!important}.card-edit-pencil{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.card-edit-pencil:hover{color:#00b8db;background:rgba(0,184,219,.08)}:root[data-theme=dark] .card-edit-pencil{color:rgba(255,255,255,.55)}:root[data-theme=dark] .card-edit-pencil:hover{color:#38d6f4;background:rgba(0,184,219,.18)}.emp-metric-box{padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}:root[data-theme=dark] .emp-metric-box{background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.08)!important}.emp-doc-tile{padding:14px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:12px;min-width:0;box-sizing:border-box}:root[data-theme=dark] .emp-doc-tile{background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.08)!important}.emp-empty-box{padding:32px 16px;text-align:center;color:#94a3b8;font-size:13px;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}:root[data-theme=dark] .emp-empty-box{background:rgba(255,255,255,.02)!important;border-color:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.5)!important}.create-user-card{max-width:none;width:100%;box-sizing:border-box}.create-user-title{margin:0 0 16px;font-size:1.15rem;font-weight:700;color:var(--ink)}.create-user-form{display:grid;grid-gap:14px;gap:14px;width:100%}.create-user-field{display:grid;grid-gap:6px;gap:6px;margin:0;width:100%}.create-user-field>span{font-size:.9rem;font-weight:700;color:var(--ink)}.create-user-field input,.create-user-field select{width:100%;box-sizing:border-box;min-height:42px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--input-bg);color:var(--ink);font:inherit}.create-user-field input::placeholder{color:#98a2b3;font-weight:400}.create-user-field input:focus,.create-user-field select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.create-user-field input:disabled{opacity:.7;cursor:not-allowed}.create-user-actions{display:flex;gap:8px;flex-wrap:wrap}.create-user-submit{margin-top:4px}.form-create{display:grid;grid-gap:12px;gap:12px;max-width:640px}.form-create label{display:grid;grid-gap:6px;gap:6px;font-weight:600;color:var(--ink)}.btn-fit{width:-moz-fit-content;width:fit-content;max-width:100%;align-self:start}.password-eye{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 6px}.password-eye:hover{color:var(--brand)}.badge.off{background:rgba(180,35,24,.12);color:var(--danger)}.roles-card{width:100%;padding:0;overflow:hidden}.roles-table-wrap{border:0!important;box-shadow:none!important;max-width:100%}.roles-table{width:100%;border-collapse:collapse;border-spacing:0;min-width:520px}.roles-table td,.roles-table th{border:none!important;border-bottom:1px solid var(--line)!important;padding:12px 16px;vertical-align:middle;text-align:start;white-space:normal}.roles-table thead th{background:var(--table-head);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.roles-table tbody tr:last-child td{border-bottom:none!important}.roles-name{font-weight:700;color:var(--ink);min-width:140px}.roles-name-row{display:inline-flex;align-items:center;gap:8px}.roles-delete-btn{border:0;background:transparent;color:var(--danger);cursor:pointer;display:inline-grid;place-items:center;padding:2px;line-height:0;opacity:.85}.roles-delete-btn:hover{opacity:1}.status-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0}.status-toggle input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.status-toggle-ui{width:40px;height:22px;border-radius:999px;background:#cbd5e1;position:relative;flex-shrink:0;transition:background .15s ease}.status-toggle-ui:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s ease}.status-toggle input:checked+.status-toggle-ui{background:var(--ok)}.status-toggle input:checked+.status-toggle-ui:after{transform:translateX(18px)}.status-toggle-text{font-size:.85rem;font-weight:600;color:var(--muted)}.status-toggle input:checked~.status-toggle-text{color:var(--ok)}.perm-matrix-card{overflow:hidden;width:100%;padding:0}.perm-matrix-card>.muted{padding:16px}.perm-matrix-wrap{overflow-x:auto;border:0!important;box-shadow:none!important;background:transparent;max-width:100%}.perm-matrix{width:100%;border-collapse:collapse;border-spacing:0;min-width:640px;font-size:.92rem}.perm-matrix td,.perm-matrix th{border:none!important;border-bottom:1px solid var(--line)!important;outline:none!important;box-shadow:none!important;padding:12px 14px;vertical-align:middle;background-clip:padding-box;white-space:nowrap}.perm-matrix thead th{background:var(--table-head);position:-webkit-sticky;position:sticky;top:0;z-index:1;font-size:.78rem;font-weight:700;letter-spacing:.03em}.perm-matrix tbody tr:last-child td{border-bottom:none!important}.perm-col-name{text-align:start;min-width:220px;white-space:normal!important;font-weight:500;color:var(--ink)}.perm-col-role{text-align:center;min-width:100px}.perm-group-row td{background:var(--surface-alt)!important;font-weight:700;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding-top:10px!important;padding-bottom:10px!important;border-bottom:1px solid var(--line)!important}.perm-indent-1{-webkit-padding-start:28px!important;padding-inline-start:28px!important}.perm-indent-2{-webkit-padding-start:44px!important;padding-inline-start:44px!important;color:var(--muted)}.perm-check{display:inline-grid;place-items:center;cursor:pointer;margin:0;padding:4px;border-radius:8px}.perm-check:hover{background:var(--brand-soft)}.perm-check input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.perm-icon{display:inline-grid;line-height:0}.perm-matrix-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 16px 16px;margin:0;border:none!important;border-top:1px solid var(--line)!important;background:var(--surface)}.perm-save-banner{margin-bottom:12px;padding:10px 12px;border-radius:8px;background:rgba(31,122,76,.12);color:var(--ok);font-weight:600}:root[data-theme=dark]{--ink:#FFFFFF!important;--muted:rgba(255,255,255,0.72)!important;--surface:#0A1A33!important;--surface-alt:#03142C!important;--input-bg:#0A1A33!important;--line:rgba(0,184,219,0.28)!important;--line-strong:rgba(0,184,219,0.45)!important}:root[data-theme=dark] #content,:root[data-theme=dark] .main,:root[data-theme=dark] body{color:#FFFFFF!important;background-color:var(--bg,#020B1F)}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] h4,:root[data-theme=dark] h5,:root[data-theme=dark] h6{color:#FFFFFF!important}:root[data-theme=dark] p,:root[data-theme=dark] span:not(.badge):not(.nav-alert-badge){color:inherit}:root[data-theme=dark] .card,:root[data-theme=dark] .create-user-card,:root[data-theme=dark] .dash-card,:root[data-theme=dark] .emp-card,:root[data-theme=dark] .emp-topbar-card,:root[data-theme=dark] .modal-content,:root[data-theme=dark] .panel-card,:root[data-theme=dark] .stat,:root[data-theme=dark] [role=dialog]{background:var(--surface,#0A1A33)!important;color:#FFFFFF!important;border-color:var(--line,rgba(0,184,219,.28))!important;box-shadow:0 8px 30px rgba(0,0,0,.45)!important}:root[data-theme=dark] table{color:#FFFFFF!important}:root[data-theme=dark] th,:root[data-theme=dark] thead th{background:var(--surface-alt,#03142C)!important;color:rgba(255,255,255,.85)!important;border-bottom:1px solid var(--line,rgba(0,184,219,.28))!important}:root[data-theme=dark] td{color:rgba(255,255,255,.9)!important;border-bottom:1px solid rgba(0,184,219,.16)!important}:root[data-theme=dark] tbody tr:hover td{background:rgba(0,184,219,.08)!important}:root[data-theme=dark] .emp-row-label,:root[data-theme=dark] .field label,:root[data-theme=dark] label{color:rgba(255,255,255,.75)!important}:root[data-theme=dark] .emp-row-val{color:#FFFFFF!important}:root[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),:root[data-theme=dark] select,:root[data-theme=dark] textarea{background-color:var(--input-bg,#0A1A33)!important;color:#FFFFFF!important;border-color:var(--line-strong,rgba(0,184,219,.45))!important}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:rgba(255,255,255,.45)!important}:root[data-theme=dark] .topbar-action-btn,:root[data-theme=dark] .topbar-select,:root[data-theme=dark] .user-chip{background:var(--surface,#0A1A33)!important;color:#FFFFFF!important;border-color:var(--line,rgba(0,184,219,.35))!important}:root[data-theme=dark] .topbar-select option,:root[data-theme=dark] select option{background:#0A1A33!important;color:#FFFFFF!important}:root[data-theme=dark] .portal-alert-toast{background:var(--surface,#0A1A33)!important;color:#FFFFFF!important;border-color:#00B8DB!important}:root[data-theme=dark] .emp-doc-tile,:root[data-theme=dark] .emp-metric-box{background:var(--surface-alt,#03142C)!important;border-color:var(--line,rgba(0,184,219,.28))!important;color:#FFFFFF!important}.dash-kpi-grid-6{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px}@media (max-width:1200px){.dash-kpi-grid-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.dash-kpi-grid-6{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.dash-kpi-grid-6{grid-template-columns:1fr}}.dash-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}@media (max-width:1200px){.dash-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.dash-kpi-grid{grid-template-columns:1fr}}.kpi-card{border-radius:14px;padding:18px 20px;color:var(--ink,#0f172a);background:var(--surface,#ffffff);border:1px solid var(--line,#e2e8f0);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.05);box-sizing:border-box;min-height:100px;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.08)}.kpi-card.blue{border-top:3px solid #00b8db}.kpi-card.green{border-top:3px solid #10b981}.kpi-card.amber{border-top:3px solid #f59e0b}.kpi-card.red{border-top:3px solid #ef4444}.kpi-info{display:flex;flex-direction:column;justify-content:center;gap:5px;flex:1 1;min-width:0}.kpi-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted,#64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-val{font-size:26px;font-weight:800;line-height:1.1;color:var(--ink,#0f172a)}.kpi-badge{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700;background:var(--surface-alt,#f1f5f9);margin-top:2px}.kpi-badge,.kpi-ring{align-items:center;color:var(--muted,#64748b)}.kpi-ring{font-size:18px;font-weight:800;padding:8px 12px;border-radius:10px;background:var(--surface-alt,#f8fafc);flex-shrink:0;display:flex;justify-content:center}:root[data-theme=dark] .kpi-card{background:#0a1a33;border-color:rgba(0,184,219,.2);color:#ffffff}:root[data-theme=dark] .kpi-val{color:#ffffff}:root[data-theme=dark] .kpi-title{color:rgba(255,255,255,.65)}:root[data-theme=dark] .kpi-ring{background:rgba(0,184,219,.1);color:#ffffff}:root[data-theme=dark] .kpi-badge{background:rgba(0,184,219,.15);color:#38d6f4}*,body,html{scrollbar-width:thin;scrollbar-color:#00B8DB transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00B8DB;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#009bb8}.admin-card-hover{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .22s ease!important;will-change:transform,box-shadow}.admin-card-hover:hover{transform:translateY(-4px)!important;box-shadow:0 14px 28px -4px rgba(0,184,219,.12),0 8px 16px -4px rgba(0,0,0,.06)!important;border-color:rgba(0,184,219,.45)!important}:root[data-theme=dark] .admin-card-hover:hover{transform:translateY(-4px)!important;box-shadow:0 16px 36px -4px rgba(0,184,219,.25),0 8px 18px -4px rgba(0,0,0,.6)!important;border-color:rgba(0,184,219,.65)!important}.admin-action-pill-hover{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .22s ease!important;will-change:transform,box-shadow}.admin-action-pill-hover:hover{transform:translateY(-3px)!important;box-shadow:0 10px 22px -3px rgba(0,184,219,.16),0 4px 10px -3px rgba(0,0,0,.05)!important;border-color:rgba(0,184,219,.5)!important}:root[data-theme=dark] .admin-action-pill-hover:hover{transform:translateY(-3px)!important;box-shadow:0 12px 26px -3px rgba(0,184,219,.3),0 6px 14px -3px rgba(0,0,0,.5)!important;border-color:rgba(0,184,219,.7)!important}.attendance-today-badge{background:#e0f2fe;color:#00b8db;border:1px solid rgba(0,184,219,.35);box-shadow:0 2px 6px rgba(0,184,219,.12)}:root[data-theme=dark] .attendance-today-badge{background:rgba(0,184,219,.22)!important;color:#38d6f4!important;border-color:rgba(56,214,244,.5)!important;box-shadow:0 2px 8px rgba(0,0,0,.4)!important}.celebration-this-week{color:#00b8db;font-weight:700;font-size:11.5px}.btn-primary,:root[data-theme=dark] .celebration-this-week{color:#ffffff!important}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;background:linear-gradient(135deg,#00B8DB,#0284c7);border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(0,184,219,.25);transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none}.btn-primary:hover{background:linear-gradient(135deg,#00A8CF,#0369a1);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,184,219,.35)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-secondary:hover{background:var(--surface-alt);border-color:var(--line-strong);color:var(--brand)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.error-box{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px 18px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px}:root[data-theme=dark] .error-box{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.35);color:#fca5a5}.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow);transition:border-color .15s ease}:root[data-theme=dark] .panel-card{background:var(--surface);border-color:var(--line)}.modal-backdrop,.modal-overlay{position:fixed!important;inset:0!important;background:rgba(15,23,42,.72)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;padding:20px!important;box-sizing:border-box!important}.modal-card,.modal-content{background:var(--surface,#ffffff)!important;border:1px solid var(--line,#cbd5e1)!important;border-radius:16px!important;width:100%!important;max-width:580px;max-height:90vh!important;overflow-y:auto!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.35)!important;padding:24px 28px!important;box-sizing:border-box!important;position:relative!important;animation:modalPopIn .2s cubic-bezier(.16,1,.3,1)!important}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-head,.modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--line,#e2e8f0)!important;padding-bottom:14px!important;margin-bottom:18px!important;width:100%!important}.modal-head h2,.modal-head h3,.modal-header h2,.modal-header h3,.modal-title{margin:0!important;font-size:17px!important;font-weight:700!important;color:var(--ink,#0f172a)!important;letter-spacing:-.01em!important}.modal-close,.modal-close-btn{background:transparent!important;border:none!important;font-size:18px!important;font-weight:700!important;color:var(--muted,#64748b)!important;cursor:pointer!important;border-radius:8px!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important;line-height:1!important;padding:0!important}.modal-close-btn:hover,.modal-close:hover{background:rgba(0,184,219,.12)!important;color:#00b8db!important}.modal-body{display:flex!important;flex-direction:column!important;gap:14px!important}.modal-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;border-top:1px solid var(--line,#e2e8f0)!important;padding-top:16px!important;margin-top:20px!important}.emp-input{width:100%;padding:8px 12px;background:var(--surface,#ffffff);border:1px solid var(--line,#cbd5e1);border-radius:8px;font-size:13px;color:var(--ink,#0f172a);outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.emp-input:focus{border-color:#00b8db;box-shadow:0 0 0 3px rgba(0,184,219,.15)}:root[data-theme=dark] .emp-input{background:rgba(15,23,42,.85);border-color:rgba(148,163,184,.2);color:#f1f5f9}.form-input,.modal-card input[type=date],.modal-card input[type=datetime-local],.modal-card input[type=email],.modal-card input[type=number],.modal-card input[type=password],.modal-card input[type=search],.modal-card input[type=tel],.modal-card input[type=text],.modal-card input[type=url],.modal-card select,.modal-card textarea,.modal-content input[type=date],.modal-content input[type=datetime-local],.modal-content input[type=email],.modal-content input[type=number],.modal-content input[type=password],.modal-content input[type=search],.modal-content input[type=tel],.modal-content input[type=text],.modal-content input[type=url],.modal-content select,.modal-content textarea,.search-input{width:100%!important;padding:10px 14px!important;font-size:13.5px!important;font-family:inherit!important;color:var(--ink,#0f172a)!important;background:var(--surface,#ffffff)!important;border:1px solid var(--line,#cbd5e1)!important;border-radius:8px!important;box-sizing:border-box!important;transition:border-color .18s ease,box-shadow .18s ease!important;outline:none!important}.form-input:focus,.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus,.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus,.search-input:focus{border-color:#00b8db!important;box-shadow:0 0 0 3px rgba(0,184,219,.18)!important}.modal-card input:hover,.modal-card select:hover,.modal-card textarea:hover,.modal-content input:hover,.modal-content select:hover,.modal-content textarea:hover{border-color:#94a3b8}.modal-card label,.modal-content label{display:block;font-size:12.5px;font-weight:600;color:var(--ink,#0f172a);margin-bottom:6px}.search-box-wrap,.search-input-wrap{position:relative;display:flex;align-items:center;width:100%;border-radius:8px;background:var(--surface-alt,#f8fafc);border:1px solid var(--line,#e2e8f0);padding:0 12px;transition:all .2s ease;box-sizing:border-box}.search-box-wrap:focus-within,.search-input-wrap:focus-within{border-color:#00b8db!important;background:var(--surface,#ffffff)!important;box-shadow:0 0 0 3px rgba(0,184,219,.15)!important}.search-box-wrap svg,.search-input-wrap svg{color:var(--muted,#64748b);flex-shrink:0;margin-right:8px}.search-box-wrap input,.search-input-wrap input{border:none!important;background:transparent!important;padding:8px 0!important;box-shadow:none!important;width:100%;outline:none!important}:root[data-theme=dark] .modal-card,:root[data-theme=dark] .modal-content{background:#0a1a33!important;border-color:rgba(0,184,219,.28)!important;color:#ffffff!important}:root[data-theme=dark] .modal-head,:root[data-theme=dark] .modal-header{border-bottom-color:rgba(0,184,219,.2)!important}:root[data-theme=dark] .modal-head h2,:root[data-theme=dark] .modal-head h3,:root[data-theme=dark] .modal-header h2,:root[data-theme=dark] .modal-header h3,:root[data-theme=dark] .modal-title{color:#ffffff!important}:root[data-theme=dark] .modal-footer{border-top-color:rgba(0,184,219,.2)!important}:root[data-theme=dark] .modal-card input,:root[data-theme=dark] .modal-card select,:root[data-theme=dark] .modal-card textarea,:root[data-theme=dark] .modal-content input,:root[data-theme=dark] .modal-content select,:root[data-theme=dark] .modal-content textarea,:root[data-theme=dark] .search-input{background:#03142c!important;color:#ffffff!important;border-color:rgba(0,184,219,.28)!important}:root[data-theme=dark] .modal-card input:focus,:root[data-theme=dark] .modal-card select:focus,:root[data-theme=dark] .modal-card textarea:focus,:root[data-theme=dark] .modal-content input:focus,:root[data-theme=dark] .modal-content select:focus,:root[data-theme=dark] .modal-content textarea:focus{border-color:#00b8db!important;box-shadow:0 0 0 3px rgba(0,184,219,.3)!important}:root[data-theme=dark] .modal-card label,:root[data-theme=dark] .modal-content label{color:rgba(255,255,255,.9)!important}:root[data-theme=dark] .search-box-wrap,:root[data-theme=dark] .search-input-wrap{background:#03142c!important;border-color:rgba(0,184,219,.28)!important}