:root{--bg:#0d0d10;--surface:#16161b;--surface-hover:#1d1d24;--border:#26262f;--text:#ececf1;--text-dim:#a1a1ad;--faint:#6c6c7a;--accent:#d9a066;--accent-soft:rgba(217,160,102,0.14);--green:#62c07d;--red:#e07070;--radius:14px;--radius-sm:9px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}h1{font-size:1.6rem;margin:0 0 4px}h2{font-size:1.15rem;margin:0 0 12px}h3{font-size:1rem;margin:0}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{padding:22px 16px;border-right:1px solid var(--border);background:var(--surface)}.sidebar__logo{display:block;margin-bottom:24px;font-size:1.15rem;font-weight:700}.sidebar__logo span{color:var(--accent)}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__nav a{padding:8px 11px;border-radius:var(--radius-sm);color:var(--text-dim);transition:background .15s,color .15s}.sidebar__nav a:hover{background:var(--surface-hover);color:var(--text)}.sidebar__nav a.active{background:var(--accent-soft);color:var(--accent)}.sidebar__foot{margin-top:28px;padding-top:16px;border-top:1px solid var(--border);font-size:.85rem;color:var(--faint)}.content{padding:28px 32px 60px;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.card{padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.grid{display:grid;grid-gap:14px;gap:14px}.grid--4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.metric__label{color:var(--text-dim);font-size:.85rem}.metric__value{margin-top:4px;font-size:1.6rem;font-weight:700}.metric__hint{margin-top:2px;color:var(--faint);font-size:.82rem}.muted{color:var(--text-dim)}.faint{color:var(--faint)}.plus{color:var(--green)}.minus{color:var(--red)}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{color:var(--text-dim);font-weight:500;text-align:left;white-space:nowrap}.table td,.table th{padding:11px 14px;border-bottom:1px solid var(--border)}.table td{vertical-align:top}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-hover)}.table--scroll{padding:0;overflow-x:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:600}.btn--primary:hover:not(:disabled){background:#e5ae74}.btn--sm{padding:5px 10px;font-size:.82rem}.btn--danger{color:var(--red)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field label{color:var(--text-dim);font-size:.85rem}.field small{color:var(--faint);font-size:.78rem}input,select,textarea{padding:8px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;font-size:.9rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{min-height:90px;resize:vertical}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.badge{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.75rem;font-weight:600;white-space:nowrap}.badge--ok{background:rgba(98,192,125,.14);color:var(--green)}.badge--bad{background:rgba(224,112,112,.14);color:var(--red)}.badge--wait{background:rgba(161,161,173,.14);color:var(--text-dim)}.alert{border:1px solid var(--red);border-radius:var(--radius-sm);background:rgba(224,112,112,.1);color:var(--red)}.alert,.notice{padding:12px 16px;margin-bottom:18px}.notice{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-dim)}.login{max-width:340px;margin:15vh auto}.tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.tabs button{padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-dim);font:inherit;font-size:.85rem;cursor:pointer}.tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.modal__backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.6);z-index:20}.modal{width:100%;max-width:460px;max-height:85vh;overflow-y:auto}@media (max-width:900px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.sidebar__nav{flex-direction:row;flex-wrap:wrap}.content{padding:20px 16px 48px}}.example-preview{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.example-preview img,.example-preview video{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);margin-top:4px}.example-preview__empty{display:grid;place-items:center;aspect-ratio:1/1;margin-top:4px;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--faint);font-size:.8rem}