@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg:hsl(210 20% 98%);--bg-tint:hsl(215 50% 55%/0.05);--panel:#ffffff;--panel-2:hsl(210 18% 97%);--fg:hsl(215 35% 12%);--muted:hsl(215 16% 42%);--faint:hsl(215 14% 60%);--border:hsl(210 16% 90%);--border-strong:hsl(210 16% 84%);--primary:hsl(215 60% 52%);--primary-hover:hsl(215 64% 45%);--primary-soft:hsl(215 60% 52%/0.10);--accent:hsl(225 45% 45%);--ok:hsl(142 64% 33%);--ok-soft:hsl(142 64% 33%/0.12);--warn:hsl(35 92% 42%);--warn-soft:hsl(38 92% 50%/0.15);--danger:hsl(0 70% 45%);--danger-soft:hsl(0 72% 48%/0.10);--ring:hsl(215 60% 52%/0.35);--shadow-sm:0 1px 2px hsl(215 35% 12%/0.05);--shadow:0 4px 16px -6px hsl(215 35% 25%/0.14);--radius:12px;--font-display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--font-body:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body);color:var(--fg);background:radial-gradient(1100px 480px at 78% -8%,var(--bg-tint),transparent 70%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);color:var(--fg);margin:0;letter-spacing:-.01em}a{color:var(--primary);text-decoration:none}.mono{font-family:var(--font-mono);font-size:.86em}.muted{color:var(--muted)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;justify-content:space-between;height:60px;padding:0 28px;background:hsl(0 0% 100%/.82);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--border)}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:28px}.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--fg);letter-spacing:-.02em}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.brand b{color:var(--primary);font-weight:700}.nav{display:flex;align-items:center;gap:4px}.nav a{padding:7px 13px;border-radius:8px;color:var(--muted);font-weight:500;transition:background .15s,color .15s}.nav a:hover{background:var(--panel-2);color:var(--fg)}.nav a.active{background:var(--primary-soft);color:var(--primary-hover)}.topbar-right{display:flex;align-items:center;gap:14px}.user-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.user-chip .avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:12px}.container{max-width:1180px;margin:0 auto;padding:30px 28px 60px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head .title{display:flex;align-items:center;gap:12px}.page-head h1{font-size:24px;font-weight:700}.page-head .sub{color:var(--muted);font-size:13px;margin-top:4px}.count-chip{font-family:var(--font-mono);font-size:12px;color:var(--primary-hover);background:var(--primary-soft);padding:3px 9px;border-radius:999px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:20px 22px}.card-head{padding:16px 22px;border-bottom:1px solid var(--border);font-family:var(--font-display);font-weight:600;font-size:14px}.table-wrap{overflow:auto}table.data{border-collapse:collapse;width:100%}table.data thead th{text-align:left;font-family:var(--font-body);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:12px 18px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--panel-2)}table.data tbody td{padding:13px 18px;border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr{transition:background .12s}table.data tbody tr:hover{background:var(--primary-soft)}table.data tbody tr:last-child td{border-bottom:none}table.data .num{text-align:right;font-family:var(--font-mono)}.cell-name{font-weight:600}.cell-sub{color:var(--muted);font-size:12px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.6;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.pill-blue{color:var(--primary-hover);background:var(--primary-soft)}.pill-ok{color:var(--ok);background:var(--ok-soft)}.pill-warn{color:var(--warn);background:var(--warn-soft)}.pill-danger{color:var(--danger);background:var(--danger-soft)}.pill-muted{color:var(--muted);background:var(--panel-2)}.pill.no-dot:before{display:none}.filterbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;align-items:end;padding:16px 18px}.filterbar .field{display:flex;flex-direction:column;gap:5px}.filterbar .field.search{grid-column:1/-1}.field label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.filter-actions{display:flex;gap:8px;align-items:center;padding:0 18px 16px}.input,.select,input[type=date],input[type=email],input[type=password],input[type=text],select{font-family:var(--font-body);font-size:13px;color:var(--fg);background:var(--panel);border:1px solid var(--border-strong);border-radius:9px;padding:9px 11px;width:100%;transition:border-color .15s,box-shadow .15s;outline:none}.input:focus,.select:focus,input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}input::placeholder{color:var(--faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-body);font-weight:600;font-size:13px;line-height:1;padding:9px 15px;border-radius:9px;border:1px solid var(--border-strong);background:var(--panel);color:var(--fg);cursor:pointer;transition:all .15s;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--faint);background:var(--panel-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--panel);border-color:var(--danger-soft);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn-ghost{border-color:transparent;background:transparent;color:var(--primary-hover)}.btn-ghost:hover:not(:disabled){background:var(--primary-soft)}.btn-sm{padding:6px 11px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px;gap:14px;margin:18px 0}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm)}.stat .label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}.stat .value{font-family:var(--font-display);font-weight:700;font-size:22px;margin-top:6px;letter-spacing:-.01em}.alert{padding:10px 13px;border-radius:9px;font-size:13px;font-weight:500}.alert-error{background:var(--danger-soft);color:var(--danger)}.alert-ok{background:var(--ok-soft);color:var(--ok)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(620px 360px at 50% -10%,var(--primary-soft),transparent 70%),radial-gradient(700px 420px at 90% 110%,hsl(225 45% 45%/.07),transparent 70%),var(--bg)}.login-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:34px 32px}.login-card .brand{font-size:20px;margin-bottom:4px}.login-card .lead{color:var(--muted);font-size:13px;margin:0 0 24px}.login-card .field{margin-bottom:14px}.login-card .btn-primary{width:100%;padding:11px;margin-top:6px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise{animation:rise .5s cubic-bezier(.2,.7,.2,1) both}table.data tbody tr{animation:rise .4s cubic-bezier(.2,.7,.2,1) both}table.data tbody tr:first-child{animation-delay:.02s}table.data tbody tr:nth-child(2){animation-delay:.04s}table.data tbody tr:nth-child(3){animation-delay:.06s}table.data tbody tr:nth-child(4){animation-delay:.08s}table.data tbody tr:nth-child(5){animation-delay:.1s}table.data tbody tr:nth-child(6){animation-delay:.12s}table.data tbody tr:nth-child(7){animation-delay:.14s}table.data tbody tr:nth-child(8){animation-delay:.16s}.pager{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:var(--muted);font-size:13px}@media (prefers-reduced-motion:reduce){.rise,table.data tbody tr{animation:none}}@media (max-width:640px){.topbar{padding:0 14px;gap:8px}.topbar-left{gap:14px}.user-chip{display:none}.container{padding:20px 14px 48px}.page-head h1{font-size:21px}}