*{margin:0;padding:0;box-sizing:border-box}html,body,main,body>div,.footer,.calendar,.dashboard,.header-empty,.member-name,.dashboard-controls,.dashboard-section,button,input,select{transition:background-color 50ms ease,color 50ms ease,border-color 50ms ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}div[style*=backgroundImage]{transition:opacity .25s ease-in-out}:root{--font: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--fw-body: 500;--fw-medium: 600;--fw-heading: 700;--fw-kpi: 800;--ls-heading: -.02em;--ls-label: .04em;--lh-body: 1.6;--lh-heading: 1.25;--lh-tight: 1.1;--bg: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);--card: rgba(15, 23, 42, .8);--card-solid: #0f172a;--soft: rgba(100, 116, 139, .3);--muted: #94a3b8;--heading: #f1f5f9;--text: #e2e8f0;--subtext: #64748b;--border: rgba(255, 255, 255, .08);--border-accent: rgba(0, 212, 255, .3);--surface: rgba(15, 23, 42, .85);--surface-hover: rgba(30, 41, 59, .9);--input-bg: rgba(30, 41, 59, .8);--accent: #00d4ff;--accent2: #0ea5e9;--accent3: rgba(0, 212, 255, .1);--accent-glow: rgba(0, 212, 255, .35);--button-bg: linear-gradient(135deg, #0ea5e9, #00d4ff);--button-hover: linear-gradient(135deg, #0284c7, #0ea5e9);--pill-bg: rgba(0, 212, 255, .2);--shadow: 0 8px 32px rgba(0, 0, 0, .3);--glow: 0 0 20px rgba(0, 212, 255, .35);--footer-bg: rgba(15, 23, 42, .9);--avatar-bg: rgba(15, 23, 42, .6);--surface-header: rgba(10, 16, 32, .6);--surface-toolbar: rgba(15, 23, 42, .35);--surface-section: rgba(15, 23, 42, .35);--surface-card: rgba(15, 23, 42, .3);--surface-widget: rgba(15, 23, 42, .3);--surface-header-border: rgba(0, 212, 255, .15);--surface-toolbar-border: rgba(255, 255, 255, .08);--surface-section-border: rgba(255, 255, 255, .08);--surface-card-border: rgba(255, 255, 255, .08);--surface-widget-border: rgba(255, 255, 255, .08);--modal2-bg: #1e2a4a;--modal2-border: #3c4c6c;--modal2-text: #e0e0e0;--modal2-heading: #8c9eff;--modal2-th-bg: #253351;--modal2-th-color: #a4b3f1;--modal2-row-alt: #1a243e;--modal2-row-hover: #2a3a5e;--modal2-row-expanded: #253351;--modal2-detail-bg: #151f38;--modal2-btn-from: #4c68ff;--modal2-btn-to: #8c9eff}[data-theme=light] .footer{background:#ffffff73;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.65);color:#64748b}[data-theme=light] .an-no-data{color:#374151}[data-theme=light] .an-util-card.an-util-healthy .an-util-staffing{color:#16a34a}[data-theme=light] .an-util-card.an-util-low .an-util-staffing{color:#d97706}[data-theme=light] .an-util-card.an-util-critical .an-util-staffing{color:#dc2626}[data-theme=light] .an-hm-th,[data-theme=light] .lat-tab{color:#6b7280}[data-theme=light] .lat-tab.active{color:#111827}[data-theme=light] .lat-tab:not(.active):hover{color:#374151}[data-theme=light] .lat-name-cell{color:#111827}[data-theme=light] .lat-name-cell-hovered{color:#0891b2}[data-theme=light] .an-dow-btn{color:#6b7280}[data-theme=light] .an-dow-btn:not(.active):hover{color:#374151}[data-theme=light] .year-btn{color:#6b7280}[data-theme=light] .year-btn:not(.active):hover{color:#374151}[data-theme=light] .ps-month-btn.active{color:#0891b2}[data-theme=light] .ps-month-btn:not(.active):hover{color:#6b7280}[data-theme=light] .ps-ytd-btn{color:#6b7280}[data-theme=light] .ps-ytd-btn:not(.active):hover{color:#374151}[data-theme=light] .an-dow-cat-pill{color:inherit;filter:brightness(.75) saturate(1.4)}[data-theme=light] .calendar{background:#ffffff59;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.65);box-shadow:0 1px #fffc inset,0 4px 16px #0e50a01a,0 16px 48px #0e50a014}[data-theme=light] .header-empty{background:#ffffff8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7);box-shadow:0 1px #ffffffd9 inset,0 2px 8px #0e50a014;text-shadow:none}[data-theme=light] .date-header{background:#ffffff59;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.62);box-shadow:0 1px #fffc inset,0 1px 4px #0e50a012;transition:transform .1s ease,box-shadow .1s ease}[data-theme=light] .date-header:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0e50a024,0 1px #ffffffd9 inset;border-color:#ffffffd9;background:#ffffffb3}[data-theme=light] .member-name{background:#ffffff8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7);box-shadow:0 1px #ffffffd9 inset,0 2px 8px #0e50a014,0 5px 16px #0e50a00d;color:#111827;font-weight:600;transition:transform .1s ease,box-shadow .1s ease}[data-theme=light] .member-name:hover{background:#ffffffbf;border-color:#ffffffe6;box-shadow:0 4px 16px #0e50a01f,0 1px #ffffffe6 inset;color:#0e7490}[data-theme=light] .day-cell{background:#ffffff61;border:1px solid rgba(255,255,255,.55)}[data-theme=light] .day-cell:hover{z-index:5}[data-theme=light] .weekend-header{background:linear-gradient(135deg,#fb718540,#f43f5e2e)!important;border-color:#f43f5e40!important;color:#9f1239!important;box-shadow:none!important}[data-theme=light] .weekend-cell{background:#fecdd333!important;border-color:#f43f5e1f!important}[data-theme=light] .weekend-cell:hover{transform:none!important;box-shadow:none!important}[data-theme=light] .low-staffing-header{background:linear-gradient(135deg,#d8b4fe73,#c084fc59)!important;border-color:#a855f74d!important;color:#7e22ce!important}[data-theme=light] .low-staffing-cell{background:#f3e8ff73!important;border-color:#a855f71f!important}[data-theme=light] .on-duty-cell.good{background:#dcfce7b3;border-color:#22c55e40;color:#15803d}[data-theme=light] .on-duty-cell.warning{background:#fef3c7b3;border-color:#f59e0b40;color:#b45309}[data-theme=light] .on-duty-cell.low-staffing{background:#f3e8ffb3;border-color:#a855f740;color:#7e22ce}[data-theme=light] .on-duty-cell.critical{background:#fee2e2b3;border-color:#ef444440;color:#b91c1c}[data-theme=light] .dashboard-controls{background:#ffffff80;border:1px solid rgba(255,255,255,.68);box-shadow:0 1px #ffffffd9 inset,0 4px 16px #0e50a01a,0 12px 32px #0e50a012;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}[data-theme=light] .dashboard-section{background:#ffffff85;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.68);box-shadow:0 1px #ffffffd9 inset,0 4px 16px #0e50a01a,0 16px 40px #0e50a012}[data-theme=light] .dashboard-section-title{background:#e0f2fe99;border-bottom:1px solid rgba(186,230,253,.8);color:#1e4976}[data-theme=light] .dashboard-legend{background:#f7fbffd9;border:1px solid rgba(186,214,240,.6)}[data-theme=light] .dash-th{background:#f3f4f6;color:#6b7280}[data-theme=light] .dash-td{background:#fff;border:1px solid #E5E7EB;color:#111827}[data-theme=light] .dash-td.name-col{background:#f8fafc;border-color:#e5e7eb}[data-theme=light] .dash-td.total-cell{background:#6366f10d;border-color:#6366f126;color:#111827}[data-theme=light] .dash-row:hover td{background-color:#eef2ff!important}[data-theme=light] .totals-row td{background:#6366f10a!important;border-top:2px solid rgba(99,102,241,.2)!important}.totals-label,.totals-total{color:#00d4ff;font-weight:800}[data-theme=light] .totals-label,[data-theme=light] .totals-total{color:#4f46e5}[data-theme=light] .an-kpi-card{background:#ffffff80;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.68);box-shadow:0 1px #ffffffd9 inset,0 3px 10px #0e50a017,0 8px 24px #0e50a012;transition:transform .1s ease,box-shadow .1s ease}[data-theme=light] .an-kpi-card:hover{box-shadow:0 1px #ffffffe6 inset,0 6px 20px #0e50a024,0 14px 40px #0e50a017;border-color:#ffffffe0}[data-theme=light] .an-hm-th{background:#f3f4f6;color:#6b7280}[data-theme=light] .an-hm-td{background:#fff;border:1px solid #E5E7EB}[data-theme=light] .an-hm-td.an-hm-name{background:#f8fafc;border-color:#e5e7eb;color:#111827}[data-theme=light] .an-hm-td.an-hm-total{background:#06b6d40f;border-color:#06b6d433;color:#111827}[data-theme=light] .an-util-card{background:#ffffff80;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.68);box-shadow:0 1px #ffffffd9 inset,0 3px 10px #0e50a014,0 8px 20px #0e50a00f;transition:transform .22s ease,box-shadow .22s ease}[data-theme=light] .an-util-card.an-util-healthy{border-color:#22c55e4d;box-shadow:0 1px 3px #0000000a,0 0 0 1px #22c55e1a}[data-theme=light] .an-util-card.an-util-low{border-color:#f59e0b4d;box-shadow:0 1px 3px #0000000a,0 0 0 1px #f59e0b1a}[data-theme=light] .an-util-card.an-util-critical{border-color:#ef44444d;box-shadow:0 1px 3px #0000000a,0 0 0 1px #ef44441a}[data-theme=light] .an-util-divider{background:#e5e7eb}[data-theme=light] .an-dow-stat{background:#ffffff7a;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.62);box-shadow:0 1px #fffc inset,0 3px 10px #0e50a014,0 6px 16px #0e50a00d}[data-theme=light] .an-dow-btn{background:#f3f4f6;border:1px solid #E5E7EB;color:#6b7280}[data-theme=light] .an-dow-btn:not(.active):hover{background:#e5e7eb;border-color:#d1d5db;color:#374151}[data-theme=light] .lat-header{background:linear-gradient(90deg,#f0f7ff,#ebf5ff);border-bottom:1px solid #D1E4F5}[data-theme=light] .lat-toggle{background:#f3f4f6;border:1px solid #E5E7EB}[data-theme=light] .lat-sub-header{background:#f8fafc;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB;color:#374151}[data-theme=light] .lat-bar-row:hover,[data-theme=light] .lat-bar-row-hovered{background:#f0f9ff}[data-theme=light] .lat-row-highlighted td{background-color:#e0f2fe!important;border-color:#06b6d44d!important}[data-theme=light] .lat-chart-header{border-bottom:1px solid #E5E7EB}[data-theme=light] .ps-month-strip{background:#ffffff7a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.65);box-shadow:0 1px #ffffffd1 inset,0 2px 8px #0e50a014,0 5px 16px #0e50a00d}[data-theme=light] .ps-month-btn:not(.active):hover{background:#e5e7eb;color:#6b7280}[data-theme=light] .ps-month-btn.active{background:#06b6d414;color:#0891b2}[data-theme=light] .ps-ytd-btn{background:#f3f4f6;border:1px solid #E5E7EB;color:#6b7280}[data-theme=light] .ps-ytd-btn:not(.active):hover{background:#e5e7eb;border-color:#d1d5db;color:#374151}[data-theme=light] .ps-divider{background:#e5e7eb}[data-theme=light] .year-btn{background:#f3f4f6;border:1px solid #E5E7EB;color:#6b7280}[data-theme=light] .year-btn:not(.active):hover{background:#e5e7eb;border-color:#d1d5db;color:#374151}[data-theme=light] .team-modal,[data-theme=light] .request-modal{background:#ffffffd9;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(0,0,0,.06);box-shadow:0 0 0 1px #ffffffe6 inset,0 8px 32px #0e50a01f,0 24px 64px #0e50a014}[data-theme=light] .request-info{background:#06b6d40f;border-color:#06b6d42e}[data-theme=light] .request-info-icon{color:#0891b2}[data-theme=light] .request-info p{color:#374151}[data-theme=light] .request-info strong{color:#0891b2}[data-theme=light] .form-section.compact label{color:#6b7280}[data-theme=light] .date-label,[data-theme=light] .date-separator{color:#9ca3af}[data-theme=light] .leave-option{background:#fffffff2;border-color:color-mix(in srgb,var(--leave-color) 50%,rgba(0,0,0,.08));box-shadow:0 1px 4px #00000014}[data-theme=light] .leave-option:before{background:linear-gradient(160deg,color-mix(in srgb,var(--leave-color) 6%,white),transparent 60%)}[data-theme=light] .leave-option:hover:not([style*=not-allowed]){background:#fff;box-shadow:0 6px 20px #0e50a01a,0 2px 6px #0000000d;border-color:color-mix(in srgb,var(--leave-color) 55%,transparent)}[data-theme=light] .leave-option.selected{background:color-mix(in srgb,var(--leave-color) 6%,white);border-color:var(--leave-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--leave-color) 30%,transparent),0 0 12px color-mix(in srgb,var(--leave-color) 15%,transparent),0 4px 16px #0e50a014}[data-theme=light] .leave-icon-wrap{background:color-mix(in srgb,var(--leave-color) 10%,rgba(248,250,252,.9))}[data-theme=light] .leave-option.selected .leave-icon-wrap{background:color-mix(in srgb,var(--leave-color) 15%,rgba(248,250,252,.9))}[data-theme=light] .leave-option .leave-code{color:color-mix(in srgb,var(--leave-color) 80%,black)}[data-theme=light] .leave-option .leave-name{color:#111827}[data-theme=light] .leave-check{box-shadow:0 1px 3px #00000026}[data-theme=light] .form-actions{border-top-color:#0000000f}[data-theme=light] .submit-btn{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;box-shadow:0 1px 3px #0891b240}[data-theme=light] .submit-btn:hover:not(:disabled){box-shadow:0 4px 16px #0891b24d}[data-theme=light] .cancel-btn{border-color:#0000001a;color:#6b7280}[data-theme=light] .cancel-btn:hover{background:#00000008;border-color:#00000026;color:#374151}[data-theme=light] .modal-header{background:#f0f8ffa6;border-bottom:1px solid rgba(255,255,255,.65)}[data-theme=light] .modal-title{color:#0891b2}[data-theme=light] .modal-content,[data-theme=light] .pin-modal{background:#ffffffb8;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(255,255,255,.82);box-shadow:0 1px #ffffffe6 inset,0 8px 32px #0e50a021,0 24px 64px #0e50a017}[data-theme=light] .member-item{background:#f8fafc;border:1px solid #E5E7EB}[data-theme=light] .member-item:hover{background:#f0f9ff;border-color:#06b6d44d}[data-theme=light] .detail-row{background:#f8fafc;border:1px solid #E5E7EB}[data-theme=light] .detail-row:hover{background:#f0f9ff;border-color:#06b6d44d}[data-theme=light] .detail-row strong{color:#6b7280}[data-theme=light] .member-input,[data-theme=light] .form-select,[data-theme=light] .date-input,[data-theme=light] .edit-input{background:#f8fafc;border:1px solid #E5E7EB;color:#111827}[data-theme=light] .member-input::placeholder{color:#9ca3af}[data-theme=light] .member-input:focus,[data-theme=light] .form-select:focus,[data-theme=light] .date-input:focus,[data-theme=light] .edit-input:focus{border-color:#0891b2;box-shadow:0 0 0 3px #06b6d41f;background:#fff}[data-theme=light] .pin-input{background:#f8fafc;border:2px solid #E5E7EB;color:#111827}[data-theme=light] .pin-input:focus{border-color:#0891b2;box-shadow:0 0 0 3px #06b6d41f;background:#fff}[data-theme=light] .add-member-section h3,[data-theme=light] .members-section h3{color:#374151}[data-theme=light] .close-btn{color:#6b7280}[data-theme=light] .close-btn:hover{background:#06b6d414;border-color:#06b6d433;color:#0891b2}[data-theme=light] .cal-toolbar{background:#ffffff80;border:1px solid rgba(255,255,255,.68);box-shadow:0 1px #ffffffd9 inset,0 4px 16px #0e50a01a,0 10px 32px #0e50a012}[data-theme=light] .cal-toolbar-legends{border-top:1px solid rgba(6,182,212,.15)}[data-theme=light] .cal-pill{background:#f3f4f6;border:1px solid #E5E7EB;color:#374151}[data-theme=light] .cal-pill:hover{background:#e0f2fe;border-color:#06b6d44d}[data-theme=light] .view-toggle{background:#f3f4f6;border:1px solid #E5E7EB}[data-theme=light] .view-toggle-btn:not(.active):hover{background:#e5e7eb;color:#374151}[data-theme=light]{--bg: linear-gradient(135deg, #E9F1F8 0%, #DDEAF4 50%, #E9F1F8 100%);--card: rgba(255, 255, 255, .95);--card-solid: #FFFFFF;--soft: rgba(0, 0, 0, .04);--muted: #6B7280;--heading: #111827;--text: #374151;--subtext: #9CA3AF;--border: #E5E7EB;--border-accent: rgba(6, 182, 212, .35);--surface: #FFFFFF;--surface-hover: #F8FAFC;--input-bg: #F8FAFC;--accent: #0891b2;--accent2: #0e7490;--accent3: rgba(6, 182, 212, .1);--accent-glow: rgba(6, 182, 212, .25);--button-bg: linear-gradient(135deg, #0891b2, #06b6d4);--button-hover: linear-gradient(135deg, #0e7490, #0891b2);--pill-bg: rgba(6, 182, 212, .15);--shadow: 0 3px 12px rgba(14, 80, 160, .18), 0 10px 36px rgba(14, 80, 160, .15);--glow: 0 0 20px rgba(6, 182, 212, .25);--footer-bg: rgba(255, 255, 255, .45);--avatar-bg: rgba(210, 228, 246, .85);--modal2-bg: #f4f7fb;--modal2-border: #dde4ee;--modal2-text: #374151;--modal2-heading: #0891b2;--modal2-th-bg: #eef2f8;--modal2-th-color: #0e7490;--modal2-row-alt: #f0f4f9;--modal2-row-hover: #e4ecf5;--modal2-row-expanded: #d8e6f2;--modal2-detail-bg: #eef2f8;--modal2-btn-from: #0891b2;--modal2-btn-to: #06b6d4;--topbar-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 0 0 1px rgba(255, 255, 255, .55), 0 4px 16px rgba(14, 80, 160, .12), 0 12px 36px rgba(14, 80, 160, .1);--surface-header: rgba(255, 255, 255, .92);--surface-toolbar: rgba(255, 255, 255, .5);--surface-section: rgba(255, 255, 255, .52);--surface-card: rgba(255, 255, 255, .5);--surface-widget: rgba(255, 255, 255, .48);--surface-header-border: rgba(255, 255, 255, .7);--surface-toolbar-border: rgba(255, 255, 255, .6);--surface-section-border: rgba(255, 255, 255, .6);--surface-card-border: rgba(255, 255, 255, .6);--surface-widget-border: rgba(255, 255, 255, .55)}*,*:before,*:after{transition:transform .1s ease,box-shadow .1s ease}body{font-family:var(--font);font-weight:var(--fw-body);line-height:var(--lh-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea,button{font-family:var(--font);font-weight:var(--fw-body)}.page{min-height:100vh;display:flex;flex-direction:column;position:relative;background:transparent;isolation:isolate}.page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}[data-theme=light] .page:before{opacity:.035}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;min-height:56px;margin:12px 12px 0;background:var(--surface-header);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid var(--surface-header-border);border-radius:20px;box-shadow:0 1px #ffffff0a inset,0 2px 8px #00000059,0 8px 32px #00000047,0 24px 64px #0000002e;position:relative;overflow:hidden}.topbar:before{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.5) 30%,rgba(14,165,233,.4) 70%,transparent 100%);border-radius:2px;pointer-events:none;z-index:1}[data-theme=light] .topbar{background:var(--surface-header);border-color:var(--surface-header-border);box-shadow:0 1px #4f46e514 inset,0 4px 16px #4f46e514,0 12px 40px #6366f10f;overflow:hidden;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);position:relative}[data-theme=light] .topbar:before{content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(79,70,229,.5) 30%,rgba(6,182,212,.4) 70%,transparent 100%);border-radius:2px;pointer-events:none;z-index:1}[data-theme=light] .topbar:after{content:"";position:absolute;top:0;left:0;width:55%;height:100%;background-image:url(/fluent-bg.jpg);background-size:contain;background-repeat:no-repeat;background-position:center left;opacity:.25;pointer-events:none;z-index:0;mask-image:linear-gradient(to right,black 0%,rgba(0,0,0,.6) 50%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0%,rgba(0,0,0,.6) 50%,transparent 100%)}.topbar .logo{display:flex;align-items:center;gap:10px}.topbar h1{margin:0;font-size:1.15rem;font-weight:var(--fw-kpi);color:var(--heading);letter-spacing:var(--ls-heading);line-height:var(--lh-heading);text-shadow:0 0 8px rgba(0,212,255,.3)}[data-theme=light] .topbar h1{text-shadow:none}.topbar .actions{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.topbar .actions .actions-divider{width:1px;height:20px;background:#ffffff1a;flex-shrink:0;margin:0 4px}[data-theme=light] .topbar .actions .actions-divider{background:#0000001a}.topbar .actions button{padding:7px 16px;border-radius:25px;border:1px solid rgba(0,212,255,.25);background:var(--button-bg);color:#fff;font-family:var(--font);font-weight:var(--fw-medium);cursor:pointer;box-shadow:none;transition:transform .1s ease,box-shadow .1s ease;font-size:.85rem;outline:none}.topbar .actions button:hover{background:var(--button-hover);transform:translateY(-2px);box-shadow:0 4px 20px #00d4ff59;border-color:#00d4ff80}[data-theme=light] .topbar .actions button:hover{box-shadow:0 4px 16px #4f46e533;border-color:#4f46e566}.topbar .actions button:active{transform:translateY(0) scale(.97);box-shadow:0 1px 6px #00d4ff33;border-color:#00d4ff66}[data-theme=light] .topbar .actions button:active{box-shadow:0 1px 4px #4f46e526;border-color:#4f46e566}[data-theme=light] .topbar .actions button{border-color:#4f46e533}.topbar .actions .admin-action-btn{background:#00d4ff14;border:1px solid rgba(0,212,255,.2);color:var(--muted)}[data-theme=light] .topbar .actions .admin-action-btn{background:#06b6d412;border-color:#06b6d42e;color:#475569}.topbar .actions .admin-action-btn:hover{background:#00d4ff26;border-color:#00d4ff66;color:var(--heading);box-shadow:0 4px 16px #00d4ff33;transform:translateY(-2px)}[data-theme=light] .topbar .actions .admin-action-btn:hover{background:#06b6d41a;border-color:#06b6d459;box-shadow:0 4px 12px #06b6d426;color:#0e7490}.topbar .actions .admin-action-btn:active{transform:translateY(0) scale(.97);box-shadow:none}.topbar .actions .logout-btn{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171}[data-theme=light] .topbar .actions .logout-btn{background:#ef44440f;border-color:#ef44442e;color:#dc2626}.topbar .actions .logout-btn:hover{background:#ef444426;border-color:#ef444473;color:#fca5a5;box-shadow:0 4px 16px #ef444433;transform:translateY(-2px)}[data-theme=light] .topbar .actions .logout-btn:hover{background:#ef44441a;border-color:#ef444466;color:#b91c1c;box-shadow:0 4px 12px #ef444426}.topbar .actions .logout-btn:active{transform:translateY(0) scale(.97);box-shadow:none}.cal-toolbar{display:flex;flex-direction:column;gap:8px;padding:10px 14px;background:var(--surface-toolbar);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-radius:16px;border:1px solid var(--surface-toolbar-border);box-shadow:0 1px #ffffff0d inset,0 2px 8px #00000047,0 8px 28px #0003,0 20px 48px #0000001f}.cal-toolbar-top{display:flex;align-items:center;justify-content:center;position:relative}.cal-toolbar-nav{display:flex;align-items:center;gap:16px}.cal-nav-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,212,255,.2);background:#00d4ff0d;color:var(--accent);font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,box-shadow .1s ease;box-shadow:none}.cal-nav-btn:hover{background:var(--accent);color:#0f172a;transform:scale(1.12);box-shadow:0 0 16px #00d4ff66}.cal-nav-btn:active{transform:scale(.95);box-shadow:0 0 8px #00d4ff33}.cal-month-title{font-size:1.05rem;font-weight:var(--fw-kpi);letter-spacing:var(--ls-heading);line-height:var(--lh-heading);color:var(--heading);text-shadow:0 0 6px rgba(0,212,255,.25);min-width:160px;text-align:center}.cal-toolbar-legends{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:flex-start;justify-content:center;border-top:1px solid rgba(100,116,139,.2);padding-top:10px}.cal-legend-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cal-legend-label{font-size:10px;font-weight:var(--fw-heading);text-transform:uppercase;letter-spacing:var(--ls-label);line-height:var(--lh-heading);color:var(--muted);white-space:nowrap}.cal-legend-pills{display:flex;flex-wrap:wrap;gap:6px}.cal-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 6px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#ffffff12;font-size:11px;font-weight:600;color:var(--heading);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;white-space:nowrap}.cal-pill:hover{background:#ffffff21;border-color:#ffffff4d;transform:scale(1.05)}.cal-pill-active{box-shadow:0 0 8px #fff3;transform:scale(1.08)}.cal-pill-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cal-pill-name{font-size:10px;font-weight:400;color:var(--muted);margin-left:1px}.container{display:flex;flex-direction:column;padding:16px 12px;gap:12px;max-width:100vw;margin:0}.main{width:100%}.calendar{background:#0a101eb3;backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%);border-radius:20px;overflow-x:auto;box-shadow:0 1px #ffffff0f inset,0 2px 8px #00000052,0 12px 40px #00000047,0 32px 80px #0000002e;padding:14px;border:1px solid rgba(255,255,255,.06)}.calendar-grid{display:grid;grid-template-columns:140px repeat(31,1fr);gap:1px;min-width:fit-content}.header-empty{background:#0a101e59;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.06);padding:12px 8px;font-weight:800;color:var(--heading);font-size:12px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px #ffffff0d inset,0 2px 8px #00000047,0 6px 18px #0000002e;text-shadow:0 0 6px rgba(0,212,255,.3)}.date-header{background:#0a101eb3;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border:1px solid rgba(255,255,255,.06);padding:8px 4px;text-align:center;font-weight:700;color:var(--heading);font-size:11px;min-width:32px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 1px #ffffff0a inset,0 2px 6px #0003;transition:transform .18s ease,box-shadow .18s ease;position:relative}.date-header:hover{transform:translateY(-2px);box-shadow:0 0 20px #00d4ff47}.weekend-header{background:linear-gradient(135deg,#ef444459,#dc262659)!important;border-color:#ef444480!important;color:#fca5a5!important;box-shadow:none!important}.weekend-cell{background:#ef444426!important;border-color:#ef44444d!important}.weekend-cell:hover{transform:none!important;box-shadow:none!important}.weekend-view-toggle{position:absolute;right:0;padding:6px 14px;border-radius:8px;border:1px solid rgba(99,102,241,.4);background:#6366f11a;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.weekend-view-toggle:hover{background:#6366f140;border-color:#6366f199}.weekend-view-toggle.active{background:#6366f159;border-color:#6366f1;color:#c7d2fe;box-shadow:0 0 12px #6366f14d}[data-theme=light] .weekend-view-toggle{border-color:#6366f14d;background:#6366f114;color:#4338ca}[data-theme=light] .weekend-view-toggle:hover{background:#6366f126}[data-theme=light] .weekend-view-toggle.active{background:#6366f133;border-color:#6366f1;color:#4338ca}.weekend-roster{padding:8px 0}.roster-title{margin:0 0 20px;font-size:15px;font-weight:700;color:var(--heading);letter-spacing:.3px}.rotation-section{margin-bottom:28px}.rotation-section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:10px}.rotation-note{font-weight:400;text-transform:none;font-size:11px;opacity:.7}.rotation-strip{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0 12px}.rotation-block{position:relative;flex:1 1 200px;max-width:280px;padding:18px 24px;border-radius:14px;background:#0f172ad9;border:1px solid rgba(255,255,255,.08);border-left:4px solid #6366f1;min-width:180px;text-align:center;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #0000004d}.rotation-block:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.rotation-block-current{background:#0f172af2;border-color:#ffffff1a;border-left-color:#6366f1;box-shadow:0 0 16px #6366f140,0 4px 12px #0006}.rotation-block-past{opacity:.5}.rotation-block-name{font-size:15px;font-weight:700;color:var(--heading);margin-bottom:4px}.rotation-block-current .rotation-block-name{color:#a5b4fc}.rotation-block-dates{font-size:13px;color:var(--muted)}.rotation-block-del{position:absolute;top:4px;right:6px;background:none;border:none;color:var(--muted);font-size:14px;cursor:pointer;opacity:0;transition:opacity .15s}.rotation-block:hover .rotation-block-del,.sunday-card:hover .rotation-block-del{opacity:1}.rotation-block-del:hover{color:#ef4444}.rotation-empty{font-size:13px;color:var(--muted);font-style:italic;padding:12px 0}.rotation-add-form{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.rotation-select,.rotation-date-input{padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0a101e66;color:var(--text);font-size:12px}.rotation-add-btn{padding:6px 14px;border-radius:6px;border:1px solid rgba(99,102,241,.4);background:#6366f126;color:#c7d2fe;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.rotation-add-btn:hover{background:#6366f14d}.sunday-cards{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.sunday-card{position:relative;flex:1 1 140px;max-width:200px;padding:16px 20px;border-radius:14px;background:#0f172ad9;border:1px solid rgba(255,255,255,.08);border-left:4px solid #fbbf24;text-align:center;min-width:120px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #0000004d}.sunday-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.sunday-card-upcoming{background:#0f172af2;border-left-color:#fbbf24;box-shadow:0 0 12px #fbbf2433,0 4px 12px #0006}.sunday-card-past{opacity:.5}.sunday-card-date{font-size:13px;color:var(--muted);margin-bottom:4px}.sunday-card-name{font-size:15px;font-weight:700;color:#fde68a}.roster-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.roster-summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600}.roster-summary-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;background:#fbbf241f;border:1px solid rgba(251,191,36,.25);font-size:12px;color:var(--text)}.roster-summary-chip strong{color:#fbbf24;font-size:13px}[data-theme=light] .rotation-block{background:#ffffffe6;border-color:#0000000f;border-left-color:#6366f1;box-shadow:0 2px 8px #00000014}[data-theme=light] .rotation-block:hover{box-shadow:0 6px 20px #0000001f}[data-theme=light] .rotation-block-current{background:#fff;border-color:#00000014;border-left-color:#6366f1;box-shadow:0 0 12px #6366f126,0 4px 12px #00000014}[data-theme=light] .rotation-block-name{color:#1e293b}[data-theme=light] .rotation-block-current .rotation-block-name{color:#4338ca}[data-theme=light] .rotation-select,[data-theme=light] .rotation-date-input{background:#f1f5f9cc;border-color:#0000001a;color:#1e293b}[data-theme=light] .rotation-add-btn{color:#4338ca;border-color:#6366f14d}[data-theme=light] .sunday-card{background:#ffffffe6;border-color:#0000000f;border-left-color:#f59e0b;box-shadow:0 2px 8px #00000014}[data-theme=light] .sunday-card:hover{box-shadow:0 6px 20px #0000001f}[data-theme=light] .sunday-card-name{color:#92400e}[data-theme=light] .roster-summary-chip{background:#fbbf2414;border-color:#fbbf2433}[data-theme=light] .roster-summary-chip strong{color:#d97706}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#0a101ef2;border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.07);box-shadow:0 4px 16px #0006,0 16px 48px #0000005c;min-width:300px}.modal-content h3{margin:0 0 16px;color:var(--heading);font-size:1.05rem;font-weight:var(--fw-heading);letter-spacing:var(--ls-heading);line-height:var(--lh-heading);text-align:center;text-shadow:0 0 10px rgba(0,212,255,.5)}[data-theme=light] .modal-content h3{text-shadow:none;color:#111827}.modal-close{width:100%;padding:10px;background:#64748b4d;border:1px solid rgba(100,116,139,.5);border-radius:12px;color:var(--heading);font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.modal-close:hover{background:#64748b80;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.modal-close:active{transform:translateY(0) scale(.97);box-shadow:none}.on-duty-row-label{background:linear-gradient(135deg,#00d4ff,#0ea5e9);padding:12px;font-weight:800;color:#0f172a;font-size:12px;border-radius:15px;display:flex;align-items:center;justify-content:center;text-shadow:0 0 10px rgba(255,255,255,.5);min-height:40px;border:1px solid rgba(0,212,255,.6);box-shadow:0 0 20px #00d4ff47}.on-duty-cell{padding:8px 4px;text-align:center;font-weight:700;font-size:11px;border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:32px;border:1px solid;transition:transform .18s ease;position:relative}.on-duty-cell:hover{transform:scale(1.05)}.on-duty-cell.good{background:#22c55e1f;border-color:#22c55e59;color:#4ade80;box-shadow:none}.on-duty-cell.warning{background:#f59e0b1f;border-color:#f59e0b59;color:#fbbf24;box-shadow:none}.on-duty-cell.low-staffing{background:#a855f71f;border-color:#a855f759;color:#c084fc;box-shadow:none}.on-duty-cell.critical{background:#ef44441f;border-color:#ef444459;color:#f87171;box-shadow:none}.low-staffing-header{background:linear-gradient(135deg,#a855f733,#9333ea33)!important;border-color:#a855f766!important;color:#c4b5fd!important;box-shadow:0 0 10px #a855f733!important;animation:pulse-purple 2s infinite}.low-staffing-cell{background:#a855f714!important;border-color:#a855f740!important;box-shadow:none!important}.staffing-warning{position:absolute;top:2px;right:2px;font-size:10px}.staffing-warning.glow{animation:glow-warning 1.5s ease-in-out infinite}@keyframes glow-warning{0%,to{filter:drop-shadow(0 0 4px rgba(255,165,0,.6));opacity:1}50%{filter:drop-shadow(0 0 10px rgba(255,165,0,1)) drop-shadow(0 0 20px rgba(255,69,0,.7));opacity:.85}}@keyframes pulse-purple{0%,to{box-shadow:0 0 16px #a855f759;opacity:1}50%{box-shadow:0 0 28px #a855f799;opacity:.88}}@keyframes blink{0%,45%{opacity:1}55%,to{opacity:.3}}.member-name{background:#0a101e4d;backdrop-filter:blur(20px) saturate(155%);-webkit-backdrop-filter:blur(20px) saturate(155%);padding:12px;font-weight:700;color:var(--heading);font-size:12px;border:1px solid rgba(255,255,255,.06);border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 1px #ffffff0d inset,0 2px 8px #0000003d,0 6px 20px #00000029;min-height:40px;gap:6px;transition:transform .1s ease,box-shadow .1s ease;white-space:normal;overflow:hidden}.member-name:hover{transform:translate(3px);border-color:#00d4ff4d;box-shadow:0 2px 12px #00d4ff1f}.member-row{display:contents}.member-row:hover>.member-name,.member-row:hover>.day-cell{background:#00d4ff14;box-shadow:inset 0 0 0 1px #00d4ff26;transform:translateY(-3px)}[data-theme=light] .member-row:hover>.member-name,[data-theme=light] .member-row:hover>.day-cell{background:#0e50a00f;box-shadow:inset 0 0 0 1px #0e50a01a;transform:translateY(-3px)}.day-cell{background:#0a101e33;min-height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;border:1px solid rgba(255,255,255,.05);position:relative;transition:transform .1s ease,box-shadow .1s ease}.day-cell:hover{z-index:5}.day-cell:empty:before{content:"✔️";font-size:14px;opacity:.6}.day-cell.has-leave{background:transparent;padding:2px;transition:opacity .2s ease}.leave-pill{display:block;padding:6px 8px;border-radius:15px;color:#fff;font-weight:700;font-size:10px;box-shadow:0 0 10px #0000004d;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;text-align:center;width:100%;border:1px solid rgba(255,255,255,.3);text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5)}.leave-pill:hover{transform:scale(1.05);box-shadow:0 0 16px #00d4ff59;background:linear-gradient(135deg,var(--accent),rgba(0,212,255,.8));color:#0f172a}.footer{text-align:center;padding:12px 0;color:var(--muted);font-size:.82rem;background:#0a101cd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.05);margin-top:8px;border-radius:0 0 12px 12px}@media (max-width: 900px){.container,.calendar{padding:4px}.calendar-grid{grid-template-columns:140px repeat(31,1fr)}.date-header{font-size:11px;padding:8px 2px}.member-name{font-size:12px;padding:8px 10px}.day-cell{min-height:40px}.onduty-badges{grid-template-columns:140px repeat(31,1fr)}.duty-label{font-size:12px;padding:6px}.topbar{padding:8px 12px;flex-direction:column;gap:8px}.topbar .actions{flex-wrap:wrap;justify-content:center}.leave-pill{font-size:9px;padding:2px 4px}}.team-modal{background:#0a101eeb;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(255,255,255,.07);border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 1px #ffffff0f inset,0 4px 16px #0006,0 20px 60px #0006,0 48px 96px #0000003d;animation:slideUp .28s cubic-bezier(.22,1,.36,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-accent);background:linear-gradient(135deg,#00d4ff14,#8b5cf614)}[data-theme=light] .modal-header{background:linear-gradient(135deg,#06b6d412,#8b5cf60d);border-bottom-color:#06b6d433}.modal-title{display:flex;align-items:center;gap:12px;color:var(--accent)}.modal-title h2{margin:0;font-size:1.1rem;font-weight:var(--fw-heading);letter-spacing:var(--ls-heading);line-height:var(--lh-heading)}.close-btn{background:none;border:1px solid transparent;color:#64748b;cursor:pointer;padding:7px;border-radius:8px;transition:transform .1s ease,box-shadow .1s ease}.close-btn:hover{background:#00d4ff1a;border-color:#00d4ff33;color:#00d4ff}.close-btn:active{background:#00d4ff2e;transform:scale(.93)}.modal-content{padding:24px;max-height:60vh;overflow-y:auto}.add-member-section{margin-bottom:32px}.add-member-section h3{color:#e2e8f0;margin:0 0 16px;font-size:.9rem;font-weight:var(--fw-medium);letter-spacing:var(--ls-label);line-height:var(--lh-heading);text-transform:uppercase}.add-member-form{display:flex;gap:12px;margin-bottom:8px}.member-input{flex:1;background:#1e293bcc;border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:12px 16px;color:#e2e8f0;font-family:var(--font);font-size:14px;font-weight:var(--fw-body);transition:transform .1s ease,box-shadow .1s ease}.member-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.member-input::placeholder{color:#64748b}.add-btn{background:linear-gradient(135deg,#00d4ff,#0ea5e9);border:1px solid rgba(0,212,255,.4);border-radius:8px;padding:12px 20px;color:#0f172a;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .1s ease,box-shadow .1s ease;min-width:100px;justify-content:center}.add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff59;border-color:#00d4ffb3}.add-btn:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 1px 6px #00d4ff33}.add-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#ef4444;font-size:14px;margin-top:8px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px}.members-section h3{color:#e2e8f0;margin:0 0 16px;font-size:.9rem;font-weight:var(--fw-medium);letter-spacing:var(--ls-label);line-height:var(--lh-heading);text-transform:uppercase}.members-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.member-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1e293b99;border:1px solid rgba(51,65,85,.8);border-radius:8px;transition:transform .1s ease,box-shadow .1s ease}.member-item:hover{background:#1e293bcc;border-color:#00d4ff4d}.member-info{display:flex;align-items:center;gap:12px}.member-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.member-name{color:#e2e8f0;font-weight:500}[data-theme=light] .member-info .member-name{color:#111827}.member-info .lat-name-cell{width:auto;min-width:0;max-width:none;cursor:default}.member-name .lat-name-cell{width:100%;min-width:0;max-width:100%;cursor:default;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden}.member-name .lat-name-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.member-name .lat-name-cell .dash-avatar{width:22px;height:22px;font-size:10px;flex-shrink:0}.member-actions{display:flex;gap:4px}.edit-btn,.save-btn,.cancel-btn,.remove-btn{background:none;border:1px solid transparent;color:#64748b;cursor:pointer;padding:7px;border-radius:6px;transition:transform .1s ease,box-shadow .1s ease}.edit-btn:hover{background:#00d4ff1a;border-color:#00d4ff40;color:#00d4ff}.edit-btn:active{transform:scale(.92)}.save-btn:hover{background:#22c55e1a;border-color:#22c55e40;color:#22c55e}.save-btn:active{transform:scale(.92)}.cancel-btn:hover{background:#64748b1a;border-color:#64748b40;color:#94a3b8}.cancel-btn:active{transform:scale(.92)}.remove-btn:hover{background:#ef44441a;border-color:#ef444440;color:#ef4444}.remove-btn:active{transform:scale(.92)}.edit-input{background:#1e293bcc;border:1px solid rgba(0,212,255,.5);border-radius:6px;padding:6px 10px;color:#e2e8f0;font-family:var(--font);font-size:14px;font-weight:var(--fw-body);min-width:150px}.edit-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.topbar-left{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.user-info{display:flex;align-items:center;gap:12px;font-size:14px;color:#94a3b8}[data-theme=light] .user-info{color:#475569}.admin-badge{background:linear-gradient(135deg,#00d4ff,#0ea5e9);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 4px #00d4ff26;border-radius:inherit}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}.admin-login-btn{opacity:0;visibility:hidden;transition:transform .1s ease,box-shadow .1s ease,opacity .15s ease,visibility .15s ease;background:var(--accent3);border:1px solid rgba(0,212,255,.15);color:var(--subtext)}[data-theme=light] .admin-login-btn{border-color:#4f46e526;background:#4f46e50f}.actions:hover .admin-login-btn{opacity:1;visibility:visible}.admin-login-btn:hover{opacity:1;background:var(--pill-bg);border-color:#00d4ff66;color:var(--accent)}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-accent);background:var(--accent3);color:var(--heading);cursor:pointer;font-size:1rem;line-height:1;transition:transform .1s ease,box-shadow .1s ease;flex-shrink:0}.theme-toggle-btn:hover{background:var(--pill-bg);border-color:var(--accent);box-shadow:var(--glow);transform:rotate(20deg) scale(1.1)}.theme-toggle-btn:active{transform:rotate(20deg) scale(.95);box-shadow:none}.pin-modal{background:#0a101ef0;backdrop-filter:blur(36px) saturate(180%);-webkit-backdrop-filter:blur(36px) saturate(180%);border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:40px;text-align:center;box-shadow:0 1px #ffffff0f inset,0 4px 16px #0006,0 20px 60px #0006,0 48px 96px #0000003d;max-width:400px;width:90%;position:relative}.pin-header{margin-bottom:32px;position:relative}.pin-header svg{color:var(--accent);margin-bottom:16px}.pin-header h2{color:var(--heading);margin:0 0 8px;font-size:1.35rem;font-weight:var(--fw-kpi);letter-spacing:var(--ls-heading);line-height:var(--lh-heading)}.pin-header p{color:var(--muted);margin:0;font-size:14px}.pin-header .close-btn{position:absolute;top:-8px;right:-8px;background:none;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:50%;transition:transform .1s ease,box-shadow .1s ease}.pin-header .close-btn:hover{background:#00d4ff1a;border-color:#00d4ff33;color:#00d4ff}.pin-header .close-btn:active{background:#00d4ff2e;transform:scale(.93)}.pin-inputs{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.pin-input{width:60px;height:60px;background:#1e293bcc;border:2px solid rgba(0,212,255,.3);border-radius:12px;color:#f1f5f9;font-family:var(--font);font-size:24px;font-weight:var(--fw-kpi);text-align:center;transition:transform .1s ease,box-shadow .1s ease;outline:none}.pin-input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a;transform:scale(1.05)}.pin-input.error{border-color:#ef4444;background:#ef44441a;animation:shake .5s ease-in-out}.pin-error{color:#ef4444;font-size:14px;font-weight:500;margin-bottom:16px;padding:8px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;display:inline-block}.pin-hint{color:#64748b;font-size:12px;font-style:italic}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 480px){.pin-inputs{gap:12px}.pin-input{width:50px;height:50px;font-size:20px}}.request-modal{background:#0a101ef2;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:14px;width:90%;max-width:480px;max-height:85vh;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a inset,0 4px 24px #00000080,0 24px 80px #0006;animation:modalEnter .24s cubic-bezier(.16,1,.3,1)}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.compact-header{padding:16px 20px}.compact-header .modal-title h2{font-size:1rem}.request-info{display:flex;align-items:center;gap:10px;background:#00d4ff0f;padding:10px 14px;margin-bottom:18px;border-radius:10px;border:1px solid rgba(0,212,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.request-info-icon{color:#00d4ff;flex-shrink:0}.request-info p{margin:0;color:#cbd5e1;font-size:13px;font-weight:400}.request-info strong{color:#00d4ff;font-weight:600}.form-section.compact{margin-bottom:16px}.form-section.compact label{margin-bottom:8px;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}.date-field{flex:1;display:flex;flex-direction:column;gap:4px}.date-label{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.date-range{display:flex;align-items:flex-end;gap:10px}.date-input{flex:1;background:#1e293b99;border:1px solid rgba(100,116,139,.3);border-radius:8px;padding:10px 12px;color:#e2e8f0;font-family:var(--font);font-size:13px;font-weight:var(--fw-body);transition:transform .1s ease,box-shadow .1s ease}.date-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff1f;background:#1e293bcc}.date-separator{color:#475569;display:flex;align-items:center;padding-bottom:10px}.leave-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.leave-option{background:#141e30bf;border:1.5px solid color-mix(in srgb,var(--leave-color) 45%,transparent);border-radius:10px;padding:8px 4px 6px;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s,background .2s;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;overflow:hidden}.leave-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--leave-color) 8%,transparent),transparent 60%);opacity:0;transition:opacity .2s}.leave-option:hover:not([style*=not-allowed]){border-color:color-mix(in srgb,var(--leave-color) 60%,transparent);transform:translateY(-3px);box-shadow:0 6px 20px #00000040,0 2px 6px #00000026}.leave-option:hover:not([style*=not-allowed]):before{opacity:1}.leave-option:hover:not([style*=not-allowed]) .leave-icon-wrap{transform:scale(1.08)}.leave-option:focus-visible{outline:2px solid var(--leave-color);outline-offset:2px}.leave-option.selected{border-color:var(--leave-color);background:color-mix(in srgb,var(--leave-color) 10%,rgba(30,41,59,.6));box-shadow:0 0 0 1px color-mix(in srgb,var(--leave-color) 40%,transparent),0 0 16px color-mix(in srgb,var(--leave-color) 20%,transparent),0 6px 20px #0003;transform:translateY(-2px)}.leave-option.selected:before{opacity:1;background:linear-gradient(160deg,color-mix(in srgb,var(--leave-color) 14%,transparent),transparent 60%)}.leave-check{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:var(--leave-color);display:flex;align-items:center;justify-content:center;color:#fff;animation:checkPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.leave-icon-wrap{width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--leave-color) 12%,transparent);display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s;position:relative}.leave-option.selected .leave-icon-wrap{background:color-mix(in srgb,var(--leave-color) 20%,transparent)}.leave-option .leave-icon{color:var(--leave-color);position:relative}.leave-option .leave-code{font-size:14px;font-weight:800;color:color-mix(in srgb,var(--leave-color) 85%,white);position:relative;letter-spacing:.02em;line-height:1.1}.leave-option .leave-name{font-size:9px;color:#e2e8f0;font-weight:500;position:relative;line-height:1.2;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px;border-top:1px solid rgba(100,116,139,.15);margin-top:4px}.submit-btn{background:linear-gradient(135deg,#00d4ff,#0284c7);border:none;border-radius:8px;padding:10px 22px;color:#0f172a;font-size:13px;font-weight:650;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:0 1px 3px #00d4ff33}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #00d4ff4d;filter:brightness(1.05)}.submit-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 1px 4px #00d4ff26}.submit-btn:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.5)}.cancel-btn{background:transparent;border:1px solid rgba(100,116,139,.3);border-radius:8px;padding:10px 18px;color:#94a3b8;font-size:13px;font-weight:500;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.cancel-btn:hover{background:#64748b14;border-color:#64748b80;color:#cbd5e1}.cancel-btn:active{transform:scale(.98)}@media (max-width: 480px){.leave-options{grid-template-columns:repeat(3,1fr);gap:5px}.leave-icon-wrap{width:24px;height:24px}.leave-option .leave-icon{width:14px;height:14px}.leave-option .leave-code{font-size:12px}.leave-option .leave-name{font-size:8px}.date-range{flex-direction:column;gap:8px}.date-separator{display:none}}.leave-pill.pending{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:1px solid #f59e0b!important;position:relative}.leave-pill.pending:after{content:"PENDING";position:absolute;top:-8px;right:-8px;background:#f59e0b;color:#fff;font-size:8px;padding:2px 4px;border-radius:4px;font-weight:700}.approve-btn{display:none;position:absolute;bottom:2px;left:2px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:4px;padding:2px 5px;color:#fff;font-size:9px;font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;z-index:3;white-space:nowrap}.approve-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 2px 8px #22c55e66}.day-cell.has-leave:hover .approve-btn{display:block}.leave-details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#1e293b99;border:1px solid rgba(51,65,85,.8);border-radius:8px;transition:transform .1s ease,box-shadow .1s ease}.detail-row:hover{background:#1e293bcc;border-color:#00d4ff4d}.detail-row strong{color:#94a3b8;font-weight:600;font-size:14px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;margin-left:8px}.status-badge.approved{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.status-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.modal-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid rgba(239,68,68,.4);border-radius:8px;padding:12px 24px;color:#fff;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444459;border-color:#ef4444b3}.delete-btn:active{transform:translateY(0) scale(.97);box-shadow:0 1px 6px #ef444433}.day-cell .delete-btn{display:none;position:absolute;top:2px;right:2px;background:#ff5722;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:16px;text-align:center;padding:0}.day-cell .delete-btn:hover{background:#d84315;transform:none;box-shadow:none}.day-cell.has-leave:hover .delete-btn{display:block}@media (max-width: 768px){.topbar{flex-direction:column;gap:12px}.topbar-left{flex-direction:column;gap:8px;text-align:center}.user-info,.modal-actions{justify-content:center}.detail-row{flex-direction:column;align-items:flex-start;gap:8px}}.number-badge{position:absolute;bottom:.5px;right:.5px;background-color:#ffb300;color:#000;font-size:.7rem;font-weight:600;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 4px #0000004d;pointer-events:none;z-index:2}.sort-arrow{position:absolute;top:2px;right:4px;font-size:10px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s,transform .2s}.sort-arrow:hover{color:var(--accent);transform:scale(1.2)}.update-shift-btn{font-size:10px;padding:3px 8px;border-radius:6px;background:var(--accent2);color:#fff;border:1px solid rgba(14,165,233,.4);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.update-shift-btn:hover{background:#0284c7;border-color:#0ea5e9b3;transform:translateY(-1px);box-shadow:0 3px 10px #0ea5e940}.update-shift-btn:active{transform:translateY(0) scale(.95);box-shadow:none}.shift-options{display:flex;gap:10px;margin-top:8px}.shift-option{padding:8px 14px;border:1px solid var(--border);border-radius:6px;background:transparent;cursor:pointer;font-weight:500;color:var(--text);transition:transform .1s ease,box-shadow .1s ease}.shift-option:hover{border-color:#00d4ff66;background:#00d4ff0f;color:var(--heading)}.shift-option:active{transform:scale(.97)}.shift-option.selected{background:#0078d433;color:#60a5fa;border-color:#0078d480}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .22s ease-out}.modal-content2{background:var(--modal2-bg);color:var(--modal2-text);padding:30px;border-radius:12px;width:450px;max-height:90vh;overflow-y:auto;border:1px solid var(--modal2-border);box-shadow:0 10px 30px #00000080;animation:slideUp .28s cubic-bezier(.22,1,.36,1)}.modal-content2 h2{color:var(--modal2-heading);margin-top:0;margin-bottom:20px;font-weight:var(--fw-heading);letter-spacing:var(--ls-heading);line-height:var(--lh-heading);text-align:center;border-bottom:2px solid var(--modal2-border);padding-bottom:10px}.holiday-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:20px;font-size:14px}.holiday-table th,.holiday-table td{border:none;padding:12px 15px;text-align:left}.holiday-table th{background:var(--modal2-th-bg);color:var(--modal2-th-color);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.holiday-table thead tr th:first-child{border-top-left-radius:8px}.holiday-table thead tr th:last-child{border-top-right-radius:8px}.holiday-table tbody tr{border-bottom:1px solid var(--modal2-border)}.holiday-table tbody tr:nth-child(2n){background-color:var(--modal2-row-alt)}.holiday-table tbody tr:hover{background-color:var(--modal2-row-hover);cursor:default}.holiday-table td:last-child{color:var(--muted)}.holiday-kind{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}.holiday-kind.fixed{background:#ef444426;color:#ef4444}.holiday-kind.optional{background:#3b82f626;color:#3b82f6}.holiday-del-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px;opacity:.6;transition:opacity .2s}.holiday-del-btn:hover{opacity:1;background:#ef44441a}.holiday-add-btn{margin-top:16px;padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px}.holiday-add-btn:hover{opacity:.9}.holiday-add-form{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.holiday-input{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);font-size:13px}.holiday-input[type=date]{width:150px}.holiday-input[type=text]{flex:1;min-width:150px}.holiday-input select,select.holiday-input{width:100px}.holiday-form-actions{display:flex;gap:6px}.holiday-save-btn{padding:8px 14px;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px}.holiday-cancel-btn{padding:8px 14px;background:var(--muted);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px}.close-btn2{margin-top:30px;padding:10px 20px;cursor:pointer;background:var(--button-bg);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:16px;box-shadow:0 4px 10px #0006;transition:transform .1s ease,box-shadow .1s ease;display:block;width:100%}.close-btn2:hover{background:var(--button-hover);transform:translateY(-2px);box-shadow:var(--glow)}.close-btn2:active{transform:translateY(0) scale(.97);box-shadow:0 1px 6px #00d4ff33}.ph-summary-modal{width:600px;max-width:95vw}.ph-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ph-summary-header h2{margin:0;border:none;padding:0}.ph-summary-table .ph-summary-row{cursor:pointer}.ph-summary-table .ph-summary-row:hover{background-color:var(--modal2-row-hover)}.ph-summary-table .ph-summary-row.expanded{background-color:var(--modal2-row-expanded)}.ph-detail-row td{padding:8px 15px 12px!important;background:var(--modal2-detail-bg)}.ph-detail-list{display:flex;flex-direction:column;gap:6px}.ph-detail-item{display:flex;align-items:center;gap:10px;font-size:13px}.ph-type-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;min-width:60px;text-align:center}.ph-type-badge.fixed{background:#6366f14d;color:#a5b4fc;border:1px solid rgba(99,102,241,.5)}.ph-type-badge.optional{background:#f59e0b33;color:#fcd34d;border:1px solid rgba(245,158,11,.4)}.ph-type-badge.unknown{background:#64748b33;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.ph-detail-date{color:#94a3b8;min-width:90px}.ph-detail-name{color:#e2e8f0}.view-toggle{display:flex;align-items:center;background:#0f172ab3;border:1px solid rgba(0,212,255,.3);border-radius:30px;padding:4px;gap:2px}.view-toggle-btn{padding:5px 13px;border-radius:24px;border:none;background:transparent;color:#94a3b8;font-size:.72rem;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;display:flex;align-items:center;gap:4px;white-space:nowrap}.view-toggle-btn span:first-child,.view-toggle-btn>*:first-child{font-size:.8rem}.view-toggle-btn.active{background:linear-gradient(135deg,#0ea5e9,#00d4ff);color:#0f172a;box-shadow:0 0 16px #00d4ff59}.view-toggle-btn:not(.active):hover{color:#e2e8f0;background:#00d4ff1a}.view-toggle-btn:active{transform:scale(.95)}.dashboard-container{display:flex;flex-direction:column;gap:24px;padding:8px 0;width:100%}.dashboard-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 20px;background:var(--surface-toolbar);border-radius:18px;border:1px solid var(--surface-toolbar-border);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);box-shadow:0 1px #ffffff0d inset,0 2px 8px #00000047,0 8px 28px #0003,0 20px 48px #0000001f}.dashboard-year-selector{display:flex;gap:8px}.year-btn{padding:6px 18px;border-radius:20px;border:1px solid rgba(0,212,255,.4);background:#00d4ff12;color:#94a3b8;font-weight:600;font-size:.88rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.year-btn.active{background:linear-gradient(135deg,#0ea5e9,#00d4ff);color:#0f172a;border-color:transparent;box-shadow:0 0 14px #00d4ff59}.year-btn:not(.active):hover{color:#e2e8f0;border-color:#00d4ff99;background:#00d4ff1f}.year-btn:active{transform:scale(.95);box-shadow:0 0 6px #00d4ff26}.dashboard-subtitle{color:#64748b;font-size:.85rem;margin-left:auto}.dashboard-subtitle span{color:#00d4ff;font-weight:700}.dashboard-section{background:var(--surface-section);backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%);border-radius:20px;border:1px solid var(--surface-section-border);overflow:hidden;box-shadow:0 1px #ffffff0f inset,0 2px 8px #0000004d,0 12px 40px #0000003d,0 32px 72px #00000029}.dashboard-section-title{padding:14px 20px;font-size:.95rem;font-weight:var(--fw-heading);color:var(--heading);border-bottom:1px solid rgba(0,212,255,.2);background:#00d4ff12;letter-spacing:var(--ls-heading);line-height:var(--lh-heading)}[data-theme=light] .dashboard-section-title{color:#0c4a6e;background:#e0f2fe99;border-bottom:1px solid rgba(186,230,253,.8)}.dashboard-table-wrap{overflow:visible;padding:0;flex:1;min-height:0}.dashboard-table{width:100%;border-collapse:separate;border-spacing:2px;min-width:500px}.dash-th{padding:10px;font-size:10px;font-weight:var(--fw-heading);text-transform:uppercase;letter-spacing:var(--ls-label);line-height:var(--lh-heading);color:#94a3b8;background:#0f172ae6;border-radius:8px;text-align:center;white-space:nowrap}[data-theme=light] .dash-th{color:#374151;background:#f3f4f6}.dash-th.name-col{text-align:left;padding:10px 10px 10px 12px;width:190px;min-width:190px}.cat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}.dash-row{transition:background .2s ease}.dash-row:hover td{background-color:#00d4ff0a!important}.totals-row td{border-top:2px solid rgba(0,212,255,.3)!important;background:#00d4ff0a!important}.dash-td{padding:9px 10px;font-size:13px;text-align:center;border-radius:8px;background:#1e293b80;border:1px solid rgba(51,65,85,.6);transition:transform .1s ease,box-shadow .1s ease;color:#e2e8f0}[data-theme=light] .dash-td{color:#111827;background:#fff;border-color:#e5e7eb}.dash-td.name-col{width:190px;min-width:190px;padding:4px 0 4px 12px;background:#0f172a99;border-color:#00d4ff26;border-radius:8px}.dash-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.dash-td.cat-cell{font-weight:600;font-size:13px;min-width:48px}.dash-td.month-cell{font-weight:600;font-size:11px;min-width:36px;padding:6px 4px}.dash-th.month-col{min-width:42px}.dash-td.total-cell{font-weight:800;font-size:14px;color:#f1f5f9;background:#00d4ff14;border-color:#00d4ff33}.dash-td .zero{color:#64748b;font-weight:400}[data-theme=light] .dash-td .zero{color:#9ca3af}.dashboard-legend{display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#0f172ab3;border-radius:14px;border:1px solid rgba(0,212,255,.2)}.dash-legend-item{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#94a3b8}[data-theme=light] .dash-legend-item{color:#374151}.dash-legend-dot{width:12px;height:12px;border-radius:3px}@media (max-width: 900px){.dashboard-controls{flex-direction:column;align-items:flex-start}.dashboard-subtitle{margin-left:0}.view-toggle-btn{padding:6px 14px;font-size:.82rem}}.section-subtitle{font-size:.78rem;font-weight:var(--fw-body);line-height:var(--lh-body);color:#64748b}[data-theme=light] .section-subtitle{color:#4b5563}.month-year-hint{font-size:9px;font-weight:500;color:#475569;margin-top:2px;letter-spacing:0;text-transform:none}[data-theme=light] .month-year-hint{color:#374151}.month-leave-count{font-weight:700}.month-wd-slash{font-weight:400;opacity:.6;font-size:10px}.an-root{display:flex;flex-direction:column;gap:20px}.an-section-body{padding:18px 20px 20px}.an-no-data{color:#cbd5e1;text-align:center;padding:40px 0;font-size:14px}.an-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.an-kpi-card{background:var(--surface-card);border:1px solid var(--surface-card-border);border-radius:18px;padding:20px 22px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 0 20px #0000004d,0 0 0 1px #00d4ff0d;transition:transform .22s ease,box-shadow .22s ease;position:relative;overflow:hidden;cursor:default}.an-kpi-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;box-shadow:inset 0 0 0 1px var(--kpi-color, #00d4ff);opacity:0;transition:opacity .22s ease}.an-kpi-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006,0 0 24px #00d4ff1a}.an-kpi-card:hover:before{opacity:.2}.an-kpi-icon{font-size:2rem;line-height:1;flex-shrink:0;margin-top:2px}.an-kpi-body{display:flex;flex-direction:column;gap:3px;min-width:0}.an-kpi-label{font-size:10px;font-weight:var(--fw-heading);text-transform:uppercase;letter-spacing:var(--ls-label);line-height:var(--lh-heading);color:#64748b}[data-theme=light] .an-kpi-label{color:#4b5563}.an-kpi-value{font-size:2.2rem;font-weight:var(--fw-kpi);line-height:var(--lh-tight);letter-spacing:-.04em}.an-kpi-sub{font-size:11px;font-weight:var(--fw-body);color:#cbd5e1;margin-top:2px}[data-theme=light] .an-kpi-sub{color:#374151}.an-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.an-heatmap-wrap{overflow-x:auto;padding:4px 0}.an-heatmap-table{width:100%;border-collapse:separate;border-spacing:3px;min-width:600px}.an-hm-th{padding:8px 6px;font-size:10px;font-weight:var(--fw-heading);text-transform:uppercase;letter-spacing:var(--ls-label);line-height:var(--lh-heading);color:#64748b;background:#0f172ae6;border-radius:6px;text-align:center;white-space:nowrap}.an-hm-th.an-hm-name-col{text-align:left;padding-left:12px;min-width:100px}.an-hm-td{padding:8px 6px;font-size:12px;text-align:center;border-radius:6px;background:#1e293b73;border:1px solid rgba(51,65,85,.5);transition:transform .18s ease;min-width:38px;cursor:default}.an-hm-td:hover{transform:scale(1.12);z-index:5;position:relative}.an-hm-td.an-hm-name{text-align:left;font-weight:600;color:#e2e8f0;background:#0f172a99;border-color:#00d4ff1f;padding-left:12px;white-space:nowrap}[data-theme=light] .an-hm-td.an-hm-name{color:#111827;background:#f8fafc;border-color:#e5e7eb}.an-hm-td.an-hm-total{font-weight:800;color:#f1f5f9;background:#00d4ff14;border-color:#00d4ff33}[data-theme=light] .an-hm-td.an-hm-total{color:#111827}.an-util-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.an-util-card{background:var(--surface-card);border-radius:14px;border:1px solid var(--surface-card-border);padding:14px 12px;display:flex;flex-direction:column;gap:6px;transition:transform .22s ease,box-shadow .22s ease;cursor:default}.an-util-card:hover{transform:translateY(-3px)}.an-util-card.an-util-healthy{border-color:#22c55e59;box-shadow:0 0 14px #22c55e1a}.an-util-card.an-util-low{border-color:#f59e0b59;box-shadow:0 0 14px #f59e0b1a}.an-util-card.an-util-critical{border-color:#ef444466;box-shadow:0 0 14px #ef44441f}.an-util-month{font-size:10px;font-weight:var(--fw-heading);color:#94a3b8;text-transform:uppercase;letter-spacing:var(--ls-label);line-height:var(--lh-heading)}[data-theme=light] .an-util-month{color:#6b7280}.an-util-year{font-size:10px;color:#cbd5e1;font-weight:500}[data-theme=light] .an-util-year{color:#374151}.an-util-staffing{font-size:1.8rem;font-weight:var(--fw-kpi);line-height:var(--lh-tight);letter-spacing:-.04em}.an-util-card.an-util-healthy .an-util-staffing{color:#22c55e}.an-util-card.an-util-low .an-util-staffing{color:#f59e0b}.an-util-card.an-util-critical .an-util-staffing{color:#ef4444}.an-util-status-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#cbd5e1}[data-theme=light] .an-util-status-label{color:#374151}.an-util-divider{height:1px;background:#33415599;margin:2px 0}.an-util-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.an-util-metric-label{font-size:10px;color:#cbd5e1;font-weight:500}[data-theme=light] .an-util-metric-label{color:#374151}.an-util-metric-val{font-size:13px;font-weight:700;color:#e2e8f0}[data-theme=light] .an-util-metric-val{color:#111827}.an-util-cat-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;border:1px solid}@media (max-width: 1200px){.an-kpi-grid{grid-template-columns:repeat(2,1fr)}.an-util-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.an-kpi-grid{grid-template-columns:repeat(2,1fr)}.an-row-2col{grid-template-columns:1fr}.an-util-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.an-kpi-grid{grid-template-columns:1fr}.an-util-grid{grid-template-columns:repeat(2,1fr)}.an-kpi-value{font-size:1.8rem}}.an-dow-stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.an-dow-stat{display:flex;flex-direction:column;gap:3px;padding:10px 14px;background:var(--surface-widget);border:1px solid var(--surface-widget-border);border-radius:12px;min-width:130px;flex:1}.an-dow-stat-label{font-size:10px;font-weight:var(--fw-heading);text-transform:uppercase;letter-spacing:var(--ls-label);line-height:var(--lh-heading);color:#94a3b8}[data-theme=light] .an-dow-stat-label{color:#6b7280}.an-dow-stat-val{font-size:13px;font-weight:700;color:#f1f5f9;display:flex;align-items:center;gap:6px;flex-wrap:wrap}[data-theme=light] .an-dow-stat-val{color:#111827}.an-dow-stat-sub{font-size:11px;font-weight:500;color:#94a3b8}[data-theme=light] .an-dow-stat-sub{color:#6b7280}.an-dow-cat-pill{display:inline-block;padding:2px 8px;border-radius:6px;border:1px solid;font-size:11px;font-weight:700;letter-spacing:.3px}.an-dow-toggle{display:flex;gap:6px;justify-content:flex-end;margin-bottom:12px}.an-dow-btn{padding:5px 16px;border-radius:20px;border:1px solid rgba(0,212,255,.3);background:#00d4ff0f;color:#64748b;font-size:11px;font-weight:700;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;letter-spacing:.4px}.an-dow-btn.active{background:linear-gradient(135deg,#0ea5e9,#00d4ff);color:#0f172a;border-color:transparent;box-shadow:0 0 10px #00d4ff47}.an-dow-btn:not(.active):hover{color:#e2e8f0;border-color:#00d4ff80;background:#00d4ff1a}.an-dow-btn:active{transform:scale(.95)}.lat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--surface-toolbar-border);background:var(--surface-toolbar);gap:12px;flex-wrap:wrap}[data-theme=light] .lat-header{background:#e0f2feb3;border-bottom:1px solid rgba(186,230,253,.8)}.lat-title{font-size:.95rem;font-weight:var(--fw-heading);color:#f1f5f9;letter-spacing:var(--ls-heading);line-height:var(--lh-heading)}[data-theme=light] .lat-title{color:#111827}.lat-header-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.lat-toggle{position:relative;display:inline-flex;align-items:stretch;background:#0f172ab3;border:1px solid rgba(0,212,255,.18);border-radius:999px;padding:3px;gap:0;flex-shrink:0}.lat-toggle:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#00d4ff);box-shadow:0 0 12px #00d4ff52;transform:translate(calc(var(--tab-idx, 0) * 100%));transition:transform .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.lat-tab{position:relative;z-index:1;flex:1;padding:5px 12px;border-radius:999px;border:none;background:transparent;color:#64748b;font-size:.82rem;font-weight:var(--fw-medium);letter-spacing:.2px;cursor:pointer;transition:color .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;text-align:center;display:flex;align-items:center;justify-content:center}.lat-tab.active{color:#0f172a}.lat-tab:not(.active):hover{color:#cbd5e1}.lat-view{transition:opacity .2s ease,transform .2s ease}.lat-view-visible{opacity:1;transform:translateY(0);pointer-events:auto}.lat-view-hidden{opacity:0;transform:translateY(6px);pointer-events:none;height:0;overflow:hidden}.lat-sub-header{padding:10px 20px;font-size:.72rem;font-weight:var(--fw-heading);text-transform:uppercase;letter-spacing:var(--ls-label);line-height:var(--lh-heading);color:#cbd5e1;background:#0f172a80;border-top:1px solid rgba(0,212,255,.1);border-bottom:1px solid rgba(0,212,255,.1)}[data-theme=light] .lat-sub-header{color:#374151;background:#f8fafc}.lat-body{padding:12px;height:600px;display:flex;flex-direction:column}.lat-name-cell{display:flex;align-items:center;gap:8px;width:190px;min-width:190px;max-width:190px;flex-shrink:0;flex-grow:0;font-size:13px;font-weight:600;color:#e2e8f0;white-space:nowrap;cursor:default}.lat-name-cell-hovered{color:#00d4ff}.lat-chart-wrap{position:relative;display:flex;flex-direction:column;flex:1;gap:0;min-height:0;overflow:hidden}.lat-bar-row{display:flex;align-items:center;gap:0;flex:1;min-height:0;padding:2px 0 2px 12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.lat-bar-row:hover,.lat-bar-row-hovered{background:#00d4ff0f}.lat-bar-track{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding-right:4px}.lat-bar-fill{display:flex;height:32px;border-radius:6px;overflow:hidden;transition:width .38s cubic-bezier(.4,0,.2,1);min-width:2px}.lat-bar-seg{height:100%;transition:filter .18s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.lat-bar-seg-label{font-size:10px;font-weight:700;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none;white-space:nowrap;letter-spacing:.2px}.lat-bar-seg:hover{filter:brightness(1.4)}.lat-bar-total{font-size:11px;font-weight:700;color:#64748b;white-space:nowrap;flex-shrink:0;width:28px;text-align:right}[data-theme=light] .lat-bar-total{color:#374151}.lat-tooltip{position:absolute;z-index:20;background:#0f172af7;border:1px solid rgba(0,212,255,.28);border-radius:10px;padding:10px 14px;pointer-events:none;min-width:180px;box-shadow:0 8px 24px #0006}[data-theme=light] .lat-tooltip{background:#fffffffa;border-color:#0891b24d;box-shadow:0 8px 24px #0000001f}.lat-tooltip-member{font-size:12px;font-weight:var(--fw-heading);color:#f1f5f9;margin-bottom:6px}[data-theme=light] .lat-tooltip-member{color:#111827}.lat-tooltip-row{display:flex;align-items:center;gap:7px;font-size:11px;color:#94a3b8;margin-top:3px}[data-theme=light] .lat-tooltip-row{color:#374151}.lat-tooltip-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.lat-tooltip-label{flex:1;color:#64748b}[data-theme=light] .lat-tooltip-label{color:#4b5563}.lat-tooltip-val{font-weight:var(--fw-heading);color:#e2e8f0}[data-theme=light] .lat-tooltip-val{color:#111827}.lat-chart-header{display:flex;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(51,65,85,.5);gap:8px}.lat-chart-member-label{width:190px;min-width:190px;font-size:10px;font-weight:var(--fw-heading);text-transform:uppercase;letter-spacing:var(--ls-label);line-height:var(--lh-heading);color:#94a3b8}[data-theme=light] .lat-chart-member-label{color:#6b7280}.lat-chart-legend{display:flex;flex-wrap:wrap;gap:10px 16px;flex:1;justify-content:center}.lat-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:var(--fw-medium);color:#64748b}[data-theme=light] .lat-legend-item{color:#374151}.lat-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.lat-row-highlighted td{background-color:#00d4ff14!important;border-color:#00d4ff40!important}.co-ph-picker{display:flex;flex-direction:column;gap:6px;margin-top:8px}.co-ph-option{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#1e293b99;border:1px solid rgba(236,72,153,.3);border-radius:8px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;text-align:left}.co-ph-option:hover{border-color:#ec489999;background:#ec489914}.co-ph-option.selected{border-color:#ec4899;background:#ec48992e}.co-ph-date{font-size:12px;font-weight:700;color:#ec4899;min-width:90px}.co-ph-desc{font-size:12px;color:#94a3b8}.co-ph-info{margin-top:6px;font-size:11px;color:#64748b;font-style:italic}.ph-block-msg{margin-top:8px;padding:8px 12px;background:#ef44441f;border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#fca5a5;font-size:13px}.ps-divider{width:1px;height:22px;background:#00d4ff33;flex-shrink:0}.ps-ytd-btn{display:flex;align-items:center;gap:7px;padding:5px 16px;border-radius:20px;border:1px solid rgba(0,212,255,.35);background:#00d4ff12;color:#64748b;font-size:.83rem;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;flex-shrink:0}.ps-ytd-btn.active{background:linear-gradient(135deg,#0ea5e9,#00d4ff);color:#0f172a;border-color:transparent;box-shadow:0 0 14px #00d4ff66}.ps-ytd-btn:not(.active):hover{color:#e2e8f0;border-color:#00d4ff99;background:#00d4ff1f}.ps-ytd-btn:active{transform:scale(.95);box-shadow:0 0 6px #00d4ff26}.ps-ytd-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.8;flex-shrink:0}.ps-month-strip{display:flex;align-items:center;gap:0;padding:0 4px;background:#0f172ab3;border-radius:12px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.ps-month-btn{position:relative;flex:1;padding:9px 4px 10px;border:none;background:transparent;color:#cbd5e1;font-size:.78rem;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:color .2s ease,background .2s ease;text-align:center;white-space:nowrap}[data-theme=light] .ps-month-btn{color:#374151}.ps-month-btn.active{color:#00d4ff;background:#00d4ff14}.ps-month-btn:not(.active):hover{color:#94a3b8;background:#ffffff0a}.ps-month-indicator{position:absolute;bottom:0;left:20%;right:20%;height:2px;border-radius:2px 2px 0 0;background:#00d4ff;box-shadow:0 0 6px #00d4ffb3}.an-section-subtitle{margin-left:10px;font-size:.75rem;font-weight:500;color:#cbd5e1;letter-spacing:.2px}[data-theme=light] .an-section-subtitle{color:#374151}.dashboard-section,.db-section{animation:card-entrance .4s cubic-bezier(.16,1,.3,1) both}.dashboard-section:nth-child(1){animation-delay:0ms}.dashboard-section:nth-child(2){animation-delay:80ms}.db-section:nth-child(3){animation-delay:.16s}.db-section:nth-child(4){animation-delay:.24s}@keyframes card-entrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.day-cell:not(.has-leave):hover{transform:scale(1.04)}.leave-pill{animation:pill-pop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes pill-pop{0%{transform:scale(.85);opacity:.6}to{transform:scale(1);opacity:1}}.an-kpi-value{animation:kpi-fade .5s ease both}@keyframes kpi-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lat-bar-row{animation:bar-slide .35s cubic-bezier(.16,1,.3,1) both}.lat-bar-row:nth-child(1){animation-delay:0ms}.lat-bar-row:nth-child(2){animation-delay:30ms}.lat-bar-row:nth-child(3){animation-delay:60ms}.lat-bar-row:nth-child(4){animation-delay:90ms}.lat-bar-row:nth-child(5){animation-delay:.12s}.lat-bar-row:nth-child(6){animation-delay:.15s}.lat-bar-row:nth-child(7){animation-delay:.18s}.lat-bar-row:nth-child(8){animation-delay:.21s}.lat-bar-row:nth-child(9){animation-delay:.24s}.lat-bar-row:nth-child(10){animation-delay:.27s}.lat-bar-row:nth-child(11){animation-delay:.3s}@keyframes bar-slide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}button:focus-visible,.cal-pill:focus-visible,.view-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.view-crossfade{animation:view-fade-in .3s cubic-bezier(.16,1,.3,1) both}@keyframes view-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .dash-avatar,[data-theme=light] .lat-bar-avatar{background:linear-gradient(135deg,#a5b4fc,#818cf8)}.db-section{margin-top:28px;padding:14px 16px;background:var(--card-bg, rgba(15,23,42,.6));border:1px solid rgba(255,255,255,.08);border-radius:14px}.db-section-title{font-size:13px;font-weight:700;color:var(--heading, #f1f5f9);margin-bottom:10px;letter-spacing:.3px}.db-table-wrap{overflow-x:auto;border-radius:10px}.db-table{width:100%;border-collapse:collapse;font-size:11px}.db-table th{padding:6px 8px;text-align:center;font-weight:600;font-size:10px;color:var(--muted, #94a3b8);border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.db-table th:first-child{text-align:left}.db-table td{padding:5px 8px;text-align:center;border-bottom:1px solid rgba(255,255,255,.04);color:var(--heading, #e2e8f0);font-size:11px}.db-table td:first-child{text-align:left}.db-member-name{font-weight:600;font-size:12px;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.db-balance-cell{position:relative;min-width:70px}.db-balance-bar-wrap{height:4px;background:#ffffff0f;border-radius:2px;margin-bottom:4px;overflow:hidden}.db-balance-bar{height:100%;border-radius:2px;transition:width .3s ease}.db-balance-text{font-size:11px;font-weight:600;color:var(--heading, #e2e8f0)}.db-balance-warn{display:block;font-size:9px;color:#f59e0b;font-weight:500;margin-top:1px}.db-util-table td{font-size:11px;padding:6px;border-radius:4px}.db-util-num{font-weight:700;color:var(--heading, #f1f5f9)}.db-util-sep{color:var(--muted, #64748b);margin:0 1px}.db-util-days{font-weight:400;color:var(--muted, #94a3b8);font-size:10px}.db-util-total{font-weight:700;color:var(--heading, #f1f5f9);background:#ffffff0a!important}[data-theme=light] .db-section{background:#ffffffbf;border-color:#e2e8f0cc;box-shadow:0 1px #ffffffe6 inset,0 4px 16px #0f172a0f,0 10px 32px #0f172a0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=light] .db-table th{color:#64748b;border-bottom-color:#e2e8f0}[data-theme=light] .db-table td{color:#1e293b;border-bottom-color:#f1f5f9}[data-theme=light] .db-balance-bar-wrap{background:#0f172a0d}[data-theme=light] .db-util-total{background:#6366f10a!important}.toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:500;max-width:420px;box-shadow:0 8px 32px #00000040,0 2px 8px #00000026;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;animation:toast-in .3s cubic-bezier(.34,1.56,.64,1)}.toast-exit{animation:toast-out .3s ease forwards}.toast-error{background:#ef4444eb;color:#fff;border:1px solid rgba(255,255,255,.15)}.toast-warning{background:#f59e0beb;color:#fff;border:1px solid rgba(255,255,255,.15)}.toast-success{background:#22c55eeb;color:#fff;border:1px solid rgba(255,255,255,.15)}.toast-icon{font-size:16px;flex-shrink:0}.toast-message{line-height:1.4}@keyframes toast-in{0%{opacity:0;transform:translate(40px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px) scale(.9)}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:confirm-fade-in .15s ease}.confirm-dialog{background:var(--card-bg, #1e293b);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:24px 28px;max-width:360px;box-shadow:0 20px 60px #0006;animation:confirm-scale-in .2s cubic-bezier(.34,1.56,.64,1)}.confirm-message{font-size:14px;font-weight:500;color:var(--heading, #f1f5f9);line-height:1.5;margin-bottom:20px}.confirm-buttons{display:flex;gap:10px;justify-content:flex-end}.confirm-btn{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.confirm-btn:hover{transform:scale(1.03)}.confirm-yes{background:#ef4444;color:#fff;box-shadow:0 2px 8px #ef44444d}.confirm-no{background:#ffffff1a;color:var(--heading, #f1f5f9);border:1px solid rgba(255,255,255,.15)}[data-theme=light] .confirm-dialog{background:#fff;border-color:#0000001a}[data-theme=light] .confirm-message{color:#1e293b}[data-theme=light] .confirm-no{background:#f1f5f9;color:#374151;border-color:#d1d5db}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}