:root{
  --bg:#0f1720; --panel:#16212c; --panel2:#1c2a37; --border:#2a3b4a;
  --text:#e8eef3; --muted:#93a4b3; --accent:#4fb0ff; --accent2:#ffb84f;
  --good:#4fd88a; --bad:#ff6b6b;
}
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);}
header{padding:14px 20px;border-bottom:1px solid var(--border);background:var(--panel);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
header .brand{font-weight:700;font-size:17px;letter-spacing:.02em;color:var(--text);text-decoration:none;cursor:pointer;}
header .brand span{color:var(--accent);}
header nav{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted);}
header nav a, header nav button{color:var(--text);text-decoration:none;background:transparent;border:1px solid var(--border);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px;}
main{max-width:1100px;margin:0 auto;padding:20px;}
.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px 20px;margin-bottom:16px;}
.card h2{margin:0 0 12px;font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);}
.field{margin-bottom:10px;}
.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;}
.field input, .field select, .field textarea{width:100%;padding:8px 10px;background:var(--panel2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
button.btn{cursor:pointer;border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:9px 16px;border-radius:7px;font-size:13px;}
button.btn.primary{background:var(--accent);border-color:var(--accent);color:#06141f;font-weight:600;}
button.btn.ghost{background:transparent;}
button.btn.danger{color:var(--bad);}
button.btn.good{background:var(--good);border-color:var(--good);color:#06141f;font-weight:600;}
button.btn:disabled{opacity:.5;cursor:not-allowed;}
.note{font-size:12px;color:var(--muted);line-height:1.5;margin-top:6px;}
.error{color:var(--bad);font-size:13px;margin:8px 0;}
.success{color:var(--good);font-size:13px;margin:8px 0;}
.badge{display:inline-block;padding:2px 9px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.03em;}
.badge.verified{background:rgba(79,216,138,.15);color:var(--good);border:1px solid rgba(79,216,138,.4);}
.badge.unverified{background:rgba(255,184,79,.15);color:var(--accent2);border:1px solid rgba(255,184,79,.4);}
.badge.pending{background:rgba(79,176,255,.15);color:var(--accent);border:1px solid rgba(79,176,255,.4);}
.badge.rejected{background:rgba(255,107,107,.15);color:var(--bad);border:1px solid rgba(255,107,107,.4);}
.stamp{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.03em;background:linear-gradient(135deg,#ffb84f,#ff8a4f);color:#2a1400;}
.banner{background:rgba(255,184,79,.12);border:1px solid rgba(255,184,79,.4);color:var(--accent2);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:13px;}
.banner.info{background:rgba(79,176,255,.12);border-color:rgba(79,176,255,.4);color:var(--accent);}
table.list{width:100%;border-collapse:collapse;font-size:13px;}
table.list th, table.list td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);}
table.list th{color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;}
table.list tr:hover{background:var(--panel2);cursor:pointer;}
.course-row{display:grid;grid-template-columns:60px 70px 60px 1fr 34px;gap:8px;align-items:center;margin-bottom:6px;}
.course-row select, .course-row input{padding:6px 6px;background:var(--panel2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;}
.course-row .rm{background:transparent;border:none;color:var(--bad);cursor:pointer;font-size:16px;}
#map, #mapDetail, #mapPublic{height:380px;border-radius:8px;border:1px solid var(--border);margin-top:10px;}
.stat{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;border-bottom:1px dashed var(--border);}
.stat:last-child{border-bottom:none;}
.stat b{color:var(--accent2);}
.codebox{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-family:monospace;font-size:16px;}
.muted{color:var(--muted);}
.center{text-align:center;}
.hidden{display:none !important;}
a.link{color:var(--accent);}
.docrow{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px solid var(--border);}
.small{font-size:11px;color:var(--muted);}
.tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--border);}
.tabs button{background:transparent;border:none;color:var(--muted);padding:10px 4px;cursor:pointer;font-size:13px;border-bottom:2px solid transparent;}
.tabs button.active{color:var(--accent);border-bottom-color:var(--accent);}
.resultcard{border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:10px;background:var(--panel2);}
.resultcard .top{display:flex;justify-content:space-between;align-items:center;}
.dropzone{border:2px dashed var(--border);border-radius:8px;padding:20px 14px;text-align:center;cursor:pointer;background:var(--panel2);transition:border-color .15s,background .15s;}
.dropzone p{margin:2px 0;font-size:13px;}
.dropzone.drag{border-color:var(--accent);background:rgba(79,176,255,.08);}
.linklike{background:none;border:none;padding:0;color:var(--accent);cursor:pointer;font-size:13px;text-decoration:underline;}
.dz-filename{color:var(--good);margin-top:8px;}