@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--p:#d71920;--pd:#9f1218;--d:#14161f;--b:#eadfe0;--s:#fff7f7}body{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:var(--s);color:var(--d)}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#fff3f4 55%,#ffe5e7)}.login-card{width:min(420px,92vw);background:#fff;border:1px solid var(--b);border-radius:10px;padding:34px;box-shadow:0 26px 80px rgba(143,17,23,.13)}.panel-logo{display:grid;place-items:center;width:58px;height:58px;border-radius:8px;background:var(--p);color:#fff;font-weight:900;font-size:1.6rem}.sidebar{min-height:100vh;background:#111318;color:#fff;position:fixed;width:260px;padding:24px}.sidebar a{display:block;color:#cbd5e1;text-decoration:none;padding:12px 14px;border-radius:6px;margin:4px 0}.sidebar a:hover,.sidebar a.active{background:#d71920;color:#fff}.main{margin-left:260px;padding:28px}.top-card,.cardx{background:#fff;border:1px solid var(--b);border-radius:10px;padding:22px;box-shadow:0 12px 36px rgba(20,22,31,.04)}.metric{font-size:2rem;font-weight:900}.form-control,.form-select{border-radius:7px;min-height:48px}.form-control:focus,.form-select:focus{border-color:#f09ca1;box-shadow:0 0 0 .25rem rgba(215,25,32,.12)}.btn{border-radius:6px;font-weight:700}.btn-primary{background:var(--p);border-color:var(--p)}.btn-primary:hover{background:var(--pd);border-color:var(--pd)}.btn-outline-primary{color:var(--p);border-color:var(--p)}.btn-outline-primary:hover{background:var(--p);border-color:var(--p)}.table>:not(caption)>*>*{padding:14px}@media(max-width:900px){.sidebar{position:static;width:auto;min-height:auto}.main{margin-left:0}}

.panel-image-preview{border:1px solid #eadfe0;border-radius:8px;background:#fff7f7;padding:8px}
.panel-image-preview img{display:block;width:100%;max-height:170px;object-fit:cover;border-radius:6px}


.admin-logo-preview{display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:82px;background:#fff;border:1px solid #eadfe0;border-radius:10px;padding:14px}
.admin-logo-preview img{max-width:260px;max-height:72px;display:block}

.support-reply{border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:14px;margin-top:12px;background:#fff}.support-reply.admin{border-color:rgba(227,6,19,.20);background:rgba(227,6,19,.04)}.support-reply small{display:block;color:#6b7280;margin-bottom:6px}