:root{--bg:#0b1020;--card:#111a33;--card2:#16213f;--text:#f7fafc;--muted:#aeb8ce;--line:#2b3a63;--accent:#e21d32;--green:#2cb34a;--warn:#f7b955}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#07101d,#101a33 60%,#180c17);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line);background:rgba(5,10,22,.9);position:sticky;top:0;z-index:10}
.top strong{display:block;font-size:22px}.top span{display:block;color:var(--muted);font-size:13px}.top nav{display:flex;gap:10px;flex-wrap:wrap}.top nav a,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:10px;background:var(--accent);color:#fff;padding:10px 14px;font-weight:700;cursor:pointer}
.btn.secondary{background:#2b3a63}.btn.sm{padding:6px 10px;font-size:13px;border-radius:8px}.btn.danger{background:#8b1020}.wrap{width:min(1120px,94vw);margin:28px auto 60px}.hero{padding:34px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at top right,rgba(226,29,50,.22),transparent 30%),var(--card)}
.hero h1{font-size:46px;margin:0 0 8px}.hero p{color:var(--muted);font-size:18px;line-height:1.5;max-width:850px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.cards article,.panel,.qsl-card,.form,.table-wrap{background:rgba(17,26,51,.9);border:1px solid var(--line);border-radius:16px;padding:18px}.cards h3{margin-top:0}.muted{color:var(--muted)}.form{display:grid;gap:14px;max-width:720px}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.form label{display:grid;gap:6px;color:var(--muted);font-weight:650}.form input,.form select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:#0b1020;color:var(--text)}
.form button{width:max-content}.alert{padding:12px 14px;border-radius:12px;margin:0 0 14px;border:1px solid var(--line);background:#132342}.alert.success{background:rgba(44,179,74,.14);border-color:#2cb34a}.alert.error{background:rgba(226,29,50,.14);border-color:#e21d32}.alert.warning{background:rgba(247,185,85,.14);border-color:#f7b955}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.qsl-card{padding:10px;overflow:hidden}.qsl-card img{width:100%;display:block;border-radius:12px;background:#050814}.qsl-card div{padding:8px}.qsl-card span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.mini-actions,.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mini-actions form,.row-actions form{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px}th{color:#fff}.status{display:inline-block;border-radius:999px;padding:4px 8px;background:#2b3a63}.status.approved{background:#175c2a}.status.pending{background:#76550d}.status.disabled{background:#5d1720}.foot{text-align:center;color:var(--muted);padding:28px;border-top:1px solid var(--line)}
@media(max-width:800px){.top{display:block}.top nav{margin-top:12px}.cards,.grid-form{grid-template-columns:1fr}.hero h1{font-size:36px}}