:root{--bg:oklch(1 0 0);--surface:oklch(0.972 0.006 270);--surface-strong:oklch(0.94 0.012 270);--ink:oklch(0.205 0.035 270);--muted:oklch(0.455 0.035 270);--primary:oklch(0.36 0.19 270);--primary-hover:oklch(0.31 0.18 270);--accent:oklch(0.58 0.16 188);--success:oklch(0.54 0.14 150);--warning:oklch(0.73 0.15 78);--danger:oklch(0.58 0.20 29);--border:oklch(0.88 0.015 270)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.main{min-width:0;background:var(--bg)}.content{padding:24px}.page-title{margin:0;font-size:24px;line-height:1.2;font-weight:750}.page-subtitle{margin:6px 0 0;color:var(--muted)}.panel{border:1px solid var(--border);border-radius:8px;background:var(--bg)}.toolbar{display:flex;justify-content:space-between;gap:12px;margin:20px 0}.button,.toolbar{align-items:center}.button{display:inline-flex;gap:8px;border:1px solid transparent;border-radius:6px;padding:8px 12px;color:var(--bg);background:var(--primary);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.button:hover{background:var(--primary-hover)}.button.secondary{color:var(--ink);background:var(--bg);border-color:var(--border)}.button.danger{background:var(--danger)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:920px}td,th{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;white-space:nowrap}th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--surface);color:var(--muted)}.badge,th{font-size:12px;font-weight:700}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;color:var(--bg);background:var(--muted)}.badge.success{background:var(--success)}.badge.warning{color:var(--ink);background:var(--warning)}.badge.danger{background:var(--danger)}.grid-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin:20px 0}.metric{border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--bg)}.metric span{color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:6px;font-size:22px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field label{color:var(--muted);font-size:12px;font-weight:700}.field input,.field select{min-height:38px;border:1px solid var(--border);border-radius:6px;padding:8px 10px;background:var(--bg);color:var(--ink)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.42)}.modal{width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--border);border-radius:8px;padding:20px;background:var(--surface);box-shadow:0 18px 60px rgba(15,23,42,.22)}.check-field{display:flex;min-height:38px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--ink)}.check-field input{width:16px;height:16px}.login-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:var(--surface)}.login-panel{display:grid;width:min(420px,100%);grid-gap:16px;gap:16px;border:1px solid var(--border);border-radius:8px;padding:24px;background:var(--bg);box-shadow:0 18px 60px rgba(15,23,42,.12)}.login-error{border:1px solid color-mix(in oklch,var(--danger),#fff 70%);border-radius:6px;padding:10px 12px;color:var(--danger);background:color-mix(in oklch,var(--danger),#fff 92%)}@media (max-width:900px){.app-shell{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}