:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-size:15px;line-height:1.5}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}button,input,select,textarea{font-family:inherit}*{scrollbar-width:thin;scrollbar-color:#64748b59 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0!important}::-webkit-scrollbar-thumb{background:#64748b59 padding-box content-box;border:1px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#64748b99 padding-box content-box;border:1px solid #0000}::-webkit-scrollbar-corner{background:0 0}:root{--c-bg:#edfcff;--c-surface:#fff;--c-border:#e8f4f6;--c-text:#141414;--c-text-secondary:#333;--c-text-muted:#555;--c-primary:#136b79;--c-primary-alt:#2e848e;--c-primary-soft:#5299a1;--c-accent:#d9a63f;--c-accent-dark:#d09725;--c-on-accent:#141414;--c-on-primary:#fff;--c-hero-a:#0d4e59;--c-hero-b:#136b79;--c-hero-c:#2e848e;--c-accent-gold:#d9a63f;--c-accent-gold-dark:#d09725;--c-primary-brand:#136b79;--c-primary-brand-alt:#2e848e;--c-primary-brand-soft:#5299a1;--gradient-brand-wathiqa:linear-gradient(135deg, #0d4e59 0%, #136b79 60%, #2e848e 100%);--shadow-hero-teal:0 4px 18px -4px #136b798c;--shadow-hero-gold:0 4px 14px -4px #d9a63f73;--primary:#136b79;--primary-hover:#2e848e;--primary-active:#0d4e59;--primary-soft:#57a4b4;--primary-light:#136b791a;--secondary:#d9a63f;--tertiary:#d09725;--gradient-brand:linear-gradient(135deg, #0d4e59 0%, #136b79 60%, #2e848e 100%);--gradient-brand-soft:linear-gradient(135deg, #136b7924, #d9a63f1a);--gradient-accent:linear-gradient(135deg, #d09725 0%, #d9a63f 100%);--gradient-btn:linear-gradient(135deg, #d09725 0%, #d9a63f 100%);--bg-primary:#edfcff;--bg-surface:#fff;--bg-surface-elevated:#f4fafa;--bg-glass:#ffffffd9;--bg-hover:#136b7912;--bg-chart:#fff;--border-color:#e8f4f6;--border-color-strong:#d0e4e8;--border-focus:#136b79;--text-primary:#141414;--text-secondary:#333;--text-muted:#555;--status-grey:#64748b;--status-grey-bg:#64748b24;--status-blue:#0369a1;--status-blue-bg:#0369a11f;--status-amber:#b45309;--status-amber-bg:#b4530924;--status-red:#b91c1c;--status-red-bg:#b91c1c1f;--status-green:#15803d;--status-green-bg:#15803d1f;--status-darkgrey:#6b7280;--status-darkgrey-bg:#6b72802e;--tint-amber-bg:#fffbeb;--tint-amber-border:#fde68a;--tint-amber-text:#92400e;--tint-red-bg:#fef2f2;--tint-red-border:#fecaca;--tint-red-text:#991b1b;--tint-green-bg:#f0fdf4;--tint-green-border:#bbf7d0;--tint-green-text:#15803d;--tint-blue-bg:#eff6ff;--tint-blue-border:#bfdbfe;--tint-blue-text:#1e3a8a;--tint-purple-bg:#f5f3ff;--tint-purple-border:#ddd6fe;--tint-purple-text:#5b21b6;--tint-neutral-bg:#f8fafc;--tint-neutral-border:#e2e8f0;--tint-neutral-text:#334155;--btn-disabled-bg:#cbd5e1;--toggle-off-bg:#cbd5e1;--toggle-knob:#fff;--shadow-sm:0 1px 2px 0 #0f1f240f;--shadow-md:0 6px 18px -6px #136b791f, 0 2px 6px -2px #0f1f240f;--shadow-lg:0 24px 48px -12px #0f1f2429, 0 8px 20px -8px #136b791a;--glow-primary:0 0 0 1px #136b7959, 0 8px 24px -6px #136b7959;--glow-green:0 0 0 1px #d9a63f66, 0 6px 20px -6px #d9a63f59;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px}.dark{--c-bg:#0f1f24;--c-surface:#162e35;--c-border:#3d5a63;--c-text:#f8fafc;--c-text-secondary:#cbd5e1;--c-text-muted:#94a3b8;--c-primary:#57a4b4;--c-primary-alt:#2e848e;--c-primary-soft:#5299a1;--c-accent:#d9a63f;--c-accent-dark:#d09725;--c-on-accent:#141414;--c-on-primary:#0f1f24;--c-hero-a:#0a1a1f;--c-hero-b:#0f3540;--c-hero-c:#164a55;--c-primary-brand:#57a4b4;--c-primary-brand-alt:#2e848e;--c-primary-brand-soft:#5299a1;--gradient-brand-wathiqa:linear-gradient(135deg, #0a1a1f 0%, #0f3540 55%, #164a55 100%);--primary:#57a4b4;--primary-hover:#84d2db;--primary-active:#2e848e;--primary-soft:#5299a1;--primary-light:#57a4b429;--secondary:#d9a63f;--tertiary:#d09725;--gradient-brand:linear-gradient(135deg, #0a1a1f 0%, #0f3540 55%, #164a55 100%);--gradient-brand-soft:linear-gradient(135deg, #57a4b424, #d9a63f1a);--gradient-accent:linear-gradient(135deg, #d09725 0%, #d9a63f 100%);--gradient-btn:linear-gradient(135deg, #d09725 0%, #d9a63f 100%);--bg-primary:#0f1f24;--bg-surface:#162e35;--bg-surface-elevated:#1c3840;--bg-glass:#162e35e6;--bg-hover:#57a4b41a;--bg-chart:#162e35;--border-color:#3d5a63;--border-color-strong:#4a6b75;--border-focus:#57a4b4;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--status-grey:#94a3b8;--status-grey-bg:#94a3b829;--status-blue:#57a4b4;--status-blue-bg:#57a4b429;--status-amber:#d9a63f;--status-amber-bg:#d9a63f29;--status-red:#f87171;--status-red-bg:#c628282e;--status-green:#4ade80;--status-green-bg:#2e7d3233;--status-darkgrey:#94a3b8;--status-darkgrey-bg:#94a3b824;--tint-amber-bg:#d9a63f24;--tint-amber-border:#d9a63f66;--tint-amber-text:#fcd34d;--tint-red-bg:#c6282829;--tint-red-border:#f8717166;--tint-red-text:#fca5a5;--tint-green-bg:#2e7d3229;--tint-green-border:#4ade8059;--tint-green-text:#86efac;--tint-blue-bg:#57a4b424;--tint-blue-border:#57a4b466;--tint-blue-text:#a5dee7;--tint-purple-bg:#a78bfa24;--tint-purple-border:#a78bfa66;--tint-purple-text:#ddd6fe;--tint-neutral-bg:#94a3b81f;--tint-neutral-border:#94a3b859;--tint-neutral-text:#e2e8f0;--btn-disabled-bg:#94a3b83d;--toggle-off-bg:#94a3b899;--toggle-knob:#f8fafc;--shadow-sm:0 1px 2px 0 #00000040;--shadow-md:0 8px 24px #00000047;--shadow-lg:0 24px 48px -12px #0006;--glow-primary:0 0 0 1px #57a4b466, 0 8px 24px -6px #57a4b459;--glow-green:0 0 0 1px #d9a63f66, 0 6px 20px -6px #d9a63f59}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1100px 700px at 10% -10%,#136b7914,#0000 62%),radial-gradient(900px 620px at 108% 2%,#d9a63f12,#0000 60%),radial-gradient(1200px 900px at 50% 115%,#2e848e0d,#0000 62%);background-repeat:no-repeat;background-attachment:fixed;line-height:1.5}.dark body,html.dark body{background-image:radial-gradient(1100px 700px at 10% -10%,#57a4b414,#0000 62%),radial-gradient(900px 620px at 108% 2%,#d9a63f0f,#0000 60%),radial-gradient(1200px 900px at 50% 115%,#0f354059,#0000 62%)}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}.status-badge{border-radius:var(--radius-full);text-transform:capitalize;white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.grey{background:var(--status-grey-bg);color:var(--text-secondary);border:1px solid var(--status-grey)}.status-badge.blue{background:var(--status-blue-bg);color:var(--status-blue);border:1px solid var(--status-blue)}.status-badge.amber{background:var(--status-amber-bg);color:var(--status-amber);border:1px solid var(--status-amber)}.status-badge.red{background:var(--status-red-bg);color:var(--status-red);border:1px solid var(--status-red)}.status-badge.green{background:var(--status-green-bg);color:var(--status-green);border:1px solid var(--status-green)}.status-badge.darkgrey{background:var(--status-darkgrey-bg);color:var(--status-darkgrey);border:1px solid var(--status-darkgrey);text-decoration:line-through}.status-dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px}.status-badge.grey .status-dot{background:var(--status-grey)}.status-badge.blue .status-dot{background:var(--status-blue)}.status-badge.amber .status-dot{background:var(--status-amber)}.status-badge.red .status-dot{background:var(--status-red)}.status-badge.green .status-dot{background:var(--status-green)}.status-badge.darkgrey .status-dot{background:var(--status-darkgrey)}.sod-chip{border-radius:var(--radius-sm);background:var(--status-amber-bg);color:var(--status-amber);border:1px solid var(--status-amber);align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.sod-chip.emergency{background:var(--status-red-bg);color:var(--status-red);border-color:var(--status-red)}html.dark input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.4);opacity:.9;cursor:pointer}html.dark input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.4);opacity:.9;cursor:pointer}html.dark input[type=month]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.4);opacity:.9;cursor:pointer}html.dark input[type=time]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.4);opacity:.9;cursor:pointer}html.dark input[type=week]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.4);opacity:.9;cursor:pointer}html.dark input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}html.dark input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}html.dark input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1}html.dark input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}html.dark input[type=week]::-webkit-calendar-picker-indicator:hover{opacity:1}html.dark input[type=checkbox],html.dark input[type=radio]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--primary)}.app-container{background:0 0;min-height:100vh;display:flex}.sidebar{z-index:200;background:linear-gradient(#13444d 0%,#103c44 45%,#0e353c 100%);border-right:1px solid #d9a63f26;flex-direction:column;width:260px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{background:0 0;align-items:center;gap:10px;padding:28px 16px 12px 20px;display:flex}.brand-icon{color:#141414;letter-spacing:.02em;flexShrink:0;background:linear-gradient(135deg,#d09725,#d9a63f);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:flex;box-shadow:0 4px 14px -4px #d9a63fb3}.brand-title{letter-spacing:-.01em;color:#fff;font-size:.82rem;font-weight:700;line-height:1.2}.brand-subtitle{color:#ffffffa6;margin-top:1px;font-size:.68rem;line-height:1.2}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-group-title{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;padding:8px 12px 4px;font-size:.65rem;font-weight:700}.nav-item{color:#ffffffc7;border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:10px;margin-bottom:6px;padding:10px 14px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-item span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.nav-item:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.nav-item.active{color:#d9a63f;background:linear-gradient(135deg,#d0972547 0%,#d9a63f2e 100%);border:1px solid #d9a63f59;font-weight:600;box-shadow:0 4px 14px -6px #d9a63f73}.nav-item.active:before{content:"";border-radius:0 var(--radius-full) var(--radius-full) 0;background:linear-gradient(#d09725,#d9a63f);width:3px;height:22px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.nav-item.active svg{color:#d9a63f}.sidebar.sidebar-light .brand-title{color:#fff}.sidebar.sidebar-light .brand-subtitle{color:#ffffffd1}.sidebar.sidebar-light .nav-group-title{color:#ffffffb8}.sidebar.sidebar-light .nav-item{color:#ffffffe6}.sidebar.sidebar-light .nav-item:hover{color:#fff;background:#ffffff29}.sidebar.sidebar-light .nav-item.active{color:#ffd98a;background:linear-gradient(135deg,#d097256b 0%,#d9a63f42 100%);border-color:#ffffff80;box-shadow:0 4px 14px -6px #00000059}.sidebar.sidebar-light .nav-item.active svg{color:#ffd98a}.sidebar.sidebar-light .nav-item.active:before{background:linear-gradient(#ffd98a,#d9a63f)}.sidebar.sidebar-light .nav-item-badge{box-shadow:0 2px 8px -2px #00000059}.nav-item-badge{color:#141414;border-radius:var(--radius-full);background:linear-gradient(135deg,#d09725,#d9a63f);justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:.68rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px -2px #d9a63f8c}.main-wrapper{flex-direction:column;flex:1;height:100vh;max-height:100vh;margin-left:260px;display:flex;overflow:hidden}.top-header{z-index:90;box-sizing:border-box;background:#fff;border-bottom:1px solid #e8f4f6;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;min-height:48px;max-height:48px;padding:0 16px;transition:background .2s,border-color .2s;display:flex;position:sticky;top:0;flex-wrap:nowrap!important}.dark .top-header{background:radial-gradient(120% 100% at 80% 100%,#164a55 0%,#0f3540 50%,#0a1a1f 100%);border-bottom:2px solid #d9a63f59}.header-left{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-search{flex:1;justify-content:center;min-width:0;max-width:380px;margin:0 8px;display:flex}.form-header-bar{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.persona-switcher{z-index:95;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.responsive-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.responsive-tabs::-webkit-scrollbar{display:none}@media (width>=1024px){.menu-toggle,.sidebar-backdrop{display:none}}@media (width<=1279px){.top-header{gap:8px;padding:0 14px}.header-left{max-width:none}.header-search{max-width:260px}.header-avatar-text{display:none}.header-right{gap:8px}.persona-switcher{position:static;transform:none}}@media (width<=1023px){.sidebar{box-shadow:none;z-index:1000;transition:transform .28s,box-shadow .28s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 40px #00000059}.main-wrapper{margin-left:0}.menu-toggle{display:inline-flex}.sidebar-backdrop{z-index:999;display:block}.persona-switcher{position:static;transform:none}}@media (width<=900px){.content-body{padding:14px}.delegation-banner{flex-wrap:wrap;gap:6px;padding:8px 14px}}@media (width<=767px){.top-header{gap:6px;height:56px;min-height:56px;max-height:56px;padding:0 10px;flex-wrap:nowrap!important}.header-search{flex:none;max-width:none;margin:0 2px}.header-search-btn-text,.header-search-kbd{display:none!important}.header-search button{border-radius:50%!important;justify-content:center!important;width:34px!important;height:34px!important;padding:6px!important}.persona-btn-name{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:80px!important;overflow:hidden!important}.form-header-bar{flex-wrap:wrap;gap:8px}.form-header-bar .btn-save-draft{justify-content:center;width:100%}.content-body{padding:10px}.env-region{display:none}.sidebar{width:280px;max-width:85vw}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header .btn{width:100%}.page-title{font-size:1.25rem}.widget-grid{grid-template-columns:minmax(0,1fr)}.grid-2col,.validation-layout{grid-template-columns:1fr}.modal-overlay{align-items:flex-end;padding:10px}.modal-card{border-bottom-right-radius:0;border-bottom-left-radius:0;max-height:90vh}.modal-header,.modal-body{padding:14px 16px}.modal-footer{flex-wrap:wrap;gap:8px}.modal-footer .btn{flex:calc(50% - 4px);min-width:120px}.toast-container{max-width:none;inset:auto 12px 80px}.toast{min-width:0;max-width:100%}.bulk-actions-bar{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}.grid-toolbar{flex-direction:column;align-items:stretch}.grid-search-box{width:100%;min-width:0}.grid-filters{flex-wrap:wrap}.grid-pagination{flex-direction:column;align-items:flex-start;gap:10px}.brand-subtitle{display:none}.header-right{justify-content:flex-end;gap:6px}.widgets-grid{grid-template-columns:1fr}}@media (width<=640px){.header-popover-mobile{z-index:1000!important;width:auto!important;max-width:calc(100vw - 24px)!important;position:fixed!important;top:66px!important;left:12px!important;right:12px!important}}@media (width<=480px){.header-left{flex-wrap:wrap;gap:6px}.persona-switcher{flex:1;min-width:0}.persona-switcher select{max-width:130px;font-size:.78rem}.work-as-switcher span,.header-ooo{display:none}.timeline-row{flex-direction:column;align-items:flex-start}.timeline-row>div:last-child{text-align:left}.sod-banner{flex-direction:column;align-items:flex-start;gap:12px}.bar-chart{gap:4px}.bar-label{font-size:.72rem}.bar-title{font-size:.62rem}}.persona-switcher select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;font-size:.85rem;font-weight:600}.work-as-switcher{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#15803d 0%,#16a34a 100%);border:none;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:flex;box-shadow:0 4px 14px -4px #16a34a80}.work-as-switcher select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;font-weight:600}.work-as-switcher select option{color:var(--text-primary)}.delegation-banner{background:var(--gradient-brand);border-bottom:1px solid var(--border-focus);color:#f0fdfa;justify-content:space-between;align-items:center;padding:8px 24px;font-size:.8rem;display:flex}.elevation-chip{border:1px solid var(--status-red);color:#fca5a5;border-radius:var(--radius-full);background:#dc262629;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;animation:2s infinite pulse;display:flex}@keyframes pulse{0%{opacity:.75}50%{opacity:1}to{opacity:.75}}.content-body{box-sizing:border-box;background:var(--bg-primary);min-height:0;color:var(--text-primary);flex-direction:column;flex:1;padding:24px;display:flex;overflow:auto}.content-body>div>h1,.content-body h1:not([style*=background]),.content-body h2,.content-body h3,.content-body h4{color:var(--text-primary)}.content-body table{color:var(--text-primary);background:var(--bg-surface)}.content-body table tbody td{color:var(--text-primary)}.content-body table thead th{color:#fff}.content-body table thead.thead-token th{color:var(--text-muted)}.content-body input:not([type=checkbox]):not([type=radio]):not([type=range]),.content-body select,.content-body textarea{color:var(--text-primary);background-color:var(--bg-surface)}.content-body input::placeholder,.content-body textarea::placeholder{color:var(--text-muted);opacity:1}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(135deg,#0d4e59 0%,#136b79 55%,#2e848e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.dark .page-title{background:linear-gradient(135deg,#57a4b4 0%,#84d2db 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-description{color:var(--text-secondary);font-size:.875rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn.btn-primary{border:none}.btn.btn-primary:focus-visible{outline:none}.btn-primary{color:#141414;background:linear-gradient(135deg,#d09725 0%,#d9a63f 100%);box-shadow:0 4px 14px -4px #d9a63f80}.btn-primary:hover{background:linear-gradient(135deg,#d9a63f 0%,#e8c06a 100%);transform:translateY(-1px);box-shadow:0 6px 18px -4px #d9a63f99}.btn-primary.btn-split{color:#141414;background:linear-gradient(90deg,#d09725 0% 46%,#d9a63f 46%,#e8c06a 100%);border:1px solid #ffffff40}.btn-primary.btn-split:hover{background:linear-gradient(90deg,#d9a63f 0% 46%,#e8c06a 46%,#f3d48a 100%);box-shadow:0 6px 18px -4px #d9a63f80}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color-strong)}.btn-secondary:hover{background:var(--bg-surface-elevated);border-color:var(--border-focus)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px -4px #dc262680}.btn-danger:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-1px)}.btn-disabled{opacity:.5;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:200;background:#134e4a73;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes maximizeIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){#maximized-viewer-root{animation:none!important}}#maximized-viewer-root:focus-visible{outline:3px solid var(--primary,#136b79);outline-offset:-3px}.modal-card{background:var(--bg-surface);border:1px solid var(--border-color-strong);border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow-lg);flex-direction:column;animation:.22s slideUp;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);background:linear-gradient(120deg,#136b791a,#d9a63f14);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-primary);font-size:1.15rem;font-weight:700}.modal-body{max-height:75vh;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background:#136b790d;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-surface);border:1px solid var(--border-color-strong);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #136b792e}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-help{color:var(--text-muted);margin-top:4px;font-size:.75rem}.form-error{color:var(--status-red);margin-top:4px;font-size:.75rem}.widget-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}@media (width<=1279px) and (width>=768px){.widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.widget-grid{grid-template-columns:minmax(0,1fr)}}.widget-card{background:linear-gradient(180deg, #1e40af0f, transparent), var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.widget-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md), 0 0 0 1px #1e40af33;transform:translateY(-2px)}.flow-card:hover{box-shadow:var(--shadow-md), 0 0 0 1px #f59e0b66;border-color:#f59e0b99}.widget-header{justify-content:space-between;align-items:flex-start;min-height:40px;margin-bottom:12px;padding-right:24px;display:flex}.widget-title{color:var(--text-secondary);font-size:.875rem;font-weight:600;line-height:1.3}.widget-value{letter-spacing:-.02em;background:linear-gradient(135deg,#22c55e 0%,#4ade80 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}input[type=checkbox],input[type=radio]{accent-color:var(--primary);cursor:pointer;width:15px;height:15px}code{border-radius:var(--radius-sm);color:#047857;background:#1e40af1f;border:1px solid #1e40af38;padding:2px 7px;font-family:ui-monospace,Consolas,Courier New,monospace;font-size:.82em}.toast-container{z-index:11000;pointer-events:none;flex-direction:column;gap:10px;max-width:calc(100vw - 40px);display:flex;position:fixed;top:90px;right:20px}.toast{pointer-events:auto;border-radius:var(--radius-md);min-width:280px;max-width:400px;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;background:#0f172a;border:1px solid #ffffff24;border-left:4px solid #fff;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.85rem;font-weight:600;animation:.25s toastIn;display:flex}.toast svg{flex-shrink:0;margin-top:1px}.toast-success{border-left-color:#22c55e}.toast-success svg{color:#4ade80}.toast-error{border-left-color:#ef4444}.toast-error svg{color:#f87171}.toast-info{border-left-color:#3b82f6}.toast-info svg{color:#60a5fa}.toast-close{color:#fff9;flex-shrink:0;margin-left:auto}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-300px 0}to{background-position:300px 0}}.skeleton-box{background:linear-gradient(90deg,#cbd5e1 0%,#fff 50%,#cbd5e1 100%) 0 0/600px 100%;border-radius:6px;animation:1.5s linear infinite shimmer}.menu-toggle{border-radius:var(--radius-md);border:1px solid var(--border-color-strong);background:var(--bg-surface);width:38px;height:38px;color:var(--text-primary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:none}.menu-toggle:hover{border-color:var(--border-focus);color:var(--primary)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);z-index:95;opacity:0;pointer-events:none;background:#134e4a66;transition:opacity .25s;display:none;position:fixed;inset:0}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.grid-2col{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.validation-layout{grid-template-columns:350px 1fr;align-items:start;gap:20px;display:grid}.widgets-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:20px;display:grid}.widget{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:18px}.widget-grid-span{grid-column:1/-1}.widget-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.widget-icon-violet{background:var(--primary-light);color:var(--primary)}.widget-icon-green{color:var(--status-green);background:#0596691f}.widget-icon-red{color:var(--status-red);background:#dc26261f}.widget-icon-blue{color:var(--status-blue);background:#2563eb1f}.widget-icon-amber{color:var(--status-amber);background:#d977061f}.widget-label{color:var(--text-secondary);margin-bottom:4px;font-size:.85rem;font-weight:600}.widget-trend{color:var(--text-muted);margin-top:6px;font-size:.75rem}.bar-chart{align-items:stretch;gap:10px;height:190px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.bar-track{border-radius:var(--radius-sm);background:#1e40af0f;flex:1;align-items:flex-end;width:100%;max-width:56px;display:flex;overflow:hidden}.bar-fill{border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;transition:height .3s}.bar-label{color:var(--text-primary);font-size:.8rem;font-weight:700}.bar-title{color:var(--text-muted);text-align:center;font-size:.68rem;line-height:1.2}.stage-track{align-items:center;gap:4px;padding:8px 0;display:flex}.stage-step{flex:1;align-items:center;min-width:0;display:flex}.stage-dot{background:var(--bg-surface-elevated);border:2px solid var(--border-color-strong);width:26px;height:26px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stage-dot.done{background:var(--primary);border-color:var(--primary);color:#fff}.stage-dot.highlight{background:var(--status-amber);border-color:var(--status-amber)}.stage-line{background:var(--border-color-strong);border-radius:var(--radius-full);flex:1;height:3px}.stage-line.done{background:var(--primary)}.btn-outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light)}.timeline-row{flex-wrap:wrap;gap:8px}.staff-table-scroll::-webkit-scrollbar{width:8px;height:8px}.staff-table-scroll::-webkit-scrollbar-track{background:var(--bg-surface-elevated,#e8f4f6);border-radius:8px}.staff-table-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#0d4e59,#136b79);border-radius:8px}.staff-table-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#136b79,#2e848e)}.staff-table-scroll{scrollbar-width:thin;scrollbar-color:#136b79 var(--bg-surface-elevated,#e8f4f6)}.dashboard-scroll::-webkit-scrollbar{width:8px;height:8px}.dashboard-scroll::-webkit-scrollbar-track{background:var(--bg-surface-elevated,#e8f4f6)}.dashboard-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#0d4e59,#136b79);border-radius:8px}.dashboard-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#136b79,#2e848e)}.dashboard-scroll{scrollbar-width:thin;scrollbar-color:#136b79 var(--bg-surface-elevated,#e8f4f6)}@keyframes slideInRight{0%{opacity:.5;transform:translate(100%)}to{opacity:1;transform:translate(0)}}input:-webkit-autofill{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px color-mix(in srgb, var(--primary) 8%, var(--bg-surface)) inset!important;-webkit-text-fill-color:var(--text-primary)!important;background-color:color-mix(in srgb, var(--primary) 8%, var(--bg-surface))!important}input:-webkit-autofill:hover{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px color-mix(in srgb, var(--primary) 8%, var(--bg-surface)) inset!important;-webkit-text-fill-color:var(--text-primary)!important;background-color:color-mix(in srgb, var(--primary) 8%, var(--bg-surface))!important}input:-webkit-autofill:focus{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px color-mix(in srgb, var(--primary) 8%, var(--bg-surface)) inset!important;-webkit-text-fill-color:var(--text-primary)!important;background-color:color-mix(in srgb, var(--primary) 8%, var(--bg-surface))!important}input:-webkit-autofill:active{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px color-mix(in srgb, var(--primary) 8%, var(--bg-surface)) inset!important;-webkit-text-fill-color:var(--text-primary)!important;background-color:color-mix(in srgb, var(--primary) 8%, var(--bg-surface))!important}.staff-form-scroll input:not([readonly]):not([type=file]):not([type=date]):focus,.staff-form-scroll select:focus{outline:2px solid var(--primary,#136b79);outline-offset:1px;border-color:var(--primary,#136b79)!important}.staff-form-scroll input[type=date]:focus{border-color:var(--primary,#136b79);outline:2px solid var(--primary,#136b79);outline-offset:1px}.staff-form-scroll button[type=button]:focus{outline:2px solid var(--primary,#136b79);outline-offset:1px;border-color:var(--primary,#136b79)!important}.new-case-form .btn-primary{color:#141414;background:linear-gradient(135deg,#d09725,#d9a63f);border-color:#0000;box-shadow:0 4px 14px #d9a63f66}.new-case-form .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#d9a63f,#e8c06a);transform:translateY(-1px);box-shadow:0 6px 18px #d9a63f73}.new-case-form .btn-secondary{background:var(--bg-surface,#fff);color:var(--primary,#136b79);border-color:var(--primary-soft,#57a4b4)}.new-case-form .btn-secondary:hover:not(:disabled){background:var(--bg-surface-elevated,#f4fafa);border-color:var(--primary,#136b79)}.new-case-form .btn-danger{box-shadow:none;background:#dc2626;border-color:#0000}.new-case-form .btn-danger:hover:not(:disabled){background:#ef4444;transform:translateY(-1px)}.new-case-form .btn:focus-visible{outline:2px solid var(--primary,#136b79);outline-offset:2px}.new-case-form .btn:disabled{opacity:.5;cursor:not-allowed}.new-case-form .form-input:focus,.new-case-form .form-select:focus,.new-case-form .form-textarea:focus{box-shadow:none}.new-case-form-body{padding:24px 28px 32px}@media (width<=767px){.new-case-form-body{padding:14px 14px 24px}}.vdw-dropdown-scroll::-webkit-scrollbar{width:10px;height:10px}.vdw-dropdown-scroll::-webkit-scrollbar-track{background:0 0}.vdw-dropdown-scroll::-webkit-scrollbar-thumb{background:#0d94884d padding-box content-box;border:2px solid #0000;border-radius:9999px}.vdw-dropdown-scroll::-webkit-scrollbar-thumb:hover{background:#0d948880 padding-box content-box;border:2px solid #0000}.vdw-dropdown-scroll{scrollbar-width:thin;scrollbar-color:#0d94884d transparent}.rd-toggle-btn{border:1px solid var(--primary,#136b79);background:var(--bg-surface);cursor:pointer;color:var(--text-primary);border-radius:9px;outline:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:5px 8px;font-size:.75rem;font-weight:600;transition:background .15s,color .15s;display:flex}.rd-toggle-btn:hover{background:var(--primary-light,#136b791a);color:var(--primary,#136b79)}.rd-toggle-btn.active{color:#fff!important;background:linear-gradient(135deg,#0d4e59,#136b79)!important}.rd-toggle-btn.active:hover{color:#fff!important;background:linear-gradient(135deg,#136b79,#2e848e)!important}.grid-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);flex-direction:column;display:flex;overflow:hidden}.grid-toolbar{border-bottom:1px solid var(--border-color);background:radial-gradient(400px 120px at 0% 0%, #136b791a, transparent 70%), linear-gradient(180deg, var(--bg-surface-elevated), var(--bg-surface));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.grid-search-box{min-width:280px;position:relative}.grid-search-input{background:var(--bg-surface);border:1px solid var(--border-color-strong);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:8px 12px 8px 36px;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.grid-search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #136b792e}.grid-search-input::placeholder{color:var(--text-muted)}.grid-search-icon{color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.grid-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-select{background:var(--bg-surface);border:1px solid var(--border-color-strong);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;outline:none;padding:6px 12px;font-size:.8rem;transition:border-color .2s,box-shadow .2s}.filter-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #136b792e}.clear-filters-btn{color:var(--status-red);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:.8rem;font-weight:600;transition:background .2s}.clear-filters-btn:hover{background:var(--status-red-bg)}.data-table-wrapper{background:var(--bg-surface);min-height:300px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;color:var(--text-primary);background:var(--bg-surface);font-size:.875rem}.data-table th{background:var(--gradient-brand);text-transform:uppercase;letter-spacing:.04em;color:#fff;border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;white-space:nowrap;padding:12px 16px;font-size:.78rem;font-weight:700}.data-table th.sortable{cursor:pointer}.data-table th.sortable:hover{color:var(--c-accent)}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;background:0 0;padding:14px 16px}.dark .data-table tbody td,.dark .th-data-panel tbody td{color:var(--text-primary)}.dark .data-table th.sortable:hover{color:var(--c-accent)}.data-table tbody tr{background:var(--bg-surface);transition:background .15s}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr.selected{background:linear-gradient(90deg,#136b7929,#d9a63f0f)}.data-table tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--c-accent)}.data-table tbody tr:last-child td{border-bottom:none}.th-data-panel{border:2px solid var(--primary);background:var(--bg-surface);box-shadow:var(--shadow-md);font-family:var(--font-family);min-height:0;color:var(--text-primary);border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden}.th-data-panel table{color:var(--text-primary);background:var(--bg-surface)}.th-data-panel thead tr{background:var(--gradient-brand);color:#fff}.th-data-panel tbody tr{background:var(--bg-surface);border-bottom:1px solid var(--border-color)}.th-data-panel tbody tr:hover{background:var(--bg-hover)}.th-data-panel td{color:var(--text-primary)}.action-cell{align-items:center;gap:8px;display:flex}.action-icon-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-icon-btn:hover{background:var(--bg-surface-elevated);color:var(--primary);border-color:var(--border-focus);box-shadow:var(--shadow-sm)}.bulk-actions-bar{background:var(--gradient-brand);color:#fff;z-index:50;border-top:1px solid #d9a63f59;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 16px #0f1f2440}.bulk-count{font-size:.9rem;font-weight:700}.bulk-btns{align-items:center;gap:12px;display:flex}.bulk-btns .btn-secondary{color:#fff;background:#ffffff2e;border-color:#ffffff80}.bulk-btns .btn-secondary:hover{background:#ffffff4d}.empty-grid{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-grid-icon{opacity:.5;filter:grayscale(.2);margin-bottom:12px;font-size:2.5rem}.empty-grid-text{color:var(--text-secondary);margin-bottom:12px;font-size:1rem;font-weight:600}.grid-pagination{border-top:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:12px 20px;font-size:.8rem;display:flex}.grid-pagination select{background:var(--bg-surface);border:1px solid var(--border-color-strong);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:4px 8px;font-size:.8rem}@media (width<=767px){.grid-container{overflow:auto}.data-table{min-width:720px}}@media (width<=480px){.data-table{min-width:640px}.grid-pagination>div:last-child{flex-wrap:wrap}}