:root{--accent: #2563eb;--accent-hover: #1d4ed8;--accent-active: #1e40af;--accent-soft: #eef4ff;--accent-soft-ink: #1e40af;--accent-ring: rgba(37, 99, 235, .35);--on-accent: #ffffff;--bg: #f4f6f9;--surface: #ffffff;--surface-2: #fafbfc;--border: #e6e9ee;--border-strong: #d5dae1;--ink: #0f172a;--ink-secondary: #45505f;--ink-muted: #5f6b7a;--ink-faint: #8a94a2;--side-bg: #0f172a;--side-surface: #1a2436;--side-ink: #e6ebf2;--side-ink-muted: #97a2b4;--side-active-bg: rgba(37, 99, 235, .2);--side-active-ink: #ffffff;--side-active-bar: #4b83ff;--side-border: rgba(255, 255, 255, .08);--success: #16a34a;--success-soft: #e6f5ec;--success-ink: #15803d;--danger: #dc2626;--danger-hover: #be2020;--danger-active: #a51b1b;--danger-soft: #fdecec;--danger-ink: #b42121;--danger-ring: rgba(220, 38, 38, .3);--warning-soft: #fdf1e0;--warning-ink: #a45c09;--r-sm: 6px;--r-md: 9px;--r-lg: 12px;--r-xl: 16px;--r-full: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 2px 6px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .16), 0 4px 12px rgba(15, 23, 42, .08);--shadow-focus: 0 0 0 3px var(--accent-ring);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 28px;--s8: 32px;--s10: 40px;--s12: 48px;--s16: 64px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;--sidebar-w: 248px;--z-dropdown: 100;--z-sticky: 200;--z-backdrop: 300;--z-modal: 400;--z-toast: 500;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur: .18s}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink-secondary);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{color:var(--ink);line-height:1.25;font-weight:650;letter-spacing:-.01em;text-wrap:balance}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::placeholder{color:var(--ink-muted);opacity:1}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;background:var(--side-bg);color:var(--side-ink);display:flex;flex-direction:column;padding:var(--s5) var(--s4);gap:var(--s2)}.sidebar__brand{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3) var(--s5);color:var(--side-ink)}.sidebar__brand:hover{text-decoration:none}.sidebar__logo{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-md);background:linear-gradient(160deg,#3b82f6,#1e4fd6);color:#fff;flex:none;box-shadow:inset 0 1px #ffffff40,var(--shadow-sm)}.sidebar__brand-name{display:block;font-weight:680;font-size:15px;letter-spacing:-.01em;line-height:1.15}.sidebar__brand-sub{display:block;font-size:11.5px;color:var(--side-ink-muted);font-weight:500;margin-top:1px}.sidebar__section{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--side-ink-muted);padding:var(--s2) var(--s3)}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border-radius:var(--r-md);color:var(--side-ink-muted);font-weight:550;font-size:14px;position:relative;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.nav-item:hover{background:var(--side-surface);color:var(--side-ink);text-decoration:none}.nav-item svg{flex:none}.nav-item--active{background:var(--side-active-bg);color:var(--side-active-ink)}.nav-item--active:before{content:"";position:absolute;left:calc(-1 * var(--s4));top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:var(--r-full);background:var(--side-active-bar)}.sidebar__footer{margin-top:auto;padding-top:var(--s4);border-top:1px solid var(--side-border)}.sidebar__user{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3) var(--s3)}.sidebar__avatar{width:32px;height:32px;border-radius:var(--r-full);background:var(--side-surface);color:var(--side-ink);display:grid;place-items:center;font-weight:600;font-size:13px;flex:none}.sidebar__user-name{font-size:13px;font-weight:550;color:var(--side-ink)}.sidebar__user-role{font-size:11.5px;color:var(--side-ink-muted)}.btn-logout{display:flex;align-items:center;gap:var(--s3);width:100%;padding:var(--s3);border-radius:var(--r-md);background:transparent;border:1px solid var(--side-border);color:var(--side-ink-muted);font-size:13.5px;font-weight:550;cursor:pointer;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.btn-logout:hover{background:var(--side-surface);color:var(--side-ink);border-color:transparent}.main{min-width:0;display:flex;flex-direction:column}.main__inner{width:100%;max-width:1120px;margin:0 auto;padding:var(--s8) var(--s8) var(--s16)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s6)}.page-header__title{font-size:24px;font-weight:680}.page-header__subtitle{color:var(--ink-muted);margin-top:2px;font-size:14px}.page-header__actions{display:flex;gap:var(--s3)}.breadcrumb{display:inline-flex;align-items:center;gap:var(--s2);color:var(--ink-muted);font-weight:550;font-size:13px;margin-bottom:var(--s4)}.breadcrumb:hover{color:var(--ink-secondary);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:38px;padding:0 var(--s4);border-radius:var(--r-md);border:1px solid transparent;font-size:14px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn svg{flex:none}.btn--primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-xs)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--primary:active:not(:disabled){background:var(--accent-active)}.btn--secondary{background:var(--surface);color:var(--ink-secondary);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink-faint);color:var(--ink)}.btn--danger{background:var(--danger);color:#fff;box-shadow:var(--shadow-xs)}.btn--danger:hover:not(:disabled){background:var(--danger-hover)}.btn--danger:active:not(:disabled){background:var(--danger-active)}.btn--ghost{background:transparent;color:var(--ink-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn--danger-ghost{background:transparent;color:var(--danger-ink);border-color:var(--border)}.btn--danger-ghost:hover:not(:disabled){background:var(--danger-soft);border-color:transparent}.btn--sm{height:32px;padding:0 var(--s3);font-size:13px}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--s4)}.field__label{font-size:13px;font-weight:600;color:var(--ink)}.field__hint{font-size:12.5px;color:var(--ink-muted)}.field--inline{margin-bottom:0}.input,.select,.textarea{width:100%;height:38px;padding:0 var(--s3);font-size:14px;font-family:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),background var(--dur) var(--ease-out);-webkit-appearance:none;-moz-appearance:none;appearance:none}.textarea{height:auto;min-height:76px;padding:var(--s3);resize:vertical;line-height:1.5}.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.input:disabled,.select:disabled{background:var(--surface-2);color:var(--ink-muted);cursor:not-allowed}.select{padding-right:var(--s8);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='%235f6b7a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s3) center;cursor:pointer}.search{position:relative}.search svg{position:absolute;left:var(--s3);top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.search .input{height:40px;padding-left:38px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.panel+.panel{margin-top:var(--s6)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;padding:var(--s5) var(--s6);border-bottom:1px solid var(--border)}.panel__title{font-size:16px;font-weight:640;display:flex;align-items:center;gap:var(--s2)}.panel__title .count{font-size:12px;font-weight:600;color:var(--ink-muted);background:var(--surface-2);border:1px solid var(--border);padding:1px 8px;border-radius:var(--r-full)}.panel__desc{font-size:13px;color:var(--ink-muted);margin-top:2px}.panel__body{padding:var(--s6)}.panel__body--flush{padding:0}.toolbar{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s6);border-bottom:1px solid var(--border)}.toolbar .search{flex:1}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--s6)}.stat{padding:var(--s5) var(--s6);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:var(--s1)}.stat:first-child{border-left:none}.stat__label{font-size:12px;font-weight:600;color:var(--ink-muted);display:flex;align-items:center;gap:6px}.stat__value{font-size:26px;font-weight:700;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat__value--accent{color:var(--accent)}.stat__value--success{color:var(--success-ink)}.stat__value--danger{color:var(--danger-ink)}.dot{width:8px;height:8px;border-radius:var(--r-full);display:inline-block;flex:none}.dot--success{background:var(--success)}.dot--danger{background:var(--danger)}.dot--muted{background:var(--ink-faint)}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead th{text-align:left;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);padding:var(--s3) var(--s5);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}.table tbody td{padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);color:var(--ink-secondary);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--dur) var(--ease-out)}.table tbody tr:hover{background:var(--surface-2)}.table .cell-strong{color:var(--ink);font-weight:600}.table .cell-actions{text-align:right;white-space:nowrap}.table .cell-num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;color:var(--ink);font-weight:550}.row-link{color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:5px}.row-link:hover{text-decoration:none;color:var(--accent-hover)}.def-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s5) var(--s8)}.def{display:flex;flex-direction:column;gap:3px}.def__label{font-size:12px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.def__value{font-size:14.5px;color:var(--ink);font-weight:500}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-full);font-size:12.5px;font-weight:600;line-height:1.4;white-space:nowrap}.badge .dot{width:6px;height:6px}.badge--success{background:var(--success-soft);color:var(--success-ink)}.badge--danger{background:var(--danger-soft);color:var(--danger-ink)}.badge--neutral{background:var(--surface-2);color:var(--ink-muted);border:1px solid var(--border)}.badge--role{background:var(--accent-soft);color:var(--accent-soft-ink);text-transform:capitalize}.badge--role-staff{background:var(--surface-2);color:var(--ink-secondary);border:1px solid var(--border);text-transform:capitalize}.badge__sub{color:inherit;opacity:.75;font-weight:500}.badge--create{background:var(--success-soft);color:var(--success-ink)}.badge--update{background:var(--accent-soft);color:var(--accent-soft-ink)}.badge--delete{background:var(--danger-soft);color:var(--danger-ink)}.badge--sm{padding:2px 8px;font-size:11.5px}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;gap:var(--s3);padding:var(--s4) var(--s6);border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-avatar{width:36px;height:36px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);color:var(--ink-secondary);font-weight:600;font-size:13px;display:grid;place-items:center;flex:none}.activity-body{flex:1;min-width:0}.activity-head{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.activity-name{font-weight:600;color:var(--ink);font-size:14px}.activity-entity{color:var(--ink-muted);font-size:13px}.activity-time{margin-left:auto;color:var(--ink-muted);font-size:12.5px;white-space:nowrap;padding-left:var(--s2)}.activity-desc{color:var(--ink-secondary);font-size:13.5px;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-account{display:inline-block;margin-top:5px;font-size:12.5px;font-weight:550}.filter-bar{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s6);border-bottom:1px solid var(--border);flex-wrap:wrap}.filter-bar label{font-size:13px;font-weight:600;color:var(--ink-muted)}.filter-bar .select{height:36px;width:auto;min-width:180px}.load-more{display:flex;justify-content:center;padding:var(--s4)}.alert{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);font-size:13.5px;font-weight:500;margin-bottom:var(--s4)}.alert svg{flex:none;margin-top:1px}.alert--error{background:var(--danger-soft);color:var(--danger-ink)}.alert--info{background:var(--accent-soft);color:var(--accent-soft-ink)}.note{display:flex;align-items:flex-start;gap:var(--s2);font-size:13px;color:var(--ink-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3) var(--s4);margin-bottom:var(--s4)}.note svg{flex:none;margin-top:1px;color:var(--ink-faint)}.note b{color:var(--ink-secondary);font-weight:650}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s3);padding:var(--s12) var(--s6);color:var(--ink-muted)}.empty__icon{width:48px;height:48px;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--ink-faint)}.empty__title{font-size:15px;font-weight:600;color:var(--ink)}.empty__text{font-size:13.5px;max-width:42ch}@keyframes shimmer{to{background-position:-200% 0}}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--border) 25%,#eef1f5 37%,var(--border) 63%);background-size:200% 100%;animation:shimmer 1.3s linear infinite}.skel-row{height:16px}.skel-table td{padding:var(--s4) var(--s5);border-bottom:1px solid var(--border)}.login{min-height:100vh;display:grid;place-items:center;padding:var(--s6);background:radial-gradient(1200px 600px at 50% -10%,#e8eefc,#e8eefc00 60%),var(--bg)}.login__card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:var(--s8)}.login__brand{display:flex;flex-direction:column;align-items:center;gap:var(--s3);margin-bottom:var(--s6)}.login__logo{width:52px;height:52px;border-radius:var(--r-lg);display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#3b82f6,#1e4fd6);box-shadow:inset 0 1px #ffffff4d,var(--shadow-md)}.login__title{font-size:19px;font-weight:680}.login__subtitle{font-size:13.5px;color:var(--ink-muted)}.login__footer{text-align:center;margin-top:var(--s6);font-size:12.5px;color:var(--ink-faint)}.stack-6>*+*{margin-top:var(--s6)}.form-row{display:flex;gap:var(--s3);align-items:flex-end;flex-wrap:wrap}.form-row .field{flex:1 1 160px}.spin{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--s3);padding:var(--s3) var(--s4)}.sidebar__brand{padding:var(--s2) var(--s2) var(--s2) 0}.sidebar__brand-sub,.sidebar__section{display:none}.sidebar__nav{flex-direction:row;flex:1}.nav-item--active:before{display:none}.sidebar__footer{margin:0 0 0 auto;padding:0;border:none}.sidebar__user{display:none}.btn-logout{width:auto}.main__inner{padding:var(--s5) var(--s4) var(--s12)}.page-header__title{font-size:21px}}@media(max-width:520px){.sidebar__brand-name{display:none}.page-header{align-items:flex-start}.page-header__actions{width:100%}.page-header__actions .btn{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}