:root{--font-sans:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:var(--font-sans);--font-body:var(--font-sans);--font-mono:"Plus Jakarta Sans", ui-sans-serif, sans-serif;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--color-primary-50:#fff1f3;--color-primary-100:#ffe0e5;--color-primary-200:#fbc2cb;--color-primary-300:#f58c9c;--color-primary-400:#ef5470;--color-primary-500:#e62348;--color-primary-600:#da0027;--color-primary-700:#b80021;--color-primary-800:#920019;--color-primary-900:#7a0015;--color-primary:var(--color-primary-600);--color-primary-hover:#c40023;--color-primary-active:#b90021;--color-primary-soft:var(--color-primary-50);--color-primary-gradient:linear-gradient(135deg, #da0027 0%, #b80020 100%);--violet:var(--color-primary-600);--teal:var(--color-primary-700);--violet-glow:#da00271f;--teal-glow:#da00271f;--amber-glow:#f59e0b29;--color-bg-page:#f5f6fb;--color-bg-card:#fff;--color-bg-muted:#f8fafc;--color-bg-subtle:#f1f4f9;--color-text-heading:#0f172a;--color-text-body:#334155;--color-text-muted:#334155;--color-text-faint:#64748b;--color-border:#e8ecf3;--color-border-soft:#eef1f7;--color-border-strong:#d8deea;--surface-1:var(--color-bg-card);--surface-2:var(--color-bg-muted);--surface-3:var(--color-bg-subtle);--text-primary:var(--color-text-heading);--text-secondary:var(--color-text-body);--text-muted:var(--color-text-muted);--border:var(--color-border);--color-success:#16a34a;--color-success-soft:#dcfce7;--color-danger:#e11d48;--color-danger-soft:#ffe4e6;--color-warning:#f59e0b;--color-warning-soft:#fef3c7;--color-info:#0ea5e9;--color-info-soft:#e0f2fe;--radius-button:12px;--radius-card:18px;--radius-input:12px;--radius-dropdown:16px;--radius-modal:20px;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--shadow-xs:0 1px 2px #1018280a;--shadow-sm:0 1px 3px #1018280f, 0 1px 2px #1018280a;--shadow-card:0 1px 2px #1018280a, 0 8px 24px -12px #1018281f;--shadow-md:0 4px 12px -2px #10182814, 0 2px 6px -2px #1018280d;--shadow-lg:0 12px 32px -8px #10182824, 0 4px 12px -4px #10182814;--shadow-modal:0 24px 56px -12px #10182842;--shadow-hover:0 14px 34px -12px #da002733, 0 6px 14px -8px #1018281a;--shadow-focus-ring:0 0 0 4px #da002729;--shadow-ambient:var(--shadow-xs);--shadow-contact:0 10px 30px -14px #10182824;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text-body);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--primary-500:#e62348;--primary-600:#da0027;--primary-700:#b80021;--primary-soft:#fff1f3;--primary-gradient:linear-gradient(135deg, #da0027 0%, #b80020 100%);--ink-900:#0f172a;--ink-700:#334155;--ink-500:#334155;--ink-400:#64748b;--surface:#fff;--surface-alt:#f5f6fb;--surface-muted:#f8fafc;--border-soft:#e8ecf3;--border-softer:#eef1f7;--success:#16a34a;--success-soft:#dcfce7;--danger:#e11d48;--danger-soft:#ffe4e6;--warning:#f59e0b;--warning-soft:#fef3c7;--info:#0ea5e9;--info-soft:#e0f2fe;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-glow:0 12px 30px -12px #da00276b;font-size:12px;line-height:1.55}*{box-sizing:border-box}*,:before,:after{scrollbar-width:thin;scrollbar-color:#cbd3e1 transparent}body{min-height:100vh;color:var(--color-text-body);background:var(--color-bg-page);font-feature-settings:"cv11", "ss01";margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text-heading);margin:0 0 .5em;font-weight:700;line-height:1.2}p{margin:0 0 1em}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--color-text-body)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::selection{background:var(--color-primary-100);color:var(--color-primary-700)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd3e1 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#aab4c6 padding-box padding-box}.page{flex-direction:column;gap:1rem;min-width:0;display:flex}.breadcrumb{color:var(--ink-500);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.breadcrumb a{color:var(--ink-500);text-decoration:none;transition:color .12s}.breadcrumb a:hover{color:var(--primary-600)}.breadcrumb .current{color:var(--ink-900);font-weight:600}.breadcrumb .sep{color:#cbd5e1}.page-actions{justify-content:flex-end;gap:.6rem;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.45rem;padding:.55rem 1.05rem;font-size:.88rem;font-weight:600;transition:filter .2s,transform .2s,background .2s,box-shadow .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#c00022 0%,#a2001c 100%);transform:translateY(-1px);box-shadow:0 16px 28px -10px #da002780}.btn-primary:active:not(:disabled){background:linear-gradient(135deg,#aa001e 0%,#8f0019 100%);transform:translateY(0);box-shadow:0 8px 18px -10px #da002780}.btn-primary:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none}.btn-secondary{color:var(--ink-700);border:1px solid var(--border-soft);box-shadow:var(--shadow-xs);background:#fff}.btn-secondary:hover{background:var(--surface-alt);border-color:#64748b47}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0;overflow:hidden}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex}.show-entries{color:var(--ink-700);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.show-entries select{border:1px solid var(--border-soft);background:#fff;border-radius:6px;padding:.3rem .5rem;font-size:.85rem}.search-field{color:var(--ink-700);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.search-field input{border:1px solid var(--border-soft);border-radius:var(--radius-sm);min-width:220px;padding:.45rem .7rem;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.search-field input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 4px #da00271f}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap th{z-index:1;text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-400);background:var(--surface);border-bottom:1px solid var(--border-softer);white-space:nowrap;padding:.65rem 1.1rem;font-size:.7rem;font-weight:700;position:sticky;top:0}.table-wrap td{border-bottom:1px solid var(--border-softer);color:var(--ink-700);vertical-align:middle;padding:.75rem 1.1rem;font-size:.88rem}.table-wrap tbody tr{transition:background .12s}.table-wrap tbody tr:hover{background:var(--surface-alt)}.badge{border-radius:999px;padding:.22rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.row-actions{align-items:center;gap:.35rem;display:flex}.icon-action{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--ink-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.icon-action:hover{background:var(--surface-muted);color:var(--ink-900)}.icon-action.disabled{opacity:.35;cursor:not-allowed}.icon-action.disabled:hover{color:var(--ink-500);background:0 0}.empty-cell{text-align:center;color:var(--ink-400);padding:2rem}.table-footer{border-top:1px solid var(--border-softer);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex}.range-label{color:var(--ink-500);font-size:.85rem}.pager{gap:.3rem;display:flex}.pager button{border-radius:var(--radius-sm);border:1px solid var(--border-soft);cursor:pointer;width:30px;height:30px;color:var(--ink-700);background:#fff;transition:background .12s,border-color .12s}.pager button:hover:not(:disabled){background:var(--surface-alt);border-color:#64748b47}.pager button:disabled{opacity:.4;cursor:not-allowed}.avatar-circle{background:var(--primary-soft);width:34px;height:34px;color:var(--primary-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:50;background:#0f172a66;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border-softer);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;animation:.15s ease-out modal-in;display:flex}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.modal-header{border-bottom:1px solid var(--border-softer);justify-content:space-between;align-items:center;padding:1.1rem 1.35rem;display:flex}.modal-header h2{color:var(--ink-900);margin:0;font-size:1.15rem}.modal-close{color:var(--ink-500);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.3rem;transition:background .12s,color .12s}.modal-close:hover{background:var(--surface-muted);color:var(--ink-900)}.modal-body{flex-direction:column;gap:1rem;padding:1.35rem;display:flex;overflow-y:auto}.form-grid{grid-template-columns:1fr 1fr;gap:1.1rem;display:grid}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-field label{color:var(--ink-700);font-size:.82rem;font-weight:600}.required{color:var(--danger)}.form-field input,.form-field select,.form-field textarea{border:1.5px solid var(--border-soft);border-radius:var(--radius-md);resize:vertical;background:#fff;padding:.6rem .7rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 4px #da00271f}.form-field input.input-error,.form-field select.input-error,.form-field textarea.input-error{background:#fef2f2;border-color:#fca5a5}.form-field input.input-error:focus,.form-field select.input-error:focus,.form-field textarea.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441f}.field-error{color:var(--danger);margin:0;font-size:.78rem}.field-hint{color:var(--ink-400);margin:0;font-size:.76rem}.modal-footer{border-top:1px solid var(--border-softer);justify-content:flex-end;gap:.6rem;padding:1rem 1.35rem;display:flex}.modal-footer .spacer{flex:1}.btn-danger{color:var(--danger);background:#fff;border:1px solid #fecaca}.btn-danger:hover{background:#fef2f2}@media (width<=1024px){.table-toolbar,.table-footer{gap:.75rem}}@media (width<=640px){.form-grid{grid-template-columns:1fr}.table-toolbar,.table-footer{align-items:stretch}.search-field{width:100%}.search-field input{flex:1;width:100%;min-width:0}.modal-overlay{align-items:flex-start;padding:.6rem}.modal{width:100%;max-width:100%;max-height:94vh;margin-top:.4rem}.modal-header,.modal-body,.modal-footer{padding-left:1rem;padding-right:1rem}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:auto;justify-content:center}.page-actions{flex-wrap:wrap}}.global-loader[data-v-3511c363]{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#fdfdffd1;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.global-loader-mark[data-v-3511c363]{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.global-loader-logo[data-v-3511c363]{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:34px;height:34px;display:block}.global-loader-ring[data-v-3511c363]{border:2.5px solid var(--color-primary-100);border-top-color:var(--color-primary-500);border-radius:50%;animation:.85s linear infinite global-loader-spin-3511c363;position:absolute;inset:0}@keyframes global-loader-spin-3511c363{to{transform:rotate(360deg)}}.global-loader-text[data-v-3511c363]{color:var(--color-text-muted);letter-spacing:.01em;font-size:.85rem;font-weight:600}.global-loader-fade-enter-active[data-v-3511c363],.global-loader-fade-leave-active[data-v-3511c363]{transition:opacity .22s}.global-loader-fade-enter-from[data-v-3511c363],.global-loader-fade-leave-to[data-v-3511c363]{opacity:0}@media (prefers-reduced-motion:reduce){.global-loader-ring[data-v-3511c363]{animation-duration:1.8s}}.app-shell{grid-template-columns:80px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .25s;display:grid}.app-shell.sidebar-expanded{grid-template-columns:220px minmax(0,1fr)}.sidebar{background:var(--color-bg-card);border-right:1px solid var(--color-border);z-index:30;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-direction:column;flex-shrink:0;gap:.25rem;height:100vh;padding:1rem .75rem;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-primary-300,#bdbbed)}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-user-info,.sidebar.collapsed .sidebar-user-chevron{opacity:0;white-space:nowrap;max-width:0;overflow:hidden}.sidebar.collapsed .nav-chevron{display:none}.sidebar.collapsed .nav-group-items-wrap{grid-template-rows:0fr!important}.sidebar.collapsed .nav-link,.sidebar.collapsed .nav-group-head,.sidebar.collapsed .sidebar-user{justify-content:center}.brand-text,.nav-label,.sidebar-user-info{opacity:1;max-width:200px;transition:opacity .15s,max-width .25s}.sidebar-brand{border-bottom:1px solid var(--color-border-soft,var(--color-border));align-items:center;gap:.6rem;min-height:40px;margin-bottom:.4rem;padding:0 .1rem .6rem;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:auto;display:block}.brand-logo-full{max-width:100%;height:30px}.brand-logo-g{height:34px;display:none}.sidebar.collapsed .brand-logo-full{display:none}.sidebar.collapsed .brand-logo-g{margin:0 auto;display:block}.brand-lockup{flex-direction:column;flex:1;align-items:center;gap:.15rem;min-width:0;display:flex}.brand-tagline{letter-spacing:.02em;color:var(--color-text-faint);font-size:.7rem;font-weight:500}.sidebar.collapsed .brand-tagline{display:none}.brand-name{letter-spacing:-.01em;color:var(--color-text-heading);font-size:1rem;font-weight:800}.brand-sub{color:var(--color-text-faint);letter-spacing:.01em;font-size:.72rem;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex}.nav-group{flex-direction:column;display:flex}.nav-icon{width:20px;height:20px;color:var(--color-text-muted);transition:color .15s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-link,.nav-group-head{border-radius:var(--radius-button);width:100%;color:var(--color-text-body);text-align:left;cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:none;align-items:center;gap:.8rem;padding:.62rem .75rem;font-family:inherit;font-size:13px;font-weight:500;line-height:1.1;text-decoration:none;display:flex}.nav-group-head{color:var(--color-text-heading);font-weight:400}.nav-link svg,.nav-group-head svg{flex-shrink:0}.nav-label{flex:1;min-width:0}.nav-link:hover,.nav-group-head:hover{background:var(--color-bg-subtle);color:var(--color-text-heading)}.nav-link:hover .nav-icon,.nav-group-head:hover .nav-icon{color:var(--color-text-heading)}.nav-chevron{color:var(--color-text-muted);transition:transform .28s var(--ease-out), color .15s var(--ease-out)}.nav-group-head.open{color:var(--color-text-heading)}.nav-group-head.open .nav-chevron{color:var(--color-text-heading);transform:rotate(180deg)}.nav-group-items-wrap{transition:grid-template-rows .28s var(--ease-out);grid-template-rows:0fr;display:grid}.nav-group-items-wrap.open{grid-template-rows:1fr}.nav-group-items{flex-direction:column;gap:2px;min-height:0;padding:2px 0 4px;display:flex;overflow:hidden}.nav-link-child{padding-left:1.75rem;font-size:12px;font-weight:400}.nav-link.router-link-exact-active{background:var(--color-primary-soft);color:var(--color-primary-700);font-weight:600}.nav-link.router-link-exact-active .nav-icon{color:var(--color-primary-600)}.sidebar-user{border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-bg-muted);transition:background .15s var(--ease-out), border-color .15s var(--ease-out);align-items:center;gap:.65rem;margin-top:.5rem;padding:.55rem .6rem;text-decoration:none;display:flex}.sidebar-user:hover{background:var(--color-primary-soft);border-color:var(--color-primary-200)}.sidebar-user-avatar{background:var(--color-primary-gradient);color:#fff;box-shadow:0 4px 10px -3px #da002780}.sidebar-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user-name{color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;overflow:hidden}.sidebar-user-role{color:var(--color-text-muted);text-transform:capitalize;font-size:.72rem}.sidebar-user-dept{color:var(--color-primary-600);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:600;overflow:hidden}.sidebar-user-chevron{color:var(--color-text-faint);flex-shrink:0}.avatar{background:var(--color-primary-soft);width:34px;height:34px;color:var(--color-primary-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.profile-avatar{background:var(--color-primary-soft);color:var(--color-primary-600)}.profile-name{color:var(--color-text-heading);font-size:.85rem;font-weight:600}.profile-role{border-radius:var(--radius-pill);text-transform:capitalize;background:var(--color-bg-subtle);color:var(--color-text-muted);align-items:center;gap:.35rem;margin-top:.2rem;padding:.1rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.role-superadmin{background:var(--color-primary-soft);color:var(--color-primary-600)}.role-admin{color:#1d4ed8;background:#dbeafe}.role-manager{color:#15803d;background:#dcfce7}.role-employee{color:#92400e;background:#fef3c7}.role-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.footer-link{border-radius:var(--radius-button);width:100%;color:var(--color-text-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;padding:.5rem .6rem;font-family:inherit;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.footer-link:hover{background:var(--color-bg-subtle);color:var(--color-text-heading)}.footer-link.logout:hover{background:var(--color-danger-soft);color:var(--color-danger)}.content-area{flex-direction:column;min-width:0;min-height:100vh;display:flex;overflow-x:clip}.topbar{border-bottom:1px solid var(--color-border);z-index:20;background:#fff;align-items:center;gap:1rem;min-height:56px;padding:.5rem 1.5rem;display:flex;position:sticky;top:0}.topbar-actions{align-items:center;gap:.6rem;margin-left:auto;display:flex}.topbar-left{flex:auto;align-items:center;gap:.6rem;min-width:0;display:flex}.nav-hamburger{border-radius:var(--radius-button);width:42px;height:42px;color:var(--color-text-body);cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-hamburger:hover{background:var(--color-bg-subtle);color:var(--color-primary-600)}.breadcrumb-nav{align-items:center;gap:.4rem;min-width:0;display:none}@media (width>=560px){.breadcrumb-nav{display:flex}}.crumb{color:var(--color-text-muted);white-space:nowrap;transition:color .15s var(--ease-out);font-size:.92rem;text-decoration:none}.crumb:hover{color:var(--color-primary-600)}.crumb-sep{color:var(--color-text-faint);flex-shrink:0}.crumb-current{color:var(--color-text-heading);font-weight:700}.topbar-icon-btn{border-radius:var(--radius-button);border:1px solid var(--color-border);background:var(--color-bg-card);width:42px;height:42px;color:var(--color-text-muted);cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out), border-color .15s var(--ease-out), transform .15s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--color-primary-soft);color:var(--color-primary-600);border-color:var(--color-primary-200,#fbc2cb);transform:translateY(-1px)}.notif-badge{border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;text-align:center;border:2px solid var(--color-bg-card);box-sizing:content-box;min-width:18px;height:18px;padding:0 5px;font-size:.66rem;font-weight:700;line-height:18px;position:absolute;top:-5px;right:-5px}.notif-wrap{display:flex;position:relative}.notif-popup{background:var(--color-bg-card);border:1px solid var(--color-border-soft,var(--color-border));border-radius:var(--radius-card);z-index:20;width:280px;padding:.4rem;animation:.15s profile-popup-in;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 16px 40px -12px #1f1b5947,0 4px 12px -4px #1f1b591f}.notif-popup-head{color:var(--color-text-heading);border-bottom:1px solid var(--color-border);padding:.5rem .6rem;font-size:.85rem;font-weight:700}.notif-empty{text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:1.4rem 1rem 1.5rem;display:flex}.notif-empty-badge{background:var(--color-primary-soft);width:42px;height:42px;color:var(--color-primary-600);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.35rem;display:flex}.notif-empty p{color:var(--color-text-body);margin:0;font-size:.88rem;font-weight:600}.notif-empty>span{color:var(--color-text-faint);font-size:.78rem}.sidebar-toggle-btn{border-radius:var(--radius-pill);border:1px solid var(--color-border-soft,var(--color-border));background:var(--color-bg-subtle);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.sidebar-toggle-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary-200,#d6d5f4);box-shadow:0 0 0 4px var(--color-primary-soft)}.sidebar-toggle-btn svg{transition:transform .25s}.sidebar-toggle-btn svg.flipped{transform:rotate(180deg)}.avatar-sm{background:var(--color-primary-gradient);color:#fff;width:40px;height:40px;position:relative;box-shadow:0 3px 10px -3px #da002780}.avatar-sm:after{content:"";border-radius:var(--radius-pill);background:var(--color-success);border:2px solid var(--color-bg-card);width:9px;height:9px;position:absolute;bottom:0;right:0}.profile-trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:.65rem;padding:0;font-family:inherit;display:flex}.profile-trigger-text{text-align:right;flex-direction:column;align-items:flex-end;display:none}.profile-trigger-name{color:var(--color-text-heading);font-size:.85rem;font-weight:700}.profile-trigger-role{border-radius:var(--radius-pill);text-transform:capitalize;background:var(--color-bg-subtle);color:var(--color-text-muted);align-items:center;gap:.35rem;margin-top:.15rem;padding:.08rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}@media (width>=900px){.profile-trigger-text{display:flex}}.profile-menu-wrap{position:relative}.profile-popup{background:var(--color-bg-card);border:1px solid var(--color-border-soft,var(--color-border));border-radius:var(--radius-card);z-index:20;width:230px;padding:.6rem;animation:.15s profile-popup-in;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 16px 40px -12px #1f1b5947,0 4px 12px -4px #1f1b591f}@keyframes profile-popup-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-popup-head{border-bottom:1px solid var(--color-border);align-items:center;gap:.6rem;margin-bottom:.35rem;padding:.4rem .5rem .7rem;display:flex}.app-main{background:var(--color-bg-page);flex:1;min-width:0;padding:1.5rem}.sidebar-close{border-radius:var(--radius-button);background:var(--color-bg-subtle);width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .15s,color .15s;display:flex}.sidebar-close:hover{background:var(--color-primary-soft);color:var(--color-primary-600)}.sidebar-backdrop{z-index:55;background:#0f172a80;animation:.2s sidebar-backdrop-in;position:fixed;inset:0}@keyframes sidebar-backdrop-in{0%{opacity:0}to{opacity:1}}@media (width<=900px){.app-shell,.app-shell.sidebar-expanded{grid-template-columns:1fr}.sidebar{width:272px;max-width:84vw;height:100dvh;transition:transform .28s var(--ease-out);z-index:60;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 24px 60px -12px #0f172a73}.sidebar.mobile-open{transform:translate(0)}.topbar{padding:.5rem 1rem}.app-main{padding:1rem}}@media (width<=560px){.app-main{padding:.85rem}}@media (width>=901px){.sidebar-backdrop,.sidebar-close{display:none}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.page-fade-enter-active{animation:.22s page-fade-in}.page-fade-leave-active{animation:.22s page-fade-out}@keyframes page-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes page-fade-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.page-fade-enter-active{animation:.15s linear page-fade-in}.page-fade-leave-active{animation:.15s linear page-fade-out}}