*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #101014;--panel: #1a1a21;--panel-2: #22222b;--border: #2e2e3a;--text: #ececf1;--muted: #9a9aa8;--brand: #e63946;--brand-dark: #b52833;--ok: #2ecc71;--warn: #f1c40f}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:8px 14px;background:var(--panel-2);color:var(--text);white-space:nowrap;transition:transform .08s ease,filter .15s ease,background .15s ease,box-shadow .15s ease}button:hover{filter:brightness(1.2);box-shadow:0 2px 10px #0006}button:active{transform:scale(.94);filter:brightness(.8);box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.primary{background:var(--brand);font-weight:600}button.primary:hover{background:var(--brand-dark);filter:none;box-shadow:0 2px 12px #e6394673}button.primary:active{transform:scale(.94);background:#8f1f28}button.danger{background:transparent;color:var(--brand);border:1px solid var(--brand)}button.small{padding:4px 10px;font-size:13px}input,select,textarea{font:inherit;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);border-color:transparent}label{font-size:13px;color:var(--muted);display:block;margin-bottom:4px}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:40px;width:360px;display:flex;flex-direction:column;gap:14px}.logo{font-size:32px;font-weight:800;letter-spacing:2px}.logo span{color:var(--brand)}.logo-sub{color:var(--muted);font-size:13px;margin-bottom:10px}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--panel);border-right:1px solid var(--border);padding:24px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.sidebar .logo{font-size:22px;padding:0 12px 18px}.nav-item{text-align:left;background:transparent;padding:10px 12px;border-radius:8px;color:var(--muted);font-size:15px}.nav-item.active{background:var(--panel-2);color:var(--text);font-weight:600}.sidebar .spacer{flex:1}.main{flex:1;padding:28px 32px;max-width:1100px}.main h1{font-size:22px;margin-bottom:4px}.main .subtitle{color:var(--muted);font-size:14px;margin-bottom:22px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:16px}.card h2{font-size:16px;margin-bottom:12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.row>div{display:flex;flex-direction:column}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.branch-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column}.branch-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.kv-grid{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;font-size:13px;align-items:center}.kv-grid .k{color:var(--muted)}.branch-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.branch-actions button{flex-shrink:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid form{display:flex;flex-direction:column;gap:8px}.form-grid .inline{display:flex;gap:8px}.form-grid input,.form-grid select{flex:1;min-width:0}@media(max-width:900px){.form-grid{grid-template-columns:1fr}}.dot{width:10px;height:10px;border-radius:50%;background:var(--muted);flex-shrink:0}.dot.online{background:var(--ok);box-shadow:0 0 8px var(--ok)}.branch-name{font-weight:700;flex:1}.tag{font-size:12px;background:var(--panel-2);border-radius:20px;padding:2px 10px;color:var(--muted)}.kv{font-size:13px;color:var(--muted);margin:3px 0}.kv b{color:var(--text);font-weight:600}.paircode{font-size:22px;letter-spacing:4px;font-weight:800;color:var(--warn)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;padding:8px;border-bottom:1px solid var(--border)}td{padding:8px;border-bottom:1px solid var(--border)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.media-card{background:var(--panel-2);border-radius:10px;overflow:hidden}.media-audio{width:100%;height:34px;margin-top:8px}.media-thumb{width:100%;height:110px;object-fit:cover;background:#000;display:block}.media-thumb.audio{display:grid;place-items:center;font-size:40px}.media-info{padding:8px 10px}.media-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-meta{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;margin-top:4px}.pill{display:inline-block;font-size:11px;border-radius:20px;padding:1px 8px;font-weight:700}.pill.H{background:#1c3c5c;color:#7ec3ff}.pill.V{background:#4a2a5c;color:#d9a6ff}.pill.A{background:#204a2c;color:#8ce8a8}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:50}.modal{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;max-width:900px;width:92%;max-height:90vh;overflow-y:auto}.preview-frame{background:#000;border:3px solid #333;border-radius:8px;overflow:hidden;display:inline-block}.preview-frame.horizontal{width:420px;height:236px}.preview-frame.vertical{width:200px;height:356px}.preview-frame video,.preview-frame img{width:100%;height:100%;object-fit:cover;display:block}.preview-empty{display:grid;place-items:center;height:100%;color:var(--muted);font-size:13px}.msg-error{color:var(--brand);font-size:13px}.msg-ok{color:var(--ok);font-size:13px}.list-item{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--border);font-size:14px}.list-item .grow{flex:1}.muted{color:var(--muted)}progress{width:100%}