:root{--bg:#0a0e13;--panel:#0f141a;--fg:#bfffe0;--muted:#7fbfa1;--err:#ff8a8a;--btn:#12201a}
html,body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.4 system-ui,Segoe UI,Roboto,Arial}
a{color:var(--fg)}
.top{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(15,20,26,.9)}
.toplinks a{margin-left:12px}
.wrap{display:grid;grid-template-columns: 420px 1fr;gap:12px;padding:12px}
.col,.col2{min-width:0}
.box{background:rgba(15,20,26,.92);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;margin-bottom:12px}
.card{width:min(520px,92vw);margin:60px auto;background:rgba(15,20,26,.92);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px}
h2,h3{margin:0 0 10px}
label{display:block;margin:8px 0 4px;color:var(--muted)}
input{width:100%;box-sizing:border-box;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#0b1016;color:var(--fg)}
.btn{margin-top:10px;background:var(--btn);border:1px solid rgba(255,255,255,.10);color:var(--fg);padding:10px 12px;border-radius:12px;cursor:pointer}
.btnsmall{background:var(--btn);border:1px solid rgba(255,255,255,.10);color:var(--fg);padding:6px 10px;border-radius:10px;cursor:pointer}
.btnlink{display:inline-block;margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:var(--btn);text-decoration:none}
.err{color:var(--err);margin:8px 0}
.muted{opacity:.75}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}
.row:first-child{border-top:0}
.viewer{min-height:420px}
.viewer iframe{width:100%;height:520px;border:0;background:#0d1318;border-radius:12px}
.side .tabs{display:flex;gap:8px;margin-bottom:10px}
.tab{background:var(--btn);border:1px solid rgba(255,255,255,.10);color:var(--fg);padding:8px 10px;border-radius:10px;cursor:pointer}
.tab.active{outline:1px solid rgba(0,255,138,.35)}
.list .item{padding:10px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:10px}
.list .item:first-child{border-top:0}
.mini{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.mini input{padding:8px}