:root{
  --bg:#0b1220; --panel:#11182a; --muted:#8392a8; --text:#edf2ff;
  --primary:#3b82f6; --primary-2:#2563eb; --success:#22c55e; --danger:#ef4444; --border:#1f2a44;
  --card:#0f172a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,Segoe UI,Arial}
.container{max-width:980px;margin:24px auto;padding:0 12px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 6px 16px rgba(0,0,0,.25);margin:14px 0}
.hdr{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:4px 0 16px}
.badge{display:inline-flex;align-items:center;gap:6px;background:#0b1730;border:1px solid var(--border);padding:4px 8px;border-radius:999px;color:var(--muted)}
h1,h2,h3{margin:0 0 8px}
h1{font-size:22px} h2{font-size:18px} h3{font-size:16px;color:#cbd5e1;margin-top:2px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
label{color:#aab7cf}
input,select,button{appearance:none;border:1px solid var(--border);background:#0c1427;color:var(--text);padding:8px 10px;border-radius:10px}
input:focus,select:focus{outline:2px solid var(--primary)}
button{cursor:pointer;transition:.15s}
.btn{background:var(--primary);border-color:var(--primary-2)}
.btn:hover{background:var(--primary-2)}
.btn.ghost{background:#0c1427}
.btn.gray{background:#0c1427;border-color:#26324e}
.btn.success{background:var(--success);border-color:#16a34a}
.btn.danger{background:var(--danger);border-color:#b91c1c}
.kutu{display:grid;grid-template-columns:1fr auto;gap:10px}
.list button{display:block;width:100%;text-align:left;margin:6px 0;background:#0f172a;border-color:#1e293b}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.muted{color:var(--muted)}
.hr{height:1px;background:var(--border);margin:12px 0}
.video{width:100%;max-height:260px;background:#000;border-radius:14px;border:1px solid var(--border)}
.toast{padding:10px 12px;border-radius:10px;background:#0b1730;border:1px solid var(--border);color:#cbd5e1}
.table{width:100%;border-collapse:collapse;margin-top:6px}
.table th,.table td{border:1px solid var(--border);padding:8px 10px}
.table th{background:#0f172a;color:#cbd5e1}
.small{font-size:12px}
.right{display:flex;gap:8px}