@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Syne:wght@700;800&display=swap');
:root{--ink:#11142b;--bg:#f3f4f9;--white:#fff;--violet:#7057ff;--pink:#ff4d8d;--mint:#23d5ab;--red:#df3155;--muted:#73778b;--line:#e4e5ed;--shadow:0 18px 50px rgba(27,26,65,.12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;padding:1.5rem;background:#11142b;color:#fff;display:flex;flex-direction:column}.admin-logo{display:flex;gap:.8rem;align-items:center;margin-bottom:2.5rem}.admin-logo>span,.install-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--violet));font-family:Syne;font-weight:800}.admin-logo strong,.admin-logo small,.install-brand strong,.install-brand small{display:block}.admin-logo small,.install-brand small{color:#a9acc0;font-size:.72rem}.admin-nav{display:flex;flex-direction:column;gap:.4rem}.admin-nav a{padding:.78rem .9rem;border-radius:12px;color:#b8bbcb;font-weight:700}.admin-nav a:hover,.admin-nav a.active{background:rgba(255,255,255,.1);color:#fff}.admin-sidebar-foot{margin-top:auto;color:#8e92a8;font-size:.8rem}.admin-sidebar-foot a{display:block;margin-top:.7rem;color:#fff}.admin-main{padding:2rem clamp(1.2rem,4vw,4rem)}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-top h1{font-family:Syne;font-size:clamp(2rem,4vw,3rem);margin:0;letter-spacing:-.04em}.admin-top p{margin:.25rem 0 0;color:var(--muted)}.user-pill{background:#fff;border:1px solid var(--line);padding:.65rem .9rem;border-radius:999px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat{background:#fff;border-radius:18px;padding:1.3rem;border:1px solid var(--line)}.stat span{color:var(--muted);font-size:.82rem}.stat strong{display:block;font-family:Syne;font-size:2.2rem;margin-top:.3rem}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.4rem;margin-bottom:1.3rem;box-shadow:0 8px 30px rgba(27,26,65,.04)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.panel h2{font-family:Syne;margin:0;font-size:1.35rem}.admin-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:var(--ink);color:#fff;padding:.78rem 1rem;font-weight:800;cursor:pointer}.admin-button:hover{background:var(--violet)}.admin-button.secondary{background:#f0eff8;color:var(--ink)}.admin-button.danger{background:#ffe8ed;color:#a21f3b}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:.85rem;border-bottom:1px solid var(--line);vertical-align:middle}.data-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.badge{display:inline-flex;border-radius:999px;padding:.3rem .6rem;background:#def8ef;color:#176350;font-size:.75rem;font-weight:800}.badge.draft{background:#ececf2;color:#686b78}.actions-row{display:flex;gap:.5rem;align-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.4rem}.form-field.full{grid-column:1/-1}.form-field label{font-weight:700}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--line);border-radius:11px;padding:.8rem .9rem;background:#fff}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:3px solid rgba(112,87,255,.15);border-color:var(--violet)}.color-input{height:46px;padding:.3rem!important}.alert{padding:.9rem 1rem;border-radius:11px;background:#ffe6ec;color:#8e1f3a;margin:1rem 0}.success-note{padding:.9rem 1rem;border-radius:11px;background:#dff8ef;color:#176350;margin:1rem 0}.empty{padding:2.5rem;text-align:center;color:var(--muted)}.message-row.unread td{font-weight:700}.message-body{white-space:pre-wrap;background:#f6f6fa;padding:1rem;border-radius:11px}.install-body{min-height:100vh;display:grid;place-items:center;padding:2rem;background:linear-gradient(135deg,#11142b,#30205c 50%,#0f6d74)}.install-card{width:min(720px,100%);background:#fff;border-radius:24px;padding:clamp(1.5rem,5vw,3rem);box-shadow:var(--shadow)}.install-brand{display:flex;gap:.8rem;align-items:center;margin-bottom:2rem}.install-card h1{font-family:Syne;font-size:2.4rem;margin:.3rem 0}.install-card h2{font-family:Syne;font-size:1.1rem;margin:2rem 0 .8rem}.lead,.hint{color:var(--muted)}.install-form{display:flex;flex-direction:column;gap:.8rem}.install-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:700}.install-form input{border:1px solid var(--line);border-radius:11px;padding:.8rem}.install-form .two{display:grid;grid-template-columns:1fr 130px;gap:.8rem}.success{text-align:center;padding:2rem 0}.login-card{width:min(430px,100%)}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-nav{flex-direction:row;overflow:auto}.admin-sidebar-foot{display:none}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats,.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.admin-top{align-items:flex-start;gap:1rem;flex-direction:column}.data-table{display:block;overflow-x:auto}.install-form .two{grid-template-columns:1fr}}