:root{--bg: #f5f6fb;--bg-tint: radial-gradient(1200px 600px at 100% -10%, #eef1ff 0%, transparent 60%), radial-gradient(900px 500px at -10% 110%, #f3ecff 0%, transparent 55%);--surface: #ffffff;--surface-2: #f8f9fd;--surface-3: #eef1f8;--border: #e7e9f2;--border-strong: #d4d8e6;--text: #10131c;--text-muted: #5c6478;--text-subtle: #949bad;--muted: var(--text-muted);--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #ecebfe;--primary-ring: rgba(79, 70, 229, .28);--accent: #7c3aed;--accent-soft: #f2ebff;--brand-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 55%, #9333ea 100%);--success-fg: #0e7a4e;--success-bg: #e4f7ee;--warning-fg: #9a6a00;--warning-bg: #fdf3e0;--danger: #e04141;--danger-hover: #c22f2f;--danger-fg: #b42318;--error-fg: #b42318;--error-bg: #fee4e2;--info-fg: #1d4ed8;--info-bg: #e8efff;--sidebar-bg: #0d1020;--sidebar-fg: #cdd3e6;--sidebar-muted: #757e9c;--sidebar-hover: #191d33;--sidebar-active-bg: linear-gradient(135deg, rgba(79,70,229,.9), rgba(124,58,237,.9));--sidebar-active-fg: #ffffff;--sidebar-border: #1b1f36;--font-sans: "Inter", "SF Pro Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.4rem;--fs-2xl: 1.85rem;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.22;--lh-base: 1.55;--tracking-tight: -.012em;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(16, 19, 28, .06);--shadow: 0 1px 3px rgba(16, 19, 28, .05), 0 10px 26px -10px rgba(16, 19, 28, .16);--shadow-lg: 0 24px 60px -18px rgba(16, 19, 28, .28);--shadow-primary: 0 8px 20px -6px rgba(79, 70, 229, .5);--ring: 0 0 0 3px var(--primary-ring);--sidebar-w: 252px;--sidebar-w-collapsed: 72px;--topbar-h: 62px;--content-max: 1220px;--transition: .17s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark]{--bg: #0a0c15;--bg-tint: radial-gradient(1200px 600px at 100% -10%, rgba(79,70,229,.14) 0%, transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(124,58,237,.12) 0%, transparent 55%);--surface: #12151f;--surface-2: #171b28;--surface-3: #1e2333;--border: #262c3d;--border-strong: #343c52;--text: #eaedf5;--text-muted: #98a1b7;--text-subtle: #656d82;--primary: #7c7bf5;--primary-hover: #9291f8;--primary-soft: #1a1c37;--accent: #a78bfa;--accent-soft: #211a3a;--success-bg: #10281d;--warning-bg: #29210f;--error-bg: #2c1517;--info-bg: #111f3a;--sidebar-bg: #080a12;--sidebar-border: #191d2e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 12px 30px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -18px rgba(0, 0, 0, .7);--shadow-primary: 0 8px 22px -6px rgba(124, 123, 245, .45)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);background:var(--bg);color:var(--text);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--primary-soft);color:var(--primary)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-subtle);background-clip:content-box}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:var(--sp-2) var(--sp-4);background:var(--primary);color:#fff;border-radius:0 0 var(--radius) 0}.skip-link:focus{left:0}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;transition:grid-template-columns var(--transition)}.shell.is-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-fg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-x:hidden}.sidebar-head{display:flex;align-items:center;gap:var(--sp-3);height:var(--topbar-h);padding:0 var(--sp-4);flex-shrink:0}.sidebar-brand{font-weight:var(--fw-bold);font-size:var(--fs-lg);color:#fff;white-space:nowrap;overflow:hidden;letter-spacing:var(--tracking-tight)}.sidebar-brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--brand-gradient);color:#fff;font-weight:var(--fw-bold);box-shadow:var(--shadow-primary)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--sp-3) var(--sp-2);display:flex;flex-direction:column;gap:2px}.sidebar-group-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-muted);padding:var(--sp-4) var(--sp-3) var(--sp-1);white-space:nowrap}.side-link{display:flex;align-items:center;gap:var(--sp-3);padding:.6rem var(--sp-3);border-radius:10px;color:var(--sidebar-fg);font-weight:var(--fw-medium);font-size:var(--fs-base);white-space:nowrap;transition:background var(--transition),color var(--transition)}.side-link:hover{background:var(--sidebar-hover);text-decoration:none;color:#fff}.side-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-fg);box-shadow:var(--shadow-primary)}.side-link .icon{flex-shrink:0}.side-link-label{overflow:hidden;text-overflow:ellipsis}.side-link-badge{margin-left:auto;font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:#ffffff29;color:#fff;padding:1px 8px;border-radius:var(--radius-full)}.shell.is-collapsed .sidebar-brand,.shell.is-collapsed .side-link-label,.shell.is-collapsed .side-link-badge,.shell.is-collapsed .sidebar-group-label{display:none}.shell.is-collapsed .side-link,.shell.is-collapsed .sidebar-head{justify-content:center;padding-inline:0}.shell-main{display:flex;flex-direction:column;min-width:0;background:var(--bg);background-image:var(--bg-tint);background-attachment:fixed}.topbar{display:flex;align-items:center;gap:var(--sp-4);height:var(--topbar-h);padding:0 var(--sp-5);background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.topbar-title{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.topbar-spacer{flex:1}.topbar-right{display:flex;align-items:center;gap:var(--sp-2)}.user-chip{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--fs-sm);padding-right:var(--sp-1)}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--brand-gradient);color:#fff;font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1);padding:var(--sp-4) var(--sp-5) 0;font-size:var(--fs-sm);color:var(--text-muted)}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs .sep{color:var(--text-subtle)}.breadcrumbs .current{color:var(--text);font-weight:var(--fw-medium)}.shell-content,.content{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--sp-5)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0608108c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;border:0;cursor:pointer}@media (max-width: 1023px){.shell,.shell.is-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;z-index:30;width:var(--sidebar-w);transform:translate(-100%);transition:transform var(--transition);box-shadow:var(--shadow-lg)}.shell.drawer-open .sidebar{transform:translate(0)}.shell.is-collapsed .sidebar-brand,.shell.is-collapsed .side-link-label,.shell.is-collapsed .side-link-badge,.shell.is-collapsed .sidebar-group-label{display:revert}.shell.is-collapsed .side-link{justify-content:flex-start;padding-inline:var(--sp-3)}}@media (max-width: 560px){.shell-content,.content{padding:var(--sp-4)}}.page-center{min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--surface)}.auth-brand{position:relative;overflow:hidden;background:var(--brand-gradient);color:#fff;padding:var(--sp-7) var(--sp-6);display:flex;flex-direction:column;justify-content:space-between}.auth-brand:before,.auth-brand:after{content:"";position:absolute;border-radius:50%;filter:blur(10px);opacity:.35}.auth-brand:before{width:420px;height:420px;background:#a78bfa;top:-140px;right:-120px}.auth-brand:after{width:320px;height:320px;background:#6366f1;bottom:-120px;left:-80px}.auth-brand>*{position:relative;z-index:1}.auth-brand-logo{display:flex;align-items:center;gap:var(--sp-3);font-weight:var(--fw-bold);font-size:var(--fs-lg)}.auth-brand-logo .mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25)}.auth-brand-hero h2{font-size:2.2rem;margin:0 0 var(--sp-3);line-height:1.12}.auth-brand-hero p{font-size:var(--fs-md);opacity:.85;margin:0;max-width:40ch}.auth-brand-points{list-style:none;margin:var(--sp-5) 0 0;padding:0;display:grid;gap:var(--sp-3)}.auth-brand-points li{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-base);opacity:.92}.auth-brand-points .tick{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#fff3;flex-shrink:0}.auth-brand-foot{font-size:var(--fs-sm);opacity:.7}.auth-panel{display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:var(--surface)}.auth-form{width:100%;max-width:400px}.auth-form.wide{max-width:520px}.auth-form h1{font-size:var(--fs-2xl);margin:0 0 var(--sp-2)}.auth-form .lead{color:var(--text-muted);margin:0 0 var(--sp-5)}.auth-mark-mobile{display:none}.auth-foot{margin-top:var(--sp-5);text-align:center;color:var(--text-muted);font-size:var(--fs-base)}@media (max-width: 900px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{min-height:100vh}.auth-mark-mobile{display:flex;align-items:center;gap:var(--sp-3);justify-content:center;margin-bottom:var(--sp-5);font-weight:var(--fw-bold);font-size:var(--fs-lg)}.auth-mark-mobile .mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-primary)}}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background-image:var(--bg-tint)}.auth-card{width:100%;max-width:420px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5);margin-bottom:var(--sp-4)}.card-title{margin:0 0 var(--sp-4);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.card-pad-0{padding:0;overflow:hidden}.card-interactive{transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-strong)}.field{margin-bottom:var(--sp-4)}.field label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--sp-2);color:var(--text)}input,select,textarea{width:100%;padding:.62rem .8rem;border:1px solid var(--border-strong);border-radius:10px;font-size:var(--fs-base);font-family:inherit;background:var(--surface);color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--sp-4)}@media (max-width: 560px){.grid-2{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.6rem 1.1rem;border:1px solid transparent;border-radius:10px;font-size:var(--fs-base);font-weight:var(--fw-semibold);font-family:inherit;cursor:pointer;background:var(--primary);background-image:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-primary);transition:transform var(--transition),box-shadow var(--transition),filter var(--transition),background var(--transition)}.btn:hover{transform:translateY(-1px);filter:brightness(1.05);text-decoration:none}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.btn-ghost{background:var(--surface);background-image:none;color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-ghost:hover{background:var(--surface-3);filter:none}.btn-accent{background-image:linear-gradient(135deg,#7c3aed,#9333ea)}.btn-danger{background-image:none;background:var(--danger);box-shadow:none}.btn-danger:hover{background:var(--danger-hover)}.btn-sm{padding:.35rem .7rem;font-size:var(--fs-sm);border-radius:8px;box-shadow:none}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px 10px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);line-height:1.5}.badge-neutral{background:var(--surface-3);color:var(--text-muted)}.badge-primary{background:var(--primary-soft);color:var(--primary)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-success{background:var(--success-bg);color:var(--success-fg)}.badge-warning{background:var(--warning-bg);color:var(--warning-fg)}.badge-danger{background:var(--error-bg);color:var(--danger-fg)}.badge-info{background:var(--info-bg);color:var(--info-fg)}.progress{height:8px;width:100%;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:var(--brand-gradient);transition:width var(--transition)}.progress-fill.is-complete{background:var(--success-fg)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--sp-3)}.stat-value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:1;letter-spacing:var(--tracking-tight)}.stat-sub{font-size:var(--fs-xs);color:var(--text-subtle);margin-top:var(--sp-2)}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.3s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.alert{padding:.8rem 1rem;border-radius:10px;margin-bottom:var(--sp-4);font-size:var(--fs-base);border:1px solid transparent}.alert-error{background:var(--error-bg);color:var(--error-fg);border-color:color-mix(in srgb,var(--error-fg) 20%,transparent)}.alert-success{background:var(--success-bg);color:var(--success-fg);border-color:color-mix(in srgb,var(--success-fg) 20%,transparent)}.alert-warning{background:var(--warning-bg);color:var(--warning-fg)}.alert-info{background:var(--info-bg);color:var(--info-fg)}.toolbar{display:flex;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-4);flex-wrap:wrap}.toolbar .search{flex:1;min-width:180px}.spacer{flex:1}table.data{width:100%;border-collapse:collapse;background:var(--surface);font-size:var(--fs-base)}table.data th,table.data td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--border)}table.data th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--surface-2);font-weight:var(--fw-semibold)}table.data tr:last-child td{border-bottom:none}table.data tbody tr{transition:background var(--transition)}table.data tbody tr:hover{background:var(--surface-2)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.row-actions{display:flex;gap:var(--sp-2);justify-content:flex-end}.pagination{display:flex;gap:var(--sp-2);align-items:center;justify-content:center;margin-top:var(--sp-4);color:var(--text-muted);font-size:var(--fs-sm)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5);gap:var(--sp-4);flex-wrap:wrap}.page-header h1{margin:0;font-size:var(--fs-xl)}.page-header .subtitle{margin:var(--sp-1) 0 0;color:var(--text-muted);font-size:var(--fs-base)}.muted{color:var(--text-muted)}.empty{padding:var(--sp-6);text-align:center;color:var(--text-muted)}.form-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-2)}.grid{display:grid;gap:var(--sp-4)}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}