*{margin:0;padding:0;box-sizing:border-box}:root{--color-paper: #cec9c2;--color-card: #f6f4f1;--color-modal: #f2f0ec;--color-panel: rgba(244, 242, 238, .97);--color-text: #2a2a2a;--color-text-secondary: #444;--color-text-tertiary: #555;--color-text-muted: #666;--color-text-faint: #777;--ink-04: rgba(0,0,0,.04);--ink-06: rgba(0,0,0,.06);--ink-08: rgba(0,0,0,.08);--ink-10: rgba(0,0,0,.1);--ink-15: rgba(0,0,0,.15);--ink-20: rgba(0,0,0,.2);--ink-30: rgba(0,0,0,.3);--ink-50: rgba(0,0,0,.5);--ink-70: rgba(0,0,0,.7);--color-backdrop: rgba(0,0,0,.55);--accent-rgb: 47, 88, 125;--accent: rgb(var(--accent-rgb));--accent-fade: rgba(var(--accent-rgb), .35);--accent-soft: rgba(var(--accent-rgb), .08);--color-success: #2f7a3a;--color-warning: #b87333;--color-danger: #a23b2d;--color-info: var(--accent);--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", Menlo, Consolas, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px}html,body{background:var(--color-paper);color:var(--color-text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100vh}h1,h2,h3{font-weight:600;letter-spacing:-.01em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.auth-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--s-5)}.auth-gate-card{width:100%;max-width:380px;padding:var(--s-6) var(--s-5);background:var(--color-card);border:1px solid var(--ink-08);border-radius:10px;box-shadow:0 4px 24px var(--ink-08)}.auth-gate-title{font-size:20px;margin-bottom:var(--s-2)}.auth-gate-sub{color:var(--color-text-muted);font-size:13px;margin-bottom:var(--s-5)}.auth-gate-field{display:block;margin-bottom:var(--s-3)}.auth-gate-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--s-1)}.auth-gate-field input{width:100%;padding:var(--s-2) var(--s-3);font-family:var(--font-sans);font-size:14px;color:var(--color-text);background:#fff;border:1px solid var(--ink-15);border-radius:6px;outline:none;transition:border-color .15s}.auth-gate-field input:focus{border-color:var(--accent)}.auth-gate-submit{width:100%;margin-top:var(--s-3);padding:var(--s-3);font-family:var(--font-sans);font-size:14px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:6px;cursor:pointer;transition:background .15s}.auth-gate-submit:hover{background:rgba(var(--accent-rgb),.85)}.auth-gate-submit:disabled{opacity:.5;cursor:wait}.auth-gate-msg{margin-top:var(--s-3);font-size:12px;min-height:1em}.auth-gate-msg-err{color:var(--color-danger)}.admin-app{min-height:100vh;display:flex;flex-direction:column}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-5);background:var(--color-card);border-bottom:1px solid var(--ink-08)}.admin-topbar-brand{font-weight:600;font-size:14px;letter-spacing:.02em}.admin-topbar-right{display:flex;align-items:center;gap:var(--s-4)}.admin-topbar-user{font-size:12px;color:var(--color-text-muted)}.admin-topbar-signout{font-family:var(--font-sans);font-size:12px;padding:var(--s-2) var(--s-3);background:transparent;color:var(--color-text-secondary);border:1px solid var(--ink-15);border-radius:5px;cursor:pointer;transition:background .15s,border-color .15s}.admin-topbar-signout:hover{background:var(--ink-04);border-color:var(--ink-30)}.admin-main{flex:1;padding:var(--s-5)}.admin-placeholder{max-width:600px;margin:0 auto;padding:var(--s-7) var(--s-6);background:var(--color-card);border:1px solid var(--ink-08);border-radius:8px}.admin-placeholder h2{font-size:18px;margin-bottom:var(--s-3)}.admin-placeholder p{color:var(--color-text-secondary);font-size:14px;margin-bottom:var(--s-2)}.admin-placeholder-hint{margin-top:var(--s-4);font-size:12px;color:var(--color-text-muted)}.admin-placeholder-hint code{font-family:var(--font-mono);font-size:11px;background:var(--ink-06);padding:2px 5px;border-radius:3px}.admin-tabs{display:flex;gap:var(--s-1);padding:0 var(--s-5);background:var(--color-card);border-bottom:1px solid var(--ink-08);overflow-x:auto}.admin-tab{font-family:var(--font-sans);font-size:13px;font-weight:500;padding:var(--s-3) var(--s-4);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.admin-tab:hover{color:var(--color-text)}.admin-tab-active{color:var(--accent);border-bottom-color:var(--accent)}.admin-tab-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600;color:#fff;background:var(--accent);border-radius:10px;line-height:1.4}.admin-section{padding:var(--s-5)}.admin-section-h1{font-size:20px;font-weight:600;margin-bottom:var(--s-4)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--s-5)}.modal-host{width:100%;max-width:480px;max-height:85vh;overflow-y:auto;padding:var(--s-5);background:var(--color-modal);border-radius:8px;box-shadow:0 8px 32px #00000040}.modal-title{font-size:17px;font-weight:600;margin-bottom:var(--s-3)}.modal-body{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--s-4);line-height:1.55}.modal-body p{margin-bottom:var(--s-2)}.modal-body p:last-child{margin-bottom:0}.modal-body strong{color:var(--color-text)}.modal-body code{font-family:var(--font-mono);font-size:12px;background:var(--ink-06);padding:2px 5px;border-radius:3px}.modal-form{display:flex;flex-direction:column;gap:var(--s-3);margin-bottom:var(--s-4)}.modal-field{display:flex;flex-direction:column;gap:var(--s-1)}.modal-field-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.modal-field input,.modal-field textarea,.modal-field select{padding:var(--s-2) var(--s-3);font-family:var(--font-sans);font-size:14px;color:var(--color-text);background:#fff;border:1px solid var(--ink-15);border-radius:5px;outline:none;transition:border-color .15s}.modal-field input:focus,.modal-field textarea:focus,.modal-field select:focus{border-color:var(--accent)}.modal-field textarea{resize:vertical;font-family:var(--font-sans)}.modal-error{font-size:12px;color:var(--color-danger);margin-bottom:var(--s-3)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--s-2);flex-wrap:wrap}.modal-btn{font-family:var(--font-sans);font-size:13px;font-weight:500;padding:var(--s-2) var(--s-4);border:none;border-radius:5px;cursor:pointer;transition:background .15s,opacity .15s}.modal-btn-cancel{color:var(--color-text-secondary);background:transparent;border:1px solid var(--ink-15)}.modal-btn-cancel:hover{background:var(--ink-04)}.modal-btn-primary{color:#fff;background:var(--accent)}.modal-btn-primary:hover{background:rgba(var(--accent-rgb),.85)}.modal-btn-danger{color:#fff;background:var(--color-danger)}.modal-btn-danger:hover{opacity:.85}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#00000059;display:flex;justify-content:flex-end}.drawer-panel{width:100%;max-width:640px;height:100%;background:var(--color-card);box-shadow:-8px 0 24px #0003;display:flex;flex-direction:column;transform:translate(100%);transition:transform .2s ease-out}.drawer-panel.drawer-open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--ink-08);flex-shrink:0}.drawer-title{font-size:15px;font-weight:600}.drawer-close{font-size:22px;line-height:1;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;padding:0 var(--s-2)}.drawer-close:hover{color:var(--color-text)}.drawer-body{flex:1;overflow-y:auto;padding:var(--s-5)}.drawer-section{margin-bottom:var(--s-5)}.drawer-section-h{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--s-2);padding-bottom:var(--s-1);border-bottom:1px solid var(--ink-06)}.drawer-row{display:flex;justify-content:space-between;padding:var(--s-1) 0;font-size:13px}.drawer-row-label{color:var(--color-text-muted)}.drawer-row-val{color:var(--color-text);font-weight:500}.admin-table-bar{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.admin-table-search{flex:1;max-width:320px;padding:var(--s-2) var(--s-3);font-family:var(--font-sans);font-size:13px;color:var(--color-text);background:#fff;border:1px solid var(--ink-15);border-radius:5px;outline:none}.admin-table-search:focus{border-color:var(--accent)}.admin-table-count{font-size:12px;color:var(--color-text-muted)}.admin-table-wrap{background:var(--color-card);border:1px solid var(--ink-08);border-radius:6px;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table thead{background:var(--ink-04)}.admin-table th{text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:var(--s-3) var(--s-3);border-bottom:1px solid var(--ink-10);white-space:nowrap}.admin-table th[data-sortable="1"]{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-table th[data-sortable="1"]:hover{color:var(--color-text)}.admin-table td{padding:var(--s-3) var(--s-3);border-bottom:1px solid var(--ink-04);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table-row-clickable{cursor:pointer}.admin-table-row-clickable:hover{background:var(--ink-04)}.admin-table-empty td{text-align:center;color:var(--color-text-muted);padding:var(--s-6);font-style:italic}.admin-table-actions{text-align:right;white-space:nowrap}.admin-table-action-btn{font-family:var(--font-sans);font-size:12px;padding:4px 10px;margin-left:4px;color:var(--color-text-secondary);background:transparent;border:1px solid var(--ink-15);border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.admin-table-action-btn:hover{background:var(--ink-04);color:var(--color-text);border-color:var(--ink-30)}.admin-table-action-danger{color:var(--color-danger);border-color:#a23b2d4d}.admin-table-action-danger:hover{background:#a23b2d1a;color:var(--color-danger)}.admin-table-foot{margin-top:var(--s-3);display:flex;align-items:center;justify-content:center;gap:var(--s-3);font-size:12px;color:var(--color-text-muted)}.admin-table-page-btn{font-family:var(--font-sans);font-size:12px;padding:var(--s-1) var(--s-3);color:var(--color-text-secondary);background:transparent;border:1px solid var(--ink-15);border-radius:4px;cursor:pointer}.admin-table-page-btn:hover:not(:disabled){background:var(--ink-04)}.admin-table-page-btn:disabled{opacity:.4;cursor:default}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--s-3);margin-bottom:var(--s-5)}.kpi-tile{padding:var(--s-4);background:var(--color-card);border:1px solid var(--ink-08);border-radius:6px}.kpi-tile-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--s-2)}.kpi-tile-value{font-size:22px;font-weight:600;color:var(--color-text)}.kpi-tile-sub{margin-top:var(--s-1);font-size:11px;color:var(--color-text-muted)}.kpi-tile-success{border-left:3px solid var(--color-success)}.kpi-tile-danger{border-left:3px solid var(--color-danger)}.kpi-tile-warning{border-left:3px solid var(--color-warning)}.admin-chart{background:var(--color-card);border:1px solid var(--ink-08);border-radius:6px;padding:var(--s-4);margin-bottom:var(--s-4)}.admin-chart-title{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:var(--s-3)}.admin-chart-svg{width:100%;height:auto;display:block;font-family:var(--font-sans)}.admin-chart-empty{text-align:center;font-size:12px;color:var(--color-text-muted);padding:var(--s-7);font-style:italic}.chart-grid{stroke:var(--ink-06);stroke-width:1}.chart-y-label,.chart-x-label{fill:var(--color-text-muted);font-size:10px}.chart-line{fill:none;stroke:var(--accent);stroke-width:1.5}.chart-area{fill:rgba(var(--accent-rgb),.1)}.chart-marker{fill:var(--accent)}.chart-bar{fill:var(--accent);transition:opacity .15s}.chart-bar:hover{opacity:.8}#admin-toast-host{position:fixed;top:var(--s-4);right:var(--s-4);z-index:1500;display:flex;flex-direction:column;gap:var(--s-2);pointer-events:none}.admin-toast{min-width:240px;max-width:360px;padding:var(--s-3) var(--s-4);background:var(--color-card);border:1px solid var(--ink-15);border-radius:6px;box-shadow:0 4px 16px #00000026;font-size:13px;color:var(--color-text);opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s;pointer-events:auto}.admin-toast.admin-toast-in{opacity:1;transform:translateY(0)}.admin-toast-success{border-left:3px solid var(--color-success)}.admin-toast-error{border-left:3px solid var(--color-danger)}.admin-toast-info{border-left:3px solid var(--accent)}.admin-badge{display:inline-block;padding:2px 7px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:10px;background:var(--ink-08);color:var(--color-text-secondary)}.admin-badge-admin{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.admin-badge-banned{background:#a23b2d26;color:var(--color-danger)}.admin-badge-success{background:#2f7a3a26;color:var(--color-success)}.admin-badge-warning{background:#b8733326;color:var(--color-warning)}.admin-usage-bar{position:relative;height:6px;width:80px;background:var(--ink-08);border-radius:3px;margin-top:4px;overflow:hidden}.admin-usage-bar-fill{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:3px}.admin-usage-bar-fill.over-80{background:var(--color-warning)}.admin-usage-bar-fill.over-95{background:var(--color-danger)}.admin-usage-cell{display:flex;flex-direction:column;align-items:flex-start;font-size:12px}.admin-row-flash{animation:rowFlash 2s ease-out}@keyframes rowFlash{0%{background:rgba(var(--accent-rgb),.25)}to{background:transparent}}.admin-form-card{max-width:520px;padding:var(--s-5) var(--s-5);background:var(--color-card);border:1px solid var(--ink-08);border-radius:8px}.admin-form-field{display:flex;flex-direction:column;gap:var(--s-1);margin-bottom:var(--s-4)}.admin-form-field label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.admin-form-field input,.admin-form-field select,.admin-form-field textarea{padding:var(--s-2) var(--s-3);font-family:var(--font-sans);font-size:14px;color:var(--color-text);background:#fff;border:1px solid var(--ink-15);border-radius:5px;outline:none}.admin-form-field input:focus,.admin-form-field select:focus,.admin-form-field textarea:focus{border-color:var(--accent)}.admin-form-submit{margin-top:var(--s-3);padding:var(--s-3) var(--s-5);font-family:var(--font-sans);font-size:14px;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:5px;cursor:pointer}.admin-form-submit:disabled{opacity:.5;cursor:wait}.admin-loading{text-align:center;padding:var(--s-7);color:var(--color-text-muted);font-size:13px}.admin-error{padding:var(--s-4);background:#a23b2d14;border:1px solid rgba(162,59,45,.25);border-radius:6px;color:var(--color-danger);font-size:13px}