:root{--brand:#05046f;--brand-2:#2563eb;--ink:#111827;--muted:#667085;--line:#e6e8f0;--panel:#fff;--soft:#f6f8fc;--danger:#dc2626;--success:#16a34a;--warning:#f59e0b;--shadow:0 18px 50px #0f172a1c;color:var(--ink);background:var(--soft);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.crash-screen{text-align:center;color:#111827;background:linear-gradient(#fbfcff 0%,#eef3ff 100%);align-content:center;place-items:center;gap:16px;min-height:100vh;padding:28px;display:grid}.crash-screen img{width:min(220px,72vw);height:auto}.crash-screen h1,.crash-screen p{margin:0}.crash-screen p{color:#667085;max-width:520px;line-height:1.6}.crash-screen button{color:#fff;background:#05046f;border:0;border-radius:8px;min-height:40px;padding:0 18px;font-weight:800;box-shadow:0 10px 28px #05046f38}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;line-height:1}a,summary,select,input[type=date],input[type=checkbox],input[type=radio]{cursor:pointer}label:has(input[type=checkbox]){cursor:pointer}label:has(input[type=radio]){cursor:pointer}a{color:inherit;text-decoration:none}.app{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 28rem),linear-gradient(#fbfcff 0%,#eef3ff 100%);min-height:100vh}.app.dark{--brand:#22adf3;--brand-2:#22adf3;--ink:#f8fafc;--muted:#aab3c5;--line:#243048;--panel:#101827;--soft:#070b15;--shadow:0 18px 50px #00000057;background:radial-gradient(circle at 0 0,#22adf32e,#0000 26rem),linear-gradient(#080b16 0%,#0c1220 100%)}.app.dark .recharts-cartesian-axis-tick-value,.app.dark .recharts-legend-item-text,.app.dark .recharts-text{fill:var(--ink);color:var(--ink)!important}.app.dark .recharts-cartesian-grid line{stroke:#273449}.app.dark .recharts-default-tooltip{color:#0f172a}.app.dark,.app.dark .page,.app.dark .panel,.app.dark .login-card,.app.dark .department-card,.app.dark .metric,.app.dark table,.app.dark th,.app.dark td,.app.dark button{color:var(--ink)}.app.dark input,.app.dark select,.app.dark textarea{color:var(--ink);background:#0b1220;border-color:#31405d}.app.dark input::placeholder,.app.dark textarea::placeholder{color:#94a3b8}.login-page{grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:56px;width:min(1180px,100% - 40px);min-height:100vh;margin:0 auto;display:grid}.login-visual img{width:min(520px,100%);height:auto;margin-bottom:42px}.login-visual h1,.page-header h1,.department-hero h1{letter-spacing:0;margin:0}.login-visual h1{max-width:680px;font-size:clamp(2.3rem,5vw,5.1rem);line-height:.98}.login-visual p,.page-header p,.department-hero p{color:var(--muted);line-height:1.65}.login-card,.panel,.metric,.department-card,.empty-state{background:color-mix(in srgb, var(--panel), transparent 0%);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.login-card{gap:18px;padding:30px;display:grid}.login-card h2{margin:4px 0 0;font-size:2rem}.eyebrow{color:var(--brand-2);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:800}label{color:var(--muted);gap:4px;font-size:.9rem;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);background:color-mix(in srgb, var(--panel), var(--soft) 28%);width:100%;color:var(--ink);border-radius:8px;outline:none;padding:12px 13px;transition:border-color .18s,box-shadow .18s,transform .18s}option{background:var(--panel);color:var(--ink)}textarea{resize:vertical;min-height:120px}input:focus,select:focus,textarea:focus{border-color:var(--brand-2);box-shadow:0 0 0 4px #2563eb24}.app.dark input:focus,.app.dark select:focus,.app.dark textarea:focus{box-shadow:0 0 0 4px #22adf329}.primary-btn,.ghost-btn,.icon-btn,.danger-icon,.link-btn,.sort-btn,.tabs button,.swatches button,.icon-choice-grid button{cursor:pointer;border:0;line-height:1;transition:transform .18s,background .18s,color .18s,border-color .18s,box-shadow .18s}.primary-btn{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 16px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 12px 26px #05046f33}.app.dark .primary-btn{box-shadow:0 12px 26px #22adf33d}.primary-btn svg,.ghost-btn svg,.icon-btn svg,.danger-icon svg,.confirm-icon svg,.notification-trigger svg,.member-chip svg{flex:none;display:block}.primary-btn:hover,.department-card:hover,.metric:hover{transform:translateY(-2px)}.ghost-btn,.icon-btn{min-height:40px;color:var(--ink);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:9px 11px;line-height:1;display:inline-flex}.ghost-btn:hover,.icon-btn:hover,.tabs button:hover{background:color-mix(in srgb, var(--brand-2), transparent 88%)}.form-error{color:var(--danger);margin:0;font-weight:700}.hint{color:var(--muted);margin:0;font-size:.84rem}.shell{grid-template-columns:auto minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:color-mix(in srgb, var(--panel), transparent 4%);z-index:5;flex-direction:column;width:280px;height:100vh;padding:18px;transition:width .22s;display:flex;position:sticky;top:0}.sidebar.collapsed{width:92px}.brand-row{justify-content:space-between;align-items:center;gap:10px;min-height:54px;display:flex}.collapsed .brand-row{flex-direction:column;justify-content:center;gap:8px}.brand img{object-fit:contain;width:150px;max-height:52px;display:block}.collapsed .brand img{object-fit:contain;object-position:center;width:42px;height:42px}.user-block{background:color-mix(in srgb, var(--brand-2), transparent 91%);border-radius:8px;align-items:center;gap:12px;min-height:72px;margin:22px 0 8px;padding:12px;display:flex}.avatar{background:var(--brand);color:#fff;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.user-block strong,.user-block span{display:block}.user-block strong{font-size:.95rem}.user-block span{color:var(--muted);font-size:.82rem}.notification-box{margin:6px 0 12px;position:relative}.notification-trigger{width:100%;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 11px;display:flex;position:relative}.notification-trigger:hover{background:color-mix(in srgb, var(--brand-2), transparent 90%)}.notification-trigger b{background:var(--danger);color:#fff;border-radius:50%;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:.72rem;display:grid}.collapsed .notification-trigger b{min-width:17px;height:17px;margin-left:0;font-size:.64rem;position:absolute;top:3px;right:7px}.notification-popover{border:1px solid var(--line);background:var(--panel);z-index:100;border-radius:8px;width:min(390px,100vw - 32px);max-height:min(520px,100vh - 140px);padding:12px;position:fixed;top:118px;left:298px;box-shadow:0 26px 70px #02061747}.collapsed .notification-popover{left:108px}.notification-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 10px;display:flex}.notification-head span{color:var(--muted);font-size:.82rem}.notification-list{gap:6px;max-height:430px;margin:10px 0 0;padding-right:4px;display:grid;overflow:auto}.notification-list::-webkit-scrollbar{width:9px}.notification-list::-webkit-scrollbar-thumb{border:3px solid var(--panel);background:color-mix(in srgb, var(--brand-2), transparent 42%);border-radius:999px}.notification-list p{color:var(--muted);margin:0;padding:12px;font-size:.84rem}.notification-item{border:1px solid color-mix(in srgb, var(--brand-2), transparent 70%);background:color-mix(in srgb, var(--brand-2), transparent 90%);border-radius:8px;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:7px;padding:7px;display:grid}.notification-item.read{border-color:var(--line);background:color-mix(in srgb, var(--panel), var(--soft) 18%)}.notification-item a{min-width:0;color:var(--ink);align-items:center;gap:9px;display:flex}.notification-item a>svg{color:var(--brand-2);flex:none}.notification-item span{gap:3px;min-width:0;display:grid}.notification-item strong{font-size:.88rem}.notification-item small{color:var(--muted);line-height:1.35}.notification-item>button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.notification-item>button:hover{color:var(--danger);background:#dc26261a}.nav-list{gap:7px;display:grid}.nav-list a,.sidebar-actions button{color:#243047;border-radius:8px;align-items:center;gap:11px;min-height:44px;padding:10px 12px;font-weight:750;transition:transform .18s,background .18s,color .18s,box-shadow .18s;display:flex;position:relative}.nav-list a:hover,.sidebar-actions .ghost-btn:hover{background:color-mix(in srgb, var(--brand-2), transparent 88%);transform:translate(3px)}.app.dark .nav-list a,.app.dark .sidebar-actions button{color:#f8fafc}.nav-list a:hover,.nav-list a.active{background:var(--brand);color:#fff;box-shadow:0 12px 28px #05046f38}.app.dark .nav-list a:hover,.app.dark .nav-list a.active{box-shadow:0 12px 28px #22adf33d}.sidebar-actions{gap:6px;margin-top:auto;display:grid}.sidebar-credit{border-top:1px solid var(--line);color:var(--muted);margin-top:8px;padding-top:10px;font-size:.72rem;font-style:italic;line-height:1.35}.collapsed .nav-list a,.collapsed .sidebar-actions button,.collapsed .notification-trigger{justify-content:center}.sidebar:not(.collapsed) .sidebar-actions .ghost-btn{justify-content:flex-start;width:100%}.logout-btn{color:var(--danger);background:#dc26261a}.sidebar-actions .logout-btn:hover{background:var(--danger);color:#fff;transform:translate(3px)}.cancel-danger{color:var(--danger);background:#dc26261a}.cancel-danger:hover{background:var(--danger);color:#fff;transform:translateY(-1px)}.app.dark .logout-btn,.app.dark .danger-icon{color:#fca5a5;background:#f871712e}.app.dark .logout-btn:hover,.app.dark .danger-icon:hover{color:#fff;background:#ef4444}.content{min-width:0;height:100vh;min-height:0;overflow:hidden auto}.page{width:min(1440px,100%);min-height:0;padding:34px clamp(18px,4vw,44px);overflow:visible}.page-header{margin-bottom:24px}.page-header h1{margin-top:5px;font-size:clamp(2rem,3vw,3.2rem)}.page-header p{max-width:760px;margin:10px 0 0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.metric{width:100%;min-height:118px;color:var(--ink);cursor:pointer;text-align:left;align-items:center;gap:14px;padding:20px;display:flex}.metric>span{background:color-mix(in srgb, var(--brand-2), transparent 86%);width:52px;height:52px;color:var(--brand-2);border-radius:8px;place-items:center;display:grid}.metric svg{width:24px;height:24px}.metric b{font-size:2rem;display:block}.metric p{color:var(--muted);margin:0}.recharts-pie-sector,.recharts-bar-rectangle{cursor:pointer}.chart-grid,.settings-grid,.admin-lists{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.chart-grid .panel{min-width:0;overflow:hidden}.admin-lists{grid-template-columns:1fr}.panel{padding:20px}.page>.panel+.panel{margin-top:18px}.panel h3{margin:0 0 16px;font-size:1.08rem}.department-bars{gap:14px;display:grid}.dept-bar-row{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:170px minmax(0,1fr) 36px;align-items:center;gap:14px;padding:0;display:grid}.dept-bar-row span{color:var(--muted);font-weight:700}.dept-bar-row div{background:color-mix(in srgb, var(--line), transparent 28%);border-radius:999px;height:12px;overflow:hidden}.dept-bar-row i{border-radius:inherit;background:var(--brand-2);min-width:10px;height:100%;display:block}.department-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.department-card{min-height:190px;padding:22px;position:relative}.department-card h3{margin:22px 0 6px;font-size:1.35rem}.department-card p{color:var(--muted);margin:0}.department-card>svg{color:var(--muted);position:absolute;bottom:18px;right:18px;rotate:-90deg}.dept-icon{color:#fff;border-radius:8px;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 10px 24px #0f172a2e}.dept-icon.large{width:66px;height:66px}.dept-icon.mini{width:34px;height:34px}.department-hero{background:var(--panel);box-shadow:var(--shadow);border-left:6px solid;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;padding:22px;display:grid}.department-hero h1{font-size:clamp(1.9rem,3vw,3rem)}.department-hero p{margin:6px 0 0}.members-panel{box-shadow:none;margin-bottom:18px}.member-list{flex-wrap:wrap;gap:9px;display:flex}.member-list p{color:var(--muted);margin:0}.member-chip{border:1px solid var(--line);background:color-mix(in srgb, var(--brand-2), transparent 92%);min-height:34px;color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-weight:800;line-height:1;display:inline-flex}.member-chip:hover,.member-chip.active{border-color:var(--brand-2);background:color-mix(in srgb, var(--brand-2), transparent 82%);transform:translateY(-1px)}.task-form{grid-template-columns:1.2fr .6fr .8fr .8fr;gap:14px;margin-bottom:18px;display:grid}.task-form .full,.form-actions{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:10px;display:flex}.table-panel{padding:0;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);justify-content:flex-end;padding:14px 16px;display:flex}.search-field{width:min(360px,100%);color:var(--muted);position:relative}.search-field svg{z-index:1;position:absolute;bottom:11px;left:12px}.search-field input{padding-left:40px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1160px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px 14px}th{color:var(--muted);text-transform:uppercase;font-size:.8rem}td small{color:var(--muted);margin-top:4px;font-size:.76rem;display:block}tbody td{font-size:.88rem}tr:hover td{background:color-mix(in srgb, var(--brand-2), transparent 95%)}.sort-btn,.link-btn{color:inherit;background:0 0;align-items:center;gap:7px;padding:0;display:inline-flex}.link-btn{color:var(--ink);text-align:left;font-size:.9rem;font-weight:800}.sort-btn span{color:var(--brand-2)}.priority,.status{border-radius:0;align-items:center;min-height:28px;padding:0;font-size:.78rem;font-weight:900;display:inline-flex;background:0 0!important}.priority.kritik,.status.imtina{color:#b91c1c}.priority.yüksək,.status.icradadır{color:#b45309}.priority.orta,.status.gözləyir{color:#1d4ed8}.app.dark .priority.orta,.app.dark .status.gözləyir{color:#22adf3}.priority.aşağı,.status.həll-oldu{color:#15803d}.app.dark .priority.kritik,.app.dark .status.imtina{color:#f87171}.app.dark .priority.yüksək,.app.dark .status.icradadır{color:#fbbf24}.app.dark .priority.aşağı,.app.dark .status.həll-oldu{color:#4ade80}.deadline-two{color:#f97316;font-weight:850}.deadline-one{color:#ef4444;font-weight:900}.deadline-today,.deadline-overdue{color:#b91c1c;font-weight:900}.app.dark .deadline-two{color:#fdba74}.app.dark .deadline-one{color:#f87171}.app.dark .deadline-today,.app.dark .deadline-overdue{color:#fca5a5}.row-actions{align-items:center;gap:8px;display:flex}.row-actions select{min-width:126px;padding:8px 10px}.danger-icon{width:34px;height:34px;color:var(--danger);background:#dc26261a;border-radius:8px;place-items:center;display:grid}.danger-icon:hover{background:var(--danger);color:#fff}.edit-icon{background:color-mix(in srgb, var(--brand-2), transparent 88%);width:34px;height:34px;color:var(--brand-2);border:0;border-radius:8px;place-items:center;display:grid}.edit-icon:hover{background:var(--brand-2);color:#fff}.tabs{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:6px;margin-bottom:18px;padding:5px;display:inline-flex}.tabs button{min-height:38px;color:var(--muted);background:0 0;border-radius:7px;padding:8px 14px;font-weight:850}.tabs button.active{background:var(--brand);color:#fff}.settings-grid .wide{grid-column:1/-1}.form-panel{gap:9px;display:grid}.form-panel h3{margin-bottom:4px}.profile-form{align-content:start;gap:8px}.profile-form label{gap:2px}.profile-form input{min-height:36px;padding:8px 10px}.form-panel .primary-btn{justify-self:start;min-height:36px;padding:7px 13px}.form-panel input,.form-panel select{min-height:36px;padding:8px 10px}.chooser{gap:10px;display:grid}.chooser>span{color:var(--muted);font-size:.9rem;font-weight:800}.swatches,.icon-choice-grid{flex-wrap:wrap;gap:9px;display:flex}.swatches button{border:3px solid #0000;border-radius:50%;width:34px;height:34px;box-shadow:0 0 #0f172a00}.swatches button:hover,.icon-choice-grid button:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 10px 22px #0f172a29}.swatches button.selected{border-color:var(--ink);transform:scale(1.07)}.icon-choice-grid button{border:1px solid var(--line);background:color-mix(in srgb, var(--panel), var(--soft) 20%);width:42px;height:42px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.icon-choice-grid button.selected{border-color:var(--brand-2);background:var(--brand);color:#fff}.editable-list{gap:10px;display:grid}.admin-lists .editable-list{max-height:360px;padding-right:8px;overflow:auto}.admin-lists .editable-list::-webkit-scrollbar{width:10px;height:10px}.admin-lists .editable-list::-webkit-scrollbar-thumb{border:3px solid var(--panel);background:color-mix(in srgb, var(--brand-2), transparent 44%);border-radius:999px}.editable-row{grid-template-columns:1.2fr .9fr .9fr .7fr 1fr;align-items:center;gap:8px;display:grid}.user-edit-row{grid-template-columns:1.05fr .8fr .75fr .58fr minmax(190px,1.2fr) auto auto}.department-edit-row{grid-template-columns:auto minmax(180px,1fr) auto auto auto auto}.editable-row input,.editable-row select{min-height:34px;padding:7px 9px}.multi-check-list{background:0 0;border:0;flex-wrap:wrap;gap:7px;min-height:auto;padding:7px;display:flex}.multi-check-list.compact{max-height:76px;overflow:auto}.multi-check-list label{border:1px solid var(--line);min-height:24px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:.78rem;font-weight:800;display:inline-flex}.multi-check-list input{width:auto;min-height:0;padding:0}.app.dark .multi-check-list{border-color:#31405d}.department-picker{position:relative}.department-picker summary{border:1px solid var(--line);background:color-mix(in srgb, var(--panel), var(--soft) 28%);min-height:36px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;align-items:center;padding:8px 10px;list-style:none;display:flex;overflow:hidden}.department-picker summary::-webkit-details-marker{display:none}.department-picker[open] summary{border-color:var(--brand-2);box-shadow:0 0 0 4px #2563eb24}.department-picker .multi-check-list{top:var(--picker-top,92px);left:var(--picker-left,auto);border:1px solid var(--line);background:var(--panel);width:min(280px,80vw);max-height:230px;box-shadow:var(--shadow);z-index:120;border-radius:8px;position:fixed;right:auto;overflow:auto}.department-picker.compact .multi-check-list{max-height:230px;right:auto}.app.dark .department-picker summary{background:#0b1220;border-color:#31405d}.confirm-icon{width:34px;height:34px;color:var(--success);background:#16a34a1c;border:0;border-radius:8px;justify-content:center;align-items:center;gap:0;padding:0;font-size:.82rem;font-weight:850;display:inline-flex}.mobile-action-text{display:none}.confirm-icon:hover{background:var(--success);color:#fff}.app.dark .confirm-icon{color:#86efac;background:#4ade802e}.app.dark .confirm-icon:hover{color:#052e16;background:#22c55e}.mini-picker{position:relative}.mini-picker summary{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;list-style:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.mini-picker summary::-webkit-details-marker{display:none}.mini-picker summary:hover{border-color:var(--brand-2);transform:translateY(-1px);box-shadow:0 10px 22px #0f172a24}.mini-picker-menu{top:var(--picker-top,92px);left:var(--picker-left,auto);border:1px solid var(--line);background:var(--panel);width:220px;max-height:230px;box-shadow:var(--shadow);z-index:120;border-radius:8px;gap:8px;padding:10px;display:grid;position:fixed;right:auto;overflow:auto}.icon-picker-left .mini-picker-menu{right:auto}.color-menu,.icon-menu{grid-template-columns:repeat(5,1fr)}.mini-picker-menu button{background:color-mix(in srgb, var(--panel), var(--soft) 24%);width:32px;height:32px;color:var(--ink);cursor:pointer;border:2px solid #0000;border-radius:8px;place-items:center;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.mini-picker-menu button:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 8px 18px #0f172a29}.mini-picker-menu button.selected{border-color:var(--brand-2)}.modal-backdrop{z-index:50;background:#02061794;place-items:center;padding:20px;animation:.16s fadeIn;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--panel);width:min(620px,100%);color:var(--ink);box-shadow:var(--shadow);border-radius:8px;padding:28px;animation:.18s riseIn;position:relative}.modal .close{position:absolute;top:16px;right:16px}.modal h2{margin:14px 38px 10px 0;font-size:1.8rem}.edit-task-modal{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.edit-task-modal h2,.edit-task-modal .eyebrow,.edit-task-modal .full,.edit-task-modal .form-actions{grid-column:1/-1}.modal p{color:var(--muted);line-height:1.7}.modal-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.9rem;display:flex}.modal-meta span,.route-pill{align-items:center;gap:7px;display:inline-flex}.route-pill{background:color-mix(in srgb, var(--brand-2), transparent 90%);color:var(--brand-2);border-radius:999px;padding:9px 12px;font-weight:900}.summary-list{gap:10px;margin-top:14px;display:grid}.summary-item{border:1px solid var(--line);color:var(--ink);border-radius:8px;gap:4px;padding:11px 12px;display:grid}.summary-item:hover{border-color:var(--brand-2);background:color-mix(in srgb, var(--brand-2), transparent 92%)}.summary-item span,.summary-list p{color:var(--muted);margin:0}.empty-state{text-align:center;place-items:center;min-height:280px;padding:30px;display:grid}.empty-state svg{color:var(--brand-2)}.empty-state h2{margin:12px 0 4px}.empty-state p{color:var(--muted);margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1040px){.login-page,.metric-grid,.chart-grid,.settings-grid,.admin-lists{grid-template-columns:1fr}.login-page{gap:26px;padding:30px 0}}@media (width<=760px){.shell{grid-template-columns:1fr;height:auto;min-height:100dvh;padding-top:84px;overflow:visible}.sidebar,.sidebar.collapsed{border-right:0;border-bottom:1px solid var(--line);z-index:80;will-change:transform;width:100%;height:auto;max-height:100dvh;transition:transform .22s,width .22s;position:fixed;top:0;left:0;right:0;overflow-y:auto}.sidebar.collapsed.mobile-hidden{transform:translateY(calc(-100% - 8px))}.brand-row,.collapsed .brand-row{flex-direction:row;justify-content:space-between}.sidebar .brand img,.sidebar.collapsed .brand img{object-fit:contain;width:126px;height:auto}.sidebar.collapsed{padding-bottom:12px}.sidebar.collapsed .user-block,.sidebar.collapsed .notification-box,.sidebar.collapsed .nav-list,.sidebar.collapsed .sidebar-actions{display:none}.sidebar.collapsed .brand img{content:url(/logo.png)}.sidebar.collapsed .nav-list a span,.sidebar.collapsed .sidebar-actions span,.sidebar.collapsed .notification-box span,.sidebar.collapsed .user-block>div{display:none}.nav-list{grid-template-columns:1fr}.sidebar:not(.collapsed) .nav-list a,.sidebar:not(.collapsed) .sidebar-actions button,.sidebar:not(.collapsed) .notification-trigger{justify-content:flex-start}.content{height:auto;min-height:0;overflow:visible}.department-hero,.task-form,.editable-row,.department-edit-row{grid-template-columns:1fr}.user-edit-row{grid-template-columns:1fr 1fr}.user-edit-row input,.user-edit-row select,.user-edit-row .department-picker{grid-column:1/-1}.department-edit-row{grid-template-columns:1fr 1fr}.department-edit-row .dept-icon,.department-edit-row input{grid-column:1/-1}.department-edit-row .mini-picker{justify-self:stretch}.department-edit-row .mini-picker summary{width:100%}.department-edit-row .mini-picker-menu{left:var(--picker-mobile-left,12px);right:auto;top:var(--picker-top,92px);width:min(220px,100vw - 24px)}.confirm-icon,.danger-icon{gap:7px;width:100%;min-height:38px;font-weight:850;display:inline-flex}.mobile-action-text{display:inline}.department-hero .primary-btn{width:100%}.dept-bar-row{grid-template-columns:minmax(0,1fr) 34px;gap:6px}.dept-bar-row span{grid-column:1/-1}.dept-bar-row div{width:100%}.dept-bar-row b{text-align:right}.chart-grid .panel{padding:16px 12px}.chart-grid .recharts-responsive-container,.chart-grid .recharts-wrapper{margin-left:0!important}}