:root{--bg: #f6f7f9;--panel: #ffffff;--border: #dde1e7;--text: #1c2430;--muted: #6b7684;--accent: #1f5fa9;--accent-text: #ffffff;--ok: #1a7f4b;--ok-bg: #e6f4ec;--warn: #8a6100;--warn-bg: #fdf3dc;--danger: #a32020;--danger-bg: #fbeaea;--info-bg: #e8f0f9;--radius: 6px;color-scheme:light}*{box-sizing:border-box}body{margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}a{color:var(--accent)}.app{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding:16px 0;display:flex;flex-direction:column}.sidebar h1{font-size:15px;margin:0 16px 4px;letter-spacing:-.01em}.sidebar .sub{font-size:12px;color:var(--muted);margin:0 16px 16px}.sidebar nav{display:flex;flex-direction:column}.sidebar nav a{padding:8px 16px;color:var(--text);text-decoration:none;border-left:3px solid transparent}.sidebar nav a:hover{background:var(--bg)}.sidebar nav a.active{border-left-color:var(--accent);background:var(--info-bg);font-weight:600}.sidebar .spacer{flex:1}.sidebar .footer{padding:12px 16px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.main{flex:1;padding:24px 28px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head h2{margin:0 0 4px;font-size:20px}.page-head p{margin:0;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.panel>h3{margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat .value{font-size:26px;font-weight:600}.stat .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;white-space:nowrap}tbody tr:hover{background:var(--bg)}td.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.muted{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.badge.info{background:var(--info-bg);color:var(--accent)}button,.button{font:inherit;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;text-decoration:none;display:inline-block}button:hover:not(:disabled),.button:hover{background:var(--bg)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover:not(:disabled){filter:brightness(1.1);background:var(--accent)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger:hover:not(:disabled){filter:brightness(1.1);background:var(--danger)}button.small{padding:4px 10px;font-size:13px}input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{font:inherit;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);width:100%}textarea{min-height:80px;resize:vertical}label{display:block;margin-bottom:12px}label>span{display:block;font-size:13px;font-weight:600;margin-bottom:4px}label.inline{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-weight:400}label.inline input{width:auto;margin-top:3px}label.inline>span{font-weight:400;margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.notice{padding:10px 12px;border-radius:var(--radius);margin-bottom:12px;border:1px solid}.notice.error{background:var(--danger-bg);border-color:#eec4c4;color:var(--danger)}.notice.warning{background:var(--warn-bg);border-color:#ecd9a8;color:var(--warn)}.notice.success{background:var(--ok-bg);border-color:#bcdfcb;color:var(--ok)}.notice.info{background:var(--info-bg);border-color:#c5d8ee;color:var(--accent)}.notice ul{margin:6px 0 0;padding-left:20px}.muted{color:var(--muted)}.small{font-size:12px}.empty{padding:28px;text-align:center;color:var(--muted)}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.login-card h1{margin:0 0 4px;font-size:18px}.login-card p.sub{margin:0 0 20px;color:var(--muted);font-size:13px}.kv{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:6px 16px}.kv dt{color:var(--muted);font-size:13px}.kv dd{margin:0;word-break:break-word}.qr{display:block;max-width:280px;width:100%;border:1px solid var(--border);border-radius:var(--radius);background:#fff}pre.payload{background:#1c2430;color:#d7e3f0;padding:12px;border-radius:var(--radius);overflow-x:auto;font-size:12px;margin:0}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:6px 0;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:baseline}.timeline li:last-child{border-bottom:none}.timeline time{color:var(--muted);font-size:12px;white-space:nowrap}