:root{--bg:#0b1020;--card:#141b2d;--muted:#9aa7c7;--text:#eef3ff;--line:#26304a;--brand:#4f8cff;--brand2:#7a5cff;--ok:#1fbf75;--danger:#ff5b6b}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#0b1020,#12192b 60%,#0d1324);color:var(--text)}a{color:#9ec1ff;text-decoration:none}img{max-width:100%}
.container{max-width:1180px;margin:0 auto;padding:24px}.small-container{max-width:560px}.hero,.card,.sidebar,.dashboard-main{border:1px solid var(--line);background:rgba(20,27,45,.92);backdrop-filter:blur(10px);box-shadow:0 10px 35px rgba(0,0,0,.25)}.hero{border-radius:24px;padding:28px;display:flex;justify-content:space-between;gap:18px;align-items:center}.badge,.tag{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(79,140,255,.16);color:#b8d0ff;font-size:12px}.top-actions,.actions-row,.between{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border:none;cursor:pointer;font-weight:700}.btn-outline{background:transparent;border:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}.card{border-radius:22px;padding:20px}.stat-card strong{font-size:30px;display:block;margin-bottom:6px}.stat-card span{color:var(--muted)}.search-grid,.form-grid{display:grid;gap:12px}.search-grid{grid-template-columns:2fr 1fr auto}.channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.channel-card h2{margin:0 0 8px}.channel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.logo{width:54px;height:54px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}input,select,textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#0e1526;color:var(--text)}textarea{min-height:110px;resize:vertical}.alert{padding:14px 16px;border-radius:14px;margin-bottom:16px}.success{background:rgba(31,191,117,.12);border:1px solid rgba(31,191,117,.35)}.error{background:rgba(255,91,107,.12);border:1px solid rgba(255,91,107,.35)}.dashboard-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{padding:22px;position:sticky;top:0;height:100vh}.sidebar nav{display:grid;gap:10px}.sidebar nav a{padding:12px 14px;border-radius:12px;background:#0e1526;border:1px solid var(--line)}.dashboard-main{padding:24px}.two-col{display:grid;grid-template-columns:360px 1fr;gap:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}small,.empty-state p,p{color:var(--muted)}@media (max-width:860px){.hero,.search-grid,.two-col,.dashboard-shell{grid-template-columns:1fr;display:grid}.sidebar{position:relative;height:auto}.top-actions,.actions-row,.between{flex-wrap:wrap}}

.auth-card{margin-top:40px}.clean-list{margin:10px 0 0;padding-left:18px}.clean-list li{margin:6px 0;color:var(--muted)}label{display:grid;gap:8px;color:var(--text);font-weight:700}.sidebar h2{margin-top:0}.channel-card .actions-row{margin-top:16px}.table-wrap table small{color:var(--muted)}
.form-grid .btn{width:100%}.top-actions{flex-wrap:wrap}.btn-outline{white-space:nowrap}