body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--panel:#fff;--text-soft:#334155;--brand-strong:#0b1220;--ok:#16a34a;--warn:#eab308;--radius-xxl:16px;--radius-md:8px;--shadow:0 8px 24px #0208170f}*{box-sizing:border-box}#root,body,html{height:100%}body{background:linear-gradient(#fafbfd,#fff);color:#0f172a;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;margin:0}.page{min-height:100%}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-inner{gap:12px;margin:0 auto;max-width:1120px;padding:12px 16px}.brand,.topbar-inner{align-items:center;display:flex}.brand{gap:8px}.brand-name{font-weight:700;letter-spacing:.1px}.topbar-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.search-wrap{position:relative}.input.search{padding-right:34px;width:320px}.search-icon{color:#64748b;color:var(--muted);height:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px}.icon-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.icon-btn:hover{background:#f8fafc}.select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);font-size:14px;height:36px;padding:0 8px}.filters{background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--border)}.filters-inner{align-items:center;display:flex;gap:8px;margin:0 auto;max-width:1120px;padding:8px 16px}.chip{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;cursor:pointer;height:32px;padding:0 10px}.chip:hover{background:#f8fafc}.modal{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:60}.modal-backdrop{background:#0000004d;inset:0;position:absolute}.modal-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-xxl);box-shadow:0 8px 24px #0208170f;box-shadow:var(--shadow);max-width:95vw;padding:16px;position:relative;width:640px}.modal-title{font-size:18px;font-weight:600;margin-bottom:8px}.modal-body{grid-gap:10px;display:grid;font-size:14px;gap:10px}.check{align-items:center;display:flex;gap:8px}.divider{background:#e5e7eb;background:var(--border);height:1px;margin:6px 0}.modal-row{display:flex;gap:8px}.modal-footer{display:flex;justify-content:flex-end;margin-top:12px}.container{grid-gap:16px;display:grid;gap:16px;margin:0 auto;max-width:1120px;padding:24px 16px}.input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);font-size:14px;height:36px;outline:none;padding:0 10px}.input:focus{border-color:#cbd5e1;box-shadow:0 0 0 3px #94a3b833}.button{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;gap:6px;height:36px;padding:0 12px}.button:hover{background:#f8fafc}.button.primary{background:#111827;background:var(--brand);border-color:#111827;border-color:var(--brand);color:#fff}.button.primary:hover{background:#0b1220;background:var(--brand-strong)}.link-btn{align-items:center;background:#0000;border:0;color:#334155;color:var(--text-soft);cursor:pointer;display:inline-flex;font-size:14px;gap:4px;height:32px}.link-btn:hover{text-decoration:underline}.icon-sm{height:16px;width:16px}.icon-md{height:20px;width:20px}.mr-8{margin-right:8px}.ml-4{margin-left:4px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.row{display:inline-flex}.row,.row-between{align-items:center}.row-between{display:flex;justify-content:space-between}.gap-8{gap:8px}.stack-12{grid-gap:12px;display:grid;gap:12px}.font-medium{font-weight:600}.muted{color:#64748b;color:var(--muted)}.right{text-align:right}.text-xs{font-size:12px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.nums{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.grid{grid-gap:12px;display:grid;gap:12px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}@media (max-width:1024px){.grid-4{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr}.span-2{grid-column:auto}.input.search{width:240px}}.h-288{height:288px}.h-256{height:256px}.w-112{width:112px}.w-320{width:320px}.card{background:#fff;background:var(--panel);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-xxl);box-shadow:0 8px 24px #0208170f;box-shadow:var(--shadow)}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.card-title{align-items:center;display:inline-flex;font-weight:600}.card-content{padding:16px}.banner{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-xxl);display:flex;gap:8px;padding:12px 16px}.stat{padding:16px}.panel,.stat{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md)}.panel{padding:12px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;font-size:14px;width:100%}.table thead th{color:#64748b;color:var(--muted);font-weight:500;text-align:left}.table tbody td,.table thead th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:10px 0}.badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;padding:2px 8px}.badge.default{background:#111827;background:var(--brand);color:#fff}.badge.secondary{background:#f1f5f9;color:#334155}.badge.destructive{background:#dc2626;background:var(--danger);color:#fff}.progress{background:#eef2f7;border-radius:999px;height:8px;overflow:hidden}.progress-bar{background:#111827;background:var(--brand);height:100%;transition:width .3s ease}.tabs{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;display:inline-flex;margin-top:4px;padding:4px}.tab{background:#0000;border:0;border-radius:8px;color:#334155;color:var(--text-soft);cursor:pointer;height:28px;padding:0 12px}.tab:hover{background:#f6f7fb}.tab.active{background:#111827;background:var(--brand);color:#fff}.checklist{grid-gap:8px;display:grid;font-size:14px;gap:8px;list-style:none;margin:0;padding:0}.dot{border-radius:999px;display:inline-block;height:8px;margin-right:8px;width:8px}.dot.ok{background:#16a34a;background:var(--ok)}.dot.warn{background:#eab308;background:var(--warn)}:root{--border:#e5e7eb;--muted:#64748b;--text:#0f172a;--brand:#111827;--danger:#dc2626;--bg:#f6f7fb;--radius:14px;--shadow:0 10px 30px #02081714}.auth-page{background:radial-gradient(1200px 600px at 20% -10%,#fff 10%,#f7f8fc 60%,#eef1f7 100%);display:grid;min-height:100vh;place-items:center}.auth-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 10px 30px #02081714;box-shadow:var(--shadow);color:#0f172a;color:var(--text);padding:24px 20px;text-align:center;width:min(420px,92vw)}.auth-logo{font-size:28px;line-height:1}.auth-title{font-size:22px;font-weight:700;letter-spacing:.2px;margin:12px 0 4px}.auth-sub{color:#64748b;color:var(--muted);font-size:14px;margin:0 0 16px}.auth-input-row{display:flex;gap:8px;margin-bottom:8px}.auth-input{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;flex:1 1;font-size:20px;height:44px;letter-spacing:4px;outline:none;padding:0 12px;text-align:center;transition:box-shadow .15s ease,border-color .15s ease}.auth-input:focus{border-color:#cbd5e1;box-shadow:0 0 0 3px #94a3b840}.auth-button{background:#111827;background:var(--brand);border:1px solid #111827;border:1px solid var(--brand);border-radius:10px;color:#fff;cursor:pointer;font-size:14px;height:44px;padding:0 14px}.auth-button:hover{background:#0b1220}.auth-check{align-items:center;color:#64748b;color:var(--muted);display:inline-flex;font-size:14px;gap:8px;margin-top:6px;-webkit-user-select:none;user-select:none}.auth-error{background:#dc2626;background:var(--danger);border-radius:8px;color:#fff;display:inline-block;padding:6px 10px}.auth-error,.auth-hint{font-size:13px;margin-top:10px}.auth-footnote,.auth-hint{color:#64748b;color:var(--muted)}.auth-footnote{font-size:12px;margin-top:16px}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}to{transform:translateX(0)}}.shake{animation:shake .18s ease-in-out}.signout-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;cursor:pointer;height:36px;padding:0 10px;position:fixed;right:12px;top:12px;z-index:70}.signout-btn:hover{background:#f8fafc}