:root{--navy:#13294b;--navy2:#22406b;--red:#e4111f;--bg:#0e1622;--panel:#16202e;--line:#26313d;--text:#eaeef3;--muted:#9aa7b4;--chip:#1e2a36;--green:#1f9d55;--amber:#c47f17;--font:"Cairo",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(120% 120% at 80% 0,var(--navy2),var(--bg) 60%);padding:1rem}.login__card{width:min(380px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:0 20px 50px -20px rgba(0,0,0,.6)}.login__brand{font-size:1.6rem;font-weight:800;text-align:center}.login__sub{color:var(--muted);text-align:center;font-size:.9rem;margin-bottom:.5rem}.login__input{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;color:var(--text);font-family:inherit;font-size:1rem}.login__input:focus{outline:none;border-color:var(--navy2)}.login__btn{background:var(--red);color:#fff;border:none;border-radius:10px;padding:.8rem;font-weight:700;font-family:inherit;font-size:1rem;cursor:pointer}.login__btn:disabled{opacity:.6}.login__err{color:#ff6b6b;font-size:.85rem;text-align:center}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:var(--navy);-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);padding:1.2rem 1rem;display:flex;flex-direction:column;gap:.3rem;position:-webkit-sticky;position:sticky;top:0;height:100vh}.side__brand{font-weight:800;font-size:1.2rem;padding:.4rem .6rem 1rem}.side__link{display:block;padding:.6rem .8rem;border-radius:9px;color:var(--muted);font-weight:600}.side__link--active,.side__link:hover{background:rgba(255,255,255,.08);color:#fff}.side__spacer{flex:1 1}.side__logout{background:none;border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:.55rem;font-family:inherit;cursor:pointer}.main{padding:1.6rem 1.8rem;max-width:1200px}.h1{font-size:1.5rem;font-weight:800;margin-bottom:.3rem}.lead{color:var(--muted);margin-bottom:1.4rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem}.card__n{font-size:2rem;font-weight:800}.card__l{color:var(--muted);font-size:.85rem;margin-top:.2rem}.card--alert{border-color:#5b2b2f}.card--alert .card__n{color:#ff8b8b}.tablewrap{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{text-align:right;padding:.85rem 1rem;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:600;font-size:.8rem;background:rgba(255,255,255,.02)}tr:last-child td{border-bottom:none}.site{display:flex;flex-direction:column}.site__name{font-weight:700}.site__slug{color:var(--muted);font-size:.78rem}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700}.badge--active{background:rgba(31,157,85,.18);color:#5fd699}.badge--suspended{background:rgba(228,17,31,.18);color:#ff8b8b}.badge--archived{background:rgba(154,167,180,.15);color:var(--muted)}.badge--draft{background:rgba(196,127,23,.18);color:#e6b45f}.pill{background:var(--chip);color:var(--muted);border-radius:999px;padding:.1rem .5rem;font-size:.72rem}.act{display:inline-flex;gap:.4rem}.btn{border:1px solid var(--line);background:var(--chip);color:var(--text);border-radius:8px;padding:.4rem .7rem;font-family:inherit;font-size:.8rem;cursor:pointer}.btn:hover{border-color:var(--navy2)}.btn--danger{background:rgba(228,17,31,.14);border-color:#5b2b2f;color:#ff9b9b}.btn--ok{background:rgba(31,157,85,.14);border-color:#2b5b3f;color:#7fe0a8}.filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.filter{padding:.4rem .9rem;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:.85rem}.filter--active{background:var(--navy2);color:#fff;border-color:var(--navy2)}.empty{color:var(--muted);padding:2.5rem;text-align:center}@media (max-width:760px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap}.side__spacer{display:none}}