:root{--mz-green:#06ad58;--mz-green-hover:#05984d;--mz-green-tint:#e7f7ef;--mz-green-ring:#06ad5840;--zinc-50:#fafafa;--zinc-100:#f4f4f5;--zinc-200:#e4e4e7;--zinc-300:#d4d4d8;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-600:#52525b;--zinc-700:#3f3f46;--zinc-800:#27272a;--zinc-900:#18181b;--red-50:#fef2f2;--red-100:#fee2e2;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-600:#d97706;--amber-700:#b45309;--blue-50:#eff6ff;--blue-700:#1d4ed8;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--sh-sm:0 1px 2px #18181b0f, 0 1px 1px #18181b0a;--sh-md:0 4px 12px #18181b14, 0 1px 3px #18181b0d;--sh-lg:0 10px 30px #18181b1f, 0 2px 8px #18181b0f;--sh-2xl:0 24px 60px #18181b38, 0 8px 24px #18181b1f;--sidebar-w:248px;--topbar-h:60px;color:var(--zinc-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--zinc-50);color:var(--zinc-900);font-size:14px;line-height:1.5}a{color:var(--mz-green);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--zinc-900);margin:0;font-weight:600;line-height:1.2}button{font-family:inherit}:focus-visible{outline:none}.btn{border-radius:var(--r-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform 50ms;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 3px var(--mz-green-ring)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--mz-green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--mz-green-hover)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-secondary{color:var(--zinc-700);border-color:var(--zinc-300);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--zinc-50);border-color:var(--zinc-400)}.btn-danger{background:var(--red-600);color:#fff}.btn-danger:hover:not(:disabled){background:var(--red-700)}.btn-danger:focus-visible{box-shadow:0 0 0 3px #dc262640}.btn-ghost{color:var(--zinc-600);background:0 0;border-color:#0000;padding:6px 10px}.btn-ghost:hover:not(:disabled){background:var(--zinc-100);color:var(--zinc-900)}.btn-sm{padding:6px 12px;font-size:13px}.btn-block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--zinc-700);font-size:14px;font-weight:500}.field-hint{color:var(--zinc-500);font-size:12px}.field-error{color:var(--red-600);align-items:center;gap:6px;font-size:12px;display:flex}.input,.select,.textarea{width:100%;height:42px;color:var(--zinc-900);border:1px solid var(--zinc-300);border-radius:var(--r-md);background:#fff;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;height:auto;min-height:84px;padding:10px 12px;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--zinc-400)}.input:focus,.select:focus,.textarea:focus{border-color:var(--mz-green);box-shadow:0 0 0 3px var(--mz-green-ring);outline:none}.input:disabled,.select:disabled,.textarea:disabled{background:var(--zinc-50);color:var(--zinc-400);cursor:not-allowed}.input.has-error,.select.has-error{border-color:var(--red-500)}.input.has-error:focus{box-shadow:0 0 0 3px #ef444433}.card{border:1px solid var(--zinc-200);border-radius:var(--r-xl);box-shadow:var(--sh-sm);background:#fff}.badge{border-radius:var(--r-full);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}.badge .dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-green{background:var(--mz-green-tint);color:#047a3e}.badge-green .dot{background:var(--mz-green)}.badge-red{background:var(--red-50);color:var(--red-700)}.badge-red .dot{background:var(--red-500)}.badge-amber{background:var(--amber-50);color:var(--amber-700)}.badge-amber .dot{background:var(--amber-600)}.badge-zinc{background:var(--zinc-100);color:var(--zinc-600)}.badge-zinc .dot{background:var(--zinc-400)}.badge-blue{background:var(--blue-50);color:var(--blue-700)}.badge-blue .dot{background:var(--blue-700)}.table-wrap{border:1px solid var(--zinc-200);border-radius:var(--r-xl);width:100%;box-shadow:var(--sh-sm);background:#fff;overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:14px}table.tbl thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--zinc-500);background:var(--zinc-50);border-bottom:1px solid var(--zinc-200);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}table.tbl tbody td{border-bottom:1px solid var(--zinc-100);color:var(--zinc-700);vertical-align:middle;padding:14px 16px}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl tbody tr:nth-child(2n){background:#f4f4f573}table.tbl tbody tr:hover{background:var(--zinc-100)}.td-mono{color:var(--zinc-600);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.td-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#18181b80;justify-content:center;align-items:center;padding:24px;animation:.2s overlay-in;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--r-xl);box-shadow:var(--sh-2xl);background:#fff;flex-direction:column;width:100%;max-width:520px;max-height:calc(100vh - 48px);animation:.2s modal-in;display:flex}.modal-header{border-bottom:1px solid var(--zinc-100);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-size:18px;font-weight:600}.modal-body{padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--zinc-100);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-close{border-radius:var(--r-md);width:32px;height:32px;color:var(--zinc-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.modal-close:hover{background:var(--zinc-100);color:var(--zinc-700)}.modal-close:focus-visible{box-shadow:0 0 0 3px var(--mz-green-ring)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.toast-stack{z-index:60;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--zinc-900);color:#fff;border-radius:var(--r-lg);min-width:280px;max-width:400px;box-shadow:var(--sh-lg);align-items:center;gap:12px;padding:14px 16px;font-size:14px;animation:.22s toast-in;display:flex}.toast-icon{flex-shrink:0;display:inline-flex}.toast.success .toast-icon{color:#4ade80}.toast.error .toast-icon{color:#f87171}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty{text-align:center;color:var(--zinc-500);flex-direction:column;align-items:center;gap:8px;padding:56px 24px;display:flex}.empty-icon{border-radius:var(--r-full);background:var(--zinc-100);width:48px;height:48px;color:var(--zinc-400);justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.empty-title{color:var(--zinc-700);font-size:16px;font-weight:600}.empty-text{max-width:360px;font-size:14px}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.spinner-dark{border-color:var(--zinc-200);border-top-color:var(--mz-green)}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{justify-content:center;align-items:center;padding:64px 0;display:flex}.muted{color:var(--zinc-500)}.row{align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--zinc-200);background:#fff;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:10px;padding:20px 20px 16px;display:flex}.brand-mark{border-radius:var(--r-md);background:var(--mz-green);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.brand-name{letter-spacing:-.01em;color:var(--zinc-900);font-size:16px;font-weight:700}.brand-name span{color:var(--mz-green)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px 12px;display:flex}.nav-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--zinc-400);padding:16px 12px 6px;font-size:11px;font-weight:600}.nav-link{border-radius:var(--r-md);color:var(--zinc-600);align-items:center;gap:12px;padding:9px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-link:hover{background:var(--zinc-100);color:var(--zinc-900);text-decoration:none}.nav-link.active{background:var(--mz-green-tint);color:#047a3e;font-weight:600}.nav-link.active svg{color:var(--mz-green)}.nav-link svg{color:var(--zinc-400);flex-shrink:0}.nav-link.active:hover{background:var(--mz-green-tint)}.sidebar-foot{border-top:1px solid var(--zinc-100);color:var(--zinc-400);padding:16px 20px;font-size:12px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-h);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--zinc-200);z-index:20;background:#ffffffd9;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-user{align-items:center;gap:10px;display:flex}.user-avatar{border-radius:var(--r-full);background:var(--zinc-900);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:inline-flex}.user-meta{flex-direction:column;line-height:1.25;display:flex}.user-name{color:var(--zinc-800);font-size:13px;font-weight:600}.user-role{color:var(--zinc-500);font-size:11px}.content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:32px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.01em;font-size:24px;font-weight:700}.page-sub{color:var(--zinc-500);margin-top:4px;font-size:14px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.metric{padding:20px}.metric-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.metric-label{color:var(--zinc-500);font-size:13px;font-weight:500}.metric-ico{border-radius:var(--r-md);justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.metric-value{letter-spacing:-.02em;color:var(--zinc-900);font-size:30px;font-weight:700;line-height:1.1}.metric-foot{color:var(--zinc-500);margin-top:6px;font-size:12px}.quota-bar{border-radius:var(--r-full);background:var(--zinc-100);height:8px;margin-top:8px;overflow:hidden}.quota-fill{border-radius:var(--r-full);background:var(--mz-green);height:100%;transition:width .4s}.section-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{font-size:16px;font-weight:600}.login-screen{background:radial-gradient(1200px 600px at 50% -10%, var(--mz-green-tint), transparent 60%), var(--zinc-50);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--zinc-200);border-radius:var(--r-xl);width:100%;max-width:400px;box-shadow:var(--sh-lg);background:#fff;padding:32px}.login-brand{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.login-brand .brand-mark{border-radius:var(--r-lg);width:44px;height:44px}.login-title{text-align:center;font-size:20px;font-weight:700}.login-sub{color:var(--zinc-500);text-align:center;margin-top:2px;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.alert-error{background:var(--red-50);border:1px solid var(--red-100);border-radius:var(--r-md);color:var(--red-700);align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.form-grid{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.key-block{background:var(--zinc-900);color:#e4e4e7;border-radius:var(--r-md);word-break:break-all;max-height:160px;padding:14px 16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;overflow-y:auto}.key-label{color:var(--zinc-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600}@media (width<=860px){.sidebar{width:72px}.brand-name,.nav-link span,.nav-section-label,.sidebar-foot{display:none}.sidebar-brand{justify-content:center;padding:20px 0 16px}.nav-link{justify-content:center}.content,.topbar{padding-left:20px;padding-right:20px}.form-row{grid-template-columns:1fr}}