:root{ --bg:#0b1020; --card:#111833; --muted:#aab; --accent:#4aa3ff; --ok:#38c172; --bad:#e3342f; }
*{box-sizing:border-box}
body{margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto; background:var(--bg); color:#fff;}
.container{max-width:1100px; margin:30px auto; padding:0 16px;}
.card{background:var(--card); border-radius:16px; padding:20px; box-shadow:0 10px 25px rgba(0,0,0,.35);}
.row{display:flex; gap:12px; flex-wrap:wrap}
.row > *{flex:1}
.btn{background:var(--accent); color:#001; border:none; padding:10px 14px; border-radius:10px; font-weight:600; cursor:pointer}
.btn.outline{background:transparent; border:1px solid var(--accent); color:#fff}
input,select,textarea{width:100%; padding:10px; border-radius:10px; border:1px solid #334; background:#0f1730; color:#fff}
table{width:100%; border-collapse:collapse; margin-top:12px}
th,td{padding:10px; border-bottom:1px solid #273055; text-align:left; vertical-align:top}
.small{color:var(--muted); font-size:.9em}
header{display:flex; align-items:center; justify-content:space-between; margin-bottom:18px}
a{color:#b8d7ff; text-decoration:none}
a:hover{text-decoration:underline}
.badge{display:inline-block; padding:4px 8px; border-radius:999px; background:#273055; font-size:.8em}
.stats{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:12px 0}
.stat{background:#111b38; padding:14px; border-radius:12px}
.flash{margin:8px 0; padding:8px 12px; background:#0b1b3b; border-left:3px solid var(--accent); border-radius:8px}
.copy-wrap{display:flex; gap:8px; align-items:center}
.copy-input{flex:1}
details summary{cursor:pointer; font-weight:600}