.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;background:var(--bg)}.app-shell .sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:200;transition:transform .28s var(--ease)}.app-shell .sidebar::-webkit-scrollbar{width:4px}.app-shell .sidebar::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}.app-shell .app-main{display:flex;flex-direction:column;min-width:0;background:var(--bg)}.app-shell .sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1a3d8c;z-index:150;opacity:0;pointer-events:none;transition:opacity .28s ease}.app-shell .brand-card{display:flex;align-items:center;gap:12px;padding:18px 16px;border-bottom:1px solid var(--sidebar-border)}.app-shell .brand-mark{width:38px;height:38px;border-radius:var(--r-sm);background:var(--sidebar-accent);color:var(--sidebar-bg);display:grid;place-items:center;flex-shrink:0;font-family:var(--font-display);font-weight:800;font-size:.7rem;letter-spacing:.02em}.app-shell .brand-title{font-size:.92rem;font-weight:650;line-height:1.25;color:#fff;letter-spacing:-.005em}.app-shell .brand-subtitle{font-size:.74rem;color:#ffffff8c;margin-top:2px;line-height:1.3}.app-shell .nav-group{display:flex;flex-direction:column;gap:2px;padding:8px 10px 12px;flex:1}.app-shell .nav-section-label{display:block;padding:18px 10px 6px;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--sidebar-section);line-height:1.2}.app-shell .nav-section-label:first-child{padding-top:8px}.app-shell .nav-link{display:flex;align-items:center;gap:11px;padding:8px 10px 8px 12px;border-radius:var(--r-sm);color:var(--sidebar-text);font-weight:500;font-size:.875rem;line-height:1.3;border:1px solid transparent;position:relative;transition:background .15s var(--ease),color .15s var(--ease)}.app-shell .nav-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hov)}.app-shell .nav-link.active{background:var(--sidebar-active-bg);color:#fff;font-weight:600;border-color:var(--sidebar-active-bd)}.app-shell .nav-link.active:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:4px;height:20px;border-radius:0 4px 4px 0;background:var(--sidebar-accent)}.app-shell .nav-icon{width:17px;height:17px;flex-shrink:0;opacity:.6;transition:opacity .14s ease,color .14s ease}.app-shell .nav-link:hover .nav-icon{opacity:.9}.app-shell .nav-link.active .nav-icon{opacity:1;color:var(--sidebar-accent)}.app-shell .sidebar-footer{padding:12px 10px 14px;border-top:1px solid var(--sidebar-border);margin-top:auto}.app-shell .sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:4px;border-radius:var(--r-sm);background:#ffffff0d}.app-shell .user-avatar{width:32px;height:32px;border-radius:var(--r-sm);background:var(--sidebar-surface);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0;text-transform:uppercase}.app-shell .sidebar-user .user-info{min-width:0}.app-shell .sidebar-user .user-info h4{font-family:var(--font);font-size:.84rem;font-weight:600;color:#fff;margin:0 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;letter-spacing:0}.app-shell .sidebar-user .user-info p{font-size:.74rem;color:#ffffff8c;margin:0;line-height:1.3}.app-shell .logout-link{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:transparent;border-radius:var(--r-sm);cursor:pointer;font-family:inherit;font-size:.84rem;font-weight:500;text-align:left;color:var(--sidebar-text);transition:background .15s var(--ease),color .15s var(--ease)}.app-shell .logout-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hov)}.app-shell .logout-icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.app-shell .topbar{padding:0 28px;height:var(--topbar-h);display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);position:sticky;top:0;z-index:100;box-shadow:var(--topbar-shadow);color:var(--topbar-text)}.app-shell .topbar-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.app-shell .topbar-left>div{min-width:0}.app-shell .topbar-crumbs{display:flex;align-items:baseline;gap:10px;min-width:0}.app-shell .crumb-org{font-size:.84rem;font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell .crumb-sep{color:var(--muted-2);font-size:.84rem}.app-shell .page-title{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.2;color:var(--topbar-text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell .topbar-search{position:relative;flex:0 1 280px;min-width:0}.app-shell .topbar-search input{width:100%;padding:7px 12px 7px 34px;font-size:.84rem;min-height:36px}.app-shell .topbar-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--muted-2);pointer-events:none}.app-shell .topbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;justify-content:flex-end;flex-shrink:0}.app-shell .topbar-icon-btn{width:36px;height:36px;border-radius:var(--r-sm);background:var(--card);border:1px solid var(--line-2);display:grid;place-items:center;cursor:pointer;color:var(--muted);position:relative;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.app-shell .topbar-icon-btn:hover{background:var(--brand-50);border-color:var(--brand-300);color:var(--brand-700)}.app-shell .topbar-icon-btn svg{width:16px;height:16px}.app-shell .notif-dot{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid var(--card)}.app-shell .topbar-avatar{width:36px;height:36px;border-radius:var(--r-sm);background:var(--brand-100);color:var(--brand-800);display:grid;place-items:center;font-size:.76rem;font-weight:700;flex-shrink:0;text-transform:uppercase}.topbar-switch-btn{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}.topbar-switch-btn svg{width:14px;height:14px}.app-shell .content-wrap{padding:28px 32px 64px;flex:1;min-width:0}.app-shell .content-wrap h1{margin-bottom:18px}.app-shell .page-header{margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px}.app-shell .page-header-actions{flex-shrink:0}.app-shell .page-header h1{font-size:1.6rem;font-weight:700;color:var(--text);letter-spacing:-.02em;margin:0 0 4px}.app-shell .page-header p{color:var(--muted);font-size:.9rem;margin:0}.tenant-pill{display:inline-flex;align-items:center;gap:7px;background:var(--brand-50);border:1px solid var(--brand-200);padding:4px 11px;border-radius:6px;font-weight:600;font-size:.76rem;color:var(--brand-800);white-space:nowrap}.tenant-dot{width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0}.nav-toggle{display:none}.nav-toggle-label{display:none;width:36px;height:36px;border-radius:var(--r-sm);background:var(--card);border:1px solid var(--line-2);cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;flex-direction:column;gap:4px}.nav-toggle-label:hover{background:var(--brand-50)}.nav-toggle-label span{display:block;width:15px;height:1.5px;background:var(--text-2);border-radius:2px;transition:all .22s ease}.nav-toggle-label span:nth-child(1){transform-origin:left center}.nav-toggle-label span:nth-child(3){transform-origin:left center}.nav-toggle:checked~.app-shell .nav-toggle-label span:nth-child(1){transform:rotate(45deg) translate(2px,-1px)}.nav-toggle:checked~.app-shell .nav-toggle-label span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle:checked~.app-shell .nav-toggle-label span:nth-child(3){transform:rotate(-45deg) translate(2px,1px)}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.app-shell .sidebar{position:fixed;left:0;top:0;width:var(--sidebar-w);transform:translate(-100%);transition:transform .3s ease}.nav-toggle:checked~.app-shell .sidebar{transform:translate(0)}.nav-toggle:checked~.app-shell .sidebar-overlay{display:block;opacity:1;pointer-events:auto}.nav-toggle-label{display:flex}.app-shell .topbar{padding:0 20px}.app-shell .topbar-left{gap:10px}.app-shell .crumb-org,.app-shell .crumb-sep,.app-shell .topbar-search{display:none}.app-shell .content-wrap{padding:22px 20px 48px}}@media (max-width: 480px){.app-shell .content-wrap{padding:18px 16px 40px}.app-shell .topbar{padding:0 14px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:.9375rem;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);font-weight:700;letter-spacing:-.015em;line-height:1.2;margin:0 0 8px}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1.02rem}p{margin:0 0 12px;line-height:1.6}code{font-family:ui-monospace,Cascadia Code,Consolas,Liberation Mono,monospace;font-size:.82em;background:var(--bg-2);color:var(--text-2);padding:1px 6px;border-radius:var(--r-xs)}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:24px;box-shadow:var(--sh-sm)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.card-head h2{margin:0;font-family:var(--font);font-size:1rem;font-weight:650;letter-spacing:-.01em;color:var(--text)}.info-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;display:flex;flex-direction:column;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.info-card:hover{border-color:var(--brand-300);box-shadow:var(--sh)}.info-card h3{font-family:var(--font);font-size:.98rem;font-weight:650;margin:0 0 8px;line-height:1.35}.info-card p{font-size:.86rem;color:var(--muted);margin:0 0 16px;line-height:1.6;flex:1}.info-card .meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.narrow-card{max-width:720px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.table-wrap{overflow:auto;border-radius:var(--r-md);background:var(--card);border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:560px}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}thead th{font-size:.78rem;font-weight:600;color:var(--muted);background:var(--bg);white-space:nowrap;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line-2)}thead th:first-child{border-radius:var(--r-md) 0 0 0}thead th:last-child{border-radius:0 var(--r-md) 0 0}tbody tr{transition:background .1s ease}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--brand-50)}td{font-size:.875rem;color:var(--text-2);font-variant-numeric:tabular-nums}.cell-user{display:flex;align-items:center;gap:11px}.cell-avatar{width:32px;height:32px;border-radius:var(--r-sm);background:var(--brand-100);color:var(--brand-800);display:grid;place-items:center;font-size:.72rem;font-weight:700;flex-shrink:0;text-transform:uppercase}.cell-name{font-weight:600;font-size:.875rem;color:var(--text);line-height:1.3}.cell-sub{font-size:.78rem;color:var(--muted);margin-top:1px;line-height:1.3}.detail-list{display:grid;margin-top:18px;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.detail-list>div{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:16px;border-bottom:1px solid var(--line)}.detail-list>div:last-child{border-bottom:none}.detail-list>div:hover{background:var(--brand-50)}.detail-list>div>span{font-size:.84rem;color:var(--muted);font-weight:500;flex-shrink:0}.detail-list>div>strong{font-size:.875rem;color:var(--text);font-weight:600;text-align:right}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select,textarea){font-family:var(--font);font-size:.9rem;line-height:1.4;color:var(--text);background:var(--card);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:9px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select:not([multiple])){min-height:40px}:where(select:not([multiple])){-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6578' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}:where(textarea){resize:vertical;min-height:84px}:where(input,select,textarea)::placeholder{color:var(--placeholder)}:where(input:not([type=checkbox]):not([type=radio]),select,textarea):hover{border-color:var(--brand-300)}:where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #2b4bb52e;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500) 22%,transparent)}:where(input,select,textarea):disabled{background:var(--bg);color:var(--muted);cursor:not-allowed}:where(input[type=checkbox],input[type=radio]){accent-color:var(--brand-600);width:16px;height:16px;cursor:pointer}.form-grid{display:grid;gap:20px}.field{display:grid;gap:6px;align-content:start}.field span,.field label{font-weight:600;color:var(--text-2);font-size:.82rem}.field input,.field select,.field textarea{width:100%}.field small,form:not([class]) label small{font-weight:400;font-size:.78rem;line-height:1.4;color:var(--muted)}.field--error input,.field--error select,.field--error textarea{border-color:var(--danger)}form:not([class]){background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px;box-shadow:var(--sh-sm);align-items:flex-end}form:not([class])[style*="flex-direction: column"],form:not([class])[style*="flex-flow: column"]{align-items:stretch;gap:18px!important;padding:24px 26px}form:not([class])[style*="flex-direction: column"]>button[type=submit],form:not([class])[style*="flex-direction: column"]>button:last-child:not([type=button]),form:not([class])[style*="flex-flow: column"]>button[type=submit]{align-self:flex-start}form:not([class]) label{display:grid;gap:6px;align-content:start;font-size:.82rem;font-weight:600;color:var(--text-2);line-height:1.3}form:not([class]) label>:where(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%}form:not([class]) label:has(>input[type=checkbox]),form:not([class]) label:has(>input[type=radio]){display:flex;align-items:center;gap:8px;font-weight:500;font-size:.875rem}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;background:var(--brand-50);color:var(--brand-800);font-size:.78rem;font-weight:600;border:1px solid var(--brand-200);transition:background .15s ease,border-color .15s ease}.chip:hover{background:var(--brand-100);border-color:var(--brand-300)}.empty-state{text-align:center;padding:48px 24px;color:var(--muted);font-size:.9rem}td.empty-state{padding:44px 24px}.empty-state svg{margin:0 auto 14px!important;opacity:.3}.empty-state h3{font-family:var(--font);font-size:1.05rem;font-weight:650;color:var(--text);margin:0 0 6px;letter-spacing:-.005em}.empty-state p{margin:0 auto 4px;max-width:44ch;color:var(--muted);font-size:.875rem}.empty-state .btn{margin-top:16px}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px #c93a3a2e}.input-filled{border-color:var(--brand-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;min-height:38px;border-radius:var(--r-sm);font-family:var(--font);font-size:.875rem;font-weight:600;line-height:1.2;cursor:pointer;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease)}:where(button:not(.btn):not(.quick-action-card):not(.nav-toggle-label):not(.topbar-icon-btn):not(.btn-icon):not(.logout-link)),.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;min-height:38px;border-radius:var(--r-sm);font-family:var(--font);font-size:.875rem;font-weight:600;line-height:1.2;cursor:pointer;border:1px solid var(--line-2);background:var(--card);color:var(--text-2);transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}:where(button:not(.btn):not(.quick-action-card):not(.nav-toggle-label):not(.topbar-icon-btn):not(.btn-icon):not(.logout-link)):hover,.btn-outline:hover{background:var(--brand-50);border-color:var(--brand-300);color:var(--brand-700)}.btn-primary,button[data-variant=primary],button[type=submit]:not(.btn):not([data-variant]):not(.logout-link){background:var(--brand-600);color:var(--btn-primary-text);border-color:var(--brand-600);box-shadow:var(--sh-sm)}.btn-primary:hover,button[data-variant=primary]:hover,button[type=submit]:not(.btn):not([data-variant]):not(.logout-link):hover{background:var(--brand-800);border-color:var(--brand-800);color:var(--btn-primary-text)}.btn-danger,button[data-variant=danger]{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:var(--sh-sm)}.btn-danger:hover,button[data-variant=danger]:hover{background:#a62d2d;border-color:#a62d2d;color:#fff}.btn.btn-sm,.btn-outline.btn-sm,button[data-size=sm]{padding:6px 12px;min-height:32px;font-size:.8rem}.btn.btn-full{width:100%}button[data-size=lg]{padding:11px 20px;min-height:44px;font-size:.92rem}button[data-size=full]{width:100%}.btn-icon,button[data-variant=icon]{width:34px;height:34px;padding:0;min-height:0;display:inline-grid;place-items:center;border-radius:var(--r-sm);background:var(--card);border:1px solid var(--line-2);color:var(--muted);cursor:pointer}.btn-icon:hover,button[data-variant=icon]:hover{background:var(--brand-50);border-color:var(--brand-300);color:var(--brand-700)}button:disabled,.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:6px;font-size:.76rem;font-weight:600;line-height:1.5;white-space:nowrap;background:var(--bg-2);color:var(--text-3);border:1px solid var(--line)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-sm{font-size:.68rem;padding:1px 7px}.badge.success,.badge.verified{background:var(--success-bg);color:var(--success-text);border-color:var(--success-line)}.badge.warning,.badge.pending{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-line)}.badge.danger,.badge.suspended{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-line)}.badge.info{background:var(--info-bg);color:var(--info-text);border-color:var(--info-line)}.badge.brand{background:var(--brand-50);color:var(--brand-800);border-color:var(--brand-200)}.badge.muted{background:var(--bg-2);color:var(--muted);border-color:var(--line)}.badge.success:before,.badge.verified:before{width:4px;height:8px;border-radius:0;background:none;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px);margin:0 2px 0 1px}.badge.danger:before,.badge.suspended:before{border-radius:1px;transform:rotate(45deg);width:6px;height:6px}.messages{margin-bottom:24px;display:grid;gap:10px}.alert{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--r-sm);background:var(--card);border:1px solid var(--line);border-left:3px solid var(--muted-2);font-size:.875rem;font-weight:500;color:var(--text-2);line-height:1.55;animation:alert-in .22s var(--ease) both}.alert:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:7px;background:var(--muted-2)}.alert.alert-success{background:var(--success-bg);border-color:var(--success-line);border-left-color:var(--success);color:var(--success-text)}.alert.alert-success:before{background:var(--success)}.alert.alert-error,.alert.alert-danger{background:var(--danger-bg);border-color:var(--danger-line);border-left-color:var(--danger);color:var(--danger-text)}.alert.alert-error:before,.alert.alert-danger:before{background:var(--danger);border-radius:1px;transform:rotate(45deg)}.alert.alert-warning{background:var(--warning-bg);border-color:var(--warning-line);border-left-color:var(--warning);color:var(--warning-text)}.alert.alert-warning:before{background:var(--warning)}.alert.alert-info{background:var(--info-bg);border-color:var(--info-line);border-left-color:var(--info);color:var(--info-text)}.alert.alert-info:before{background:var(--info)}@keyframes alert-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.stat-card{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden;background:var(--g-indigo);color:#fff;border:1px solid transparent;border-radius:var(--r-lg);padding:20px 22px 18px;box-shadow:var(--sh-md)}.stat-card:after{content:"";position:absolute;top:-40px;right:-40px;width:130px;height:130px;border-radius:50%;background:#ffffff14;pointer-events:none}.stat-card--indigo{background:var(--g-indigo)}.stat-card--teal{background:var(--g-teal)}.stat-card--dark{background:var(--g-dark)}.stat-card--lavender{background:var(--g-lavender)}.stat-card--amber{background:var(--g-amber)}.stat-card--emerald{background:var(--g-emerald)}.stat-card--rose{background:var(--g-rose)}.stat-card--violet{background:var(--g-violet)}.stat-card--navy{background:var(--g-navy)}.stat-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative;z-index:1}.stat-card__label{font-size:.84rem;font-weight:600;color:#ffffffeb;line-height:1.4}.stat-card__value{display:block;margin-top:2px;font-family:var(--font-display);font-weight:700;position:relative;z-index:1;letter-spacing:-.02em;line-height:1.15;color:#fff;word-break:break-word;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.stat-card__icon{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;flex-shrink:0;color:#fff;background:#fff3;box-shadow:inset 0 1px #ffffff47}.stat-card__icon svg{width:18px;height:18px;stroke:currentColor}.stat-card__note{align-self:flex-start;margin-top:4px;padding:2px 10px;border-radius:999px;position:relative;z-index:1;font-size:.76rem;line-height:1.5;color:#fff;background:#ffffff29}.quick-actions-grid{display:flex;flex-direction:column;gap:6px;padding:4px 0 0}.quick-action-card{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--r-sm);background:var(--card);border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.quick-action-card:hover{background:var(--brand-50);border-color:var(--brand-300)}.qa-icon{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;flex-shrink:0}.qa-icon svg{width:16px;height:16px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.qa-icon--indigo,.qa-icon--navy{background:var(--brand-50)}.qa-icon--indigo svg,.qa-icon--navy svg{stroke:var(--brand-600)}.qa-icon--teal,.qa-icon--emerald{background:var(--success-bg)}.qa-icon--teal svg,.qa-icon--emerald svg{stroke:var(--success)}.qa-icon--amber{background:var(--warning-bg)}.qa-icon--amber svg{stroke:var(--warning)}.qa-icon--violet{background:var(--brand-100)}.qa-icon--violet svg{stroke:var(--brand-700)}.qa-icon--rose{background:var(--danger-bg)}.qa-icon--rose svg{stroke:var(--danger)}.qa-icon--slate{background:var(--bg-2)}.qa-icon--slate svg{stroke:var(--text-3)}.qa-label{flex:1;min-width:0}.qa-arrow{width:14px;height:14px;flex-shrink:0;stroke:var(--muted-2);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s,transform .15s}.quick-action-card:hover .qa-arrow{stroke:var(--brand-600);transform:translate(2px)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 16px;color:var(--muted);text-align:center}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line-2);border-top-color:var(--brand-600);animation:spin .8s linear infinite}.loading-state--sm .spinner{width:18px;height:18px;border-width:2px}.loading-state p{margin:0;font-size:.875rem}.loading-state p+p{font-size:.78rem;color:var(--muted-2)}.auth-page{background:var(--sidebar-bg);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.auth-shell{display:grid;grid-template-columns:1fr 1fr;max-width:960px;width:100%;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 40px 100px #00000073;position:relative;z-index:1}.auth-panel{border:none;border-radius:0}.auth-branding{background-color:#14224d;padding:56px 48px 56px 76px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;color:#fff}.auth-branding:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(255,255,255,.08) 31px,rgba(255,255,255,.08) 32px)}.auth-branding:before{content:"";position:absolute;top:0;bottom:0;left:52px;width:2px;background:#ff78788c;pointer-events:none;z-index:1}.auth-branding>*{position:relative;z-index:2}.auth-branding h1{font-size:2rem;font-weight:700;color:#fff;line-height:1.15;letter-spacing:-.025em;margin:22px 0 14px;position:relative;z-index:1}.auth-branding p{color:#ffffffb3;font-size:.9rem;line-height:1.7;margin:0 0 32px;position:relative;z-index:1}.feature-list{display:grid;gap:12px;position:relative;z-index:1}.feature-list>div{display:flex;align-items:center;gap:12px;font-size:.86rem;color:#ffffffd9;font-weight:500}.feature-list>div:before{content:"";width:20px;height:20px;border-radius:6px;background-color:#f5c5182e;border:1px solid rgba(245,197,24,.5);flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23f5c518' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.auth-form-panel{background:var(--card);padding:56px 48px;display:flex;flex-direction:column;justify-content:flex-start}.auth-form-panel h2{margin:0 0 4px;font-size:1.7rem;font-weight:700;color:var(--text);letter-spacing:-.025em}.auth-form-panel>.muted{margin-bottom:30px;font-size:.9rem;display:block;color:var(--muted)}.brand-mark.large{width:60px;height:60px;border-radius:var(--r-md);font-size:.9rem;margin-bottom:4px}.brand-mark{width:36px;height:36px;border-radius:var(--r-sm);background:var(--sidebar-accent);color:var(--sidebar-bg);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:.7rem;letter-spacing:.02em;flex-shrink:0}@media (max-width: 720px){.auth-shell{grid-template-columns:1fr}.auth-branding{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width: 520px){.stats-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation-duration:1.2s!important;animation-iteration-count:infinite!important}}.pf-page{display:flex;flex-direction:column;gap:20px;max-width:1100px}.pf-hero{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden}.pf-banner{height:120px;background:var(--g-indigo);position:relative}.pf-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.22),transparent 45%),radial-gradient(circle at 10% 110%,rgba(255,255,255,.14),transparent 40%)}.pf-hero-body{display:flex;align-items:flex-end;flex-wrap:wrap;gap:18px 22px;padding:0 28px 24px;margin-top:-52px;position:relative}.pf-avatar{width:112px;height:112px;border-radius:50%;border:4px solid var(--card);box-shadow:var(--sh-md);background:var(--card);object-fit:cover;display:block;flex:none;overflow:hidden}.pf-initials{display:flex;align-items:center;justify-content:center;background:var(--g-navy);color:#fff;font-size:2.1rem;font-weight:700;letter-spacing:.02em}.pf-identity{flex:1 1 260px;min-width:0;padding-top:58px}.pf-identity h1{margin:0 0 8px;font-size:1.6rem;line-height:1.2}.pf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.pf-chip{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--brand-soft);color:var(--brand-700);text-transform:capitalize}.pf-chip-ok{background:#16a34a1f;color:#15803d}.pf-chip-off{background:#dc26261a;color:#b91c1c}.pf-contact{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:.92rem}.pf-contact span{overflow-wrap:anywhere}.pf-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:58px}.pf-note{margin:0 28px 20px}.pf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.pf-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:22px 24px}.pf-card h2{margin:0 0 14px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pf-fields{display:flex;flex-direction:column}.pf-field{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.pf-field:last-child{border-bottom:0;padding-bottom:0}.pf-label{color:var(--muted);font-size:.88rem;flex:none}.pf-value{font-weight:600;text-align:right;overflow-wrap:anywhere}.pf-empty{font-weight:400;color:var(--muted-2, var(--muted));font-style:italic}@media (max-width: 640px){.pf-hero-body{padding:0 18px 20px;justify-content:center;text-align:center}.pf-identity{padding-top:0;flex-basis:100%}.pf-chips,.pf-contact{justify-content:center}.pf-actions{padding-top:0;justify-content:center;flex-basis:100%}.pf-note{margin:0 18px 18px}.pf-field{flex-direction:column;gap:2px;align-items:flex-start}.pf-value{text-align:left}}.lp-body{background:var(--bg, #fcf8fa);color:var(--text, #060c1f);font-family:var(--font, "Inter", system-ui, sans-serif)}.lp-container{max-width:1180px;margin:0 auto;padding:0 24px}.lp-nav{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line, #e3e8f2)}.lp-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1180px;margin:0 auto}.lp-nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.lp-nav-logo{width:40px;height:40px;border-radius:var(--r-sm, 9px);background:var(--g-indigo);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.9rem;overflow:hidden;flex-shrink:0}.lp-nav-title{font-family:Poppins,sans-serif;font-weight:700;font-size:1.05rem;color:var(--text)}.lp-nav-links{display:flex;gap:28px;align-items:center}.lp-nav-links a{font-size:.875rem;font-weight:600;color:var(--muted);text-decoration:none;transition:color .15s ease;cursor:pointer}.lp-nav-links a:hover{color:var(--brand-600, #4c4fd8)}.lp-nav-cta{padding:9px 18px;border-radius:var(--r-sm, 9px);background:var(--g-indigo);color:#fff!important;font-weight:700;font-size:.82rem}.lp-hero{position:relative;min-height:460px;display:flex;align-items:center;background:var(--g-dark);overflow:hidden}.lp-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#060c1fd9,#1e2035a6)}.lp-hero-content{position:relative;z-index:1;max-width:720px;padding:80px 24px;margin:0 auto;text-align:center;color:#fff}.lp-hero-headline{font-family:Poppins,sans-serif;font-size:2.6rem;font-weight:800;line-height:1.15;margin-bottom:16px}.lp-hero-subtext{font-size:1.05rem;color:#ffffffd1;margin-bottom:28px;line-height:1.6}.lp-hero-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:var(--r-sm, 9px);background:#fff;color:var(--brand-700, #3b3dbb);font-weight:700;font-size:.92rem;text-decoration:none;box-shadow:var(--sh-md);transition:transform .15s ease}.lp-hero-cta:hover{transform:translateY(-2px)}.lp-hero-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:2}.lp-hero-dot{width:8px;height:8px;border-radius:50%;background:#ffffff59;cursor:pointer;transition:background .2s}.lp-hero-dot.lp-active{background:#fff}.lp-section{padding:72px 0}.lp-section--alt{background:var(--bg-2, #f0eef4)}.lp-section-head{text-align:center;max-width:640px;margin:0 auto 48px}.lp-eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-600, #4c4fd8);margin-bottom:10px}.lp-section-title{font-family:Poppins,sans-serif;font-size:2rem;font-weight:800;color:var(--text);margin-bottom:12px}.lp-section-desc{color:var(--muted);font-size:.98rem;line-height:1.7}.lp-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.lp-about-img-placeholder{width:100%;aspect-ratio:4/3;border-radius:var(--r-lg, 22px);box-shadow:var(--sh-lg);background:var(--g-lavender)}.lp-about-text h3{font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:800;margin-bottom:14px}.lp-about-text p{color:var(--muted);line-height:1.75;font-size:.95rem}.lp-facility-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.lp-facility-chip{padding:7px 16px;border-radius:100px;background:var(--brand-50, #eef0ff);color:var(--brand-700, #3b3dbb);font-size:.8rem;font-weight:600}.lp-principal-card{display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:center;background:var(--card, #fff);border-radius:var(--r-lg, 22px);box-shadow:var(--sh-md);padding:40px;max-width:880px;margin:0 auto}.lp-principal-photo-placeholder{width:180px;height:180px;border-radius:50%;margin:0 auto;box-shadow:var(--sh);background:var(--g-indigo);display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.6rem}.lp-principal-quote{font-size:.98rem;line-height:1.8;color:var(--text-2);font-style:italic;margin-bottom:16px}.lp-principal-name{font-family:Poppins,sans-serif;font-weight:800;font-size:1.05rem}.lp-principal-role{color:var(--muted);font-size:.85rem;margin-top:2px}.lp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.lp-card{background:var(--card, #fff);border:1px solid var(--line, #e3e8f2);border-radius:var(--r, 13px);padding:26px;transition:transform .18s ease,box-shadow .18s ease}.lp-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:transparent}.lp-card-icon{width:48px;height:48px;border-radius:var(--r-sm, 9px);background:var(--g-indigo);color:#fff;display:grid;place-items:center;margin-bottom:16px}.lp-card-icon svg{width:22px;height:22px}.lp-card-title{font-weight:700;font-size:1rem;margin-bottom:6px;color:var(--text)}.lp-card-desc{color:var(--muted);font-size:.85rem;line-height:1.6}.lp-faculty-card{text-align:center;padding:28px 20px}.lp-faculty-avatar{width:84px;height:84px;border-radius:50%;margin:0 auto 14px;box-shadow:var(--sh-sm);background:var(--g-lavender);display:grid;place-items:center;color:#fff;font-weight:800}.lp-faculty-name{font-weight:700;font-size:.92rem}.lp-faculty-dept{color:var(--muted);font-size:.8rem;margin-top:3px}.lp-list-card{display:flex;gap:18px;align-items:flex-start;background:var(--card, #fff);border:1px solid var(--line);border-radius:var(--r, 13px);padding:20px;margin-bottom:14px}.lp-list-date{flex-shrink:0;width:64px;text-align:center;background:var(--brand-50, #eef0ff);color:var(--brand-700, #3b3dbb);border-radius:var(--r-sm, 9px);padding:10px 6px;font-weight:800;font-size:.82rem;line-height:1.3}.lp-list-date small{display:block;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.75}.lp-list-title{font-weight:700;font-size:.95rem;margin-bottom:4px}.lp-list-desc{color:var(--muted);font-size:.85rem;line-height:1.55}.lp-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lp-gallery-item{border-radius:var(--r-sm, 9px);overflow:hidden;aspect-ratio:1;box-shadow:var(--sh-xs);background:var(--g-teal);display:flex;align-items:flex-end;padding:10px;color:#fff;font-size:.72rem;font-weight:600}.lp-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.lp-contact-item{display:flex;gap:14px;margin-bottom:20px;align-items:flex-start}.lp-contact-icon{width:40px;height:40px;border-radius:var(--r-sm, 9px);flex-shrink:0;background:var(--brand-50, #eef0ff);color:var(--brand-700, #3b3dbb);display:grid;place-items:center}.lp-contact-icon svg{width:18px;height:18px}.lp-map-embed{width:100%;height:320px;border:0;border-radius:var(--r, 13px);box-shadow:var(--sh-sm)}.lp-footer{background:var(--g-dark);color:#ffffffb3;padding:56px 0 28px}.lp-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:36px}.lp-footer h4{color:#fff;font-size:.85rem;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.06em}.lp-footer p,.lp-footer a{color:#fff9;font-size:.85rem;line-height:1.8;text-decoration:none}.lp-footer a:hover{color:#fff}.lp-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;text-align:center;font-size:.78rem;color:#ffffff73}.lp-coming-soon{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.lp-coming-soon h1{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:800;margin-bottom:10px}.lp-coming-soon p{color:var(--muted)}@media (max-width: 900px){.lp-about-grid,.lp-contact-grid,.lp-footer-grid{grid-template-columns:1fr;gap:28px}.lp-principal-card{grid-template-columns:1fr;text-align:center;padding:28px}.lp-gallery-grid{grid-template-columns:repeat(2,1fr)}.lp-hero-headline{font-size:1.9rem}.lp-nav-links{display:none}}:root{--brand-50: #eef1f9;--brand-100: #dde2f3;--brand-200: #bbc5e7;--brand-300: #95a5da;--brand-400: #6c8ae6;--brand-500: #2b4bb5;--brand-600: #1f3a93;--brand-700: #21398a;--brand-800: #1c3074;--brand-900: #16265a;--brand: var(--brand-600);--brand-soft: var(--brand-100);--sidebar-bg: #0e1a3d;--sidebar-surface: #212c4d;--sidebar-border: rgba(255,255,255,.08);--sidebar-text: rgba(255,255,255,.66);--sidebar-text-hov: #ffffff;--sidebar-active-bg: #fcf0c533;--sidebar-active-bd: #fbe8a355;--sidebar-section: rgba(255,255,255,.42);--sidebar-accent: #f5c518;--sidebar-accent-2: #f7d146;--sidebar-hover-bg: rgba(255,255,255,.07);--topbar-bg: #ffffff;--topbar-border: #e1e5ef;--topbar-text: #1b2233;--topbar-shadow: none;--bg: #f5f6fa;--bg-2: #eceff6;--card: #ffffff;--card-raised: #ffffff;--line: #e1e5ef;--line-2: #c9d0e0;--text: #1b2233;--text-2: #2c3550;--text-3: #444f6b;--muted: #5b6578;--muted-2: #8791a5;--placeholder: #8a93a6;--success: #187a4b;--success-bg: #e8f5ee;--success-line: #a6d4bb;--success-text: #16603d;--warning: #9f640d;--warning-bg: #fbf1dc;--warning-line: #e6cb8d;--warning-text: #6f4a0a;--danger: #c93a3a;--danger-bg: #fbecec;--danger-line: #e8b0b0;--danger-text: #8e2424;--info: #2c6fb7;--info-bg: #e8f1fa;--info-line: #b3cde8;--info-text: #1d4b7e;--r-xs: 4px;--r-sm: 8px;--r: 10px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 28px;--sh-xs: 0 1px 0 rgba(14,26,61,.04);--sh-sm: 0 1px 2px rgba(14,26,61,.06);--sh: 0 2px 6px rgba(14,26,61,.07);--sh-md: 0 6px 18px rgba(14,26,61,.09);--sh-lg: 0 12px 32px rgba(14,26,61,.12);--sh-xl: 0 24px 60px rgba(14,26,61,.2);--g-indigo: linear-gradient(135deg, var(--brand-500) 0%, var(--brand-800) 100%);--g-teal: linear-gradient(135deg, #0f7f72 0%, #0b5c54 100%);--g-dark: linear-gradient(135deg, #2c3550 0%, #0e1a3d 100%);--g-lavender: linear-gradient(135deg, #5b6fd0 0%, #3d4fae 100%);--g-amber: linear-gradient(135deg, #a96108 0%, #8a5208 100%);--g-emerald: linear-gradient(135deg, #187a4b 0%, #125f3a 100%);--g-rose: linear-gradient(135deg, #c93a3a 0%, #962626 100%);--g-violet: linear-gradient(135deg, #7059d6 0%, #4b3aa8 100%);--g-navy: linear-gradient(135deg, var(--brand-600) 0%, var(--brand-900) 100%);--sidebar-w: 262px;--topbar-h: 60px;--font: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Bricolage Grotesque", "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--link-color: #1f3a93;--btn-primary-text: #ffffff;--font-size-base: 16px;--letter-spacing-base: 0em}