:root {
    --navy-950:#03244d;
    --navy-900:#073b7a;
    --blue:#0b69c7;
    --green:#06a85f;
    --yellow:#ffd21a;
    --ink:#132238;
    --muted:#65758b;
    --line:#dfe8f2;
    --soft:#f3f7fb;
    --white:#fff;
    --danger:#c62828;
    --shadow:0 18px 55px rgba(3,36,77,.12);
}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--soft);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 85% 10%,rgba(6,168,95,.22),transparent 30%),linear-gradient(135deg,var(--navy-950),var(--navy-900))}
.login-card{width:min(440px,100%);padding:36px;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 30px 100px rgba(0,0,0,.32)}
.login-card img{display:block;width:170px;margin:0 auto 24px}.login-card h1{margin:0 0 8px;text-align:center;color:var(--navy-950);font-size:1.9rem}.login-card>p{margin:0 0 25px;text-align:center;color:var(--muted)}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;color:#d8e4f1;background:var(--navy-950)}
.sidebar-brand{display:flex;align-items:center;gap:12px;padding:8px 10px 27px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand img{width:120px;padding:6px;border-radius:10px;background:white}.sidebar-brand span{font-size:.72rem;color:#9eb2c9}
.sidebar-nav{display:grid;gap:8px;padding-top:24px}.sidebar-nav a{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:12px;color:#b7c8db;font-weight:750}.sidebar-nav a:hover,.sidebar-nav a.active{color:white;background:rgba(255,255,255,.1)}.sidebar-nav b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.08);font-size:.8rem}.sidebar-footer{position:absolute;left:18px;right:18px;bottom:20px;display:grid;gap:8px}.sidebar-footer a,.sidebar-footer button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);border-radius:11px;color:white;background:rgba(255,255,255,.07);font-weight:750}
.admin-main{min-width:0}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px;border-bottom:1px solid var(--line);background:white}.topbar h1{margin:0;color:var(--navy-950);font-size:1.4rem}.topbar p{margin:2px 0 0;color:var(--muted);font-size:.82rem}.mobile-nav{display:none;border:0;border-radius:10px;background:var(--soft);padding:10px 13px}.admin-content{width:min(1320px,calc(100% - 48px));margin:28px auto 60px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{padding:22px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 7px 24px rgba(3,36,77,.06)}.stat small{display:block;color:var(--muted);font-weight:750}.stat strong{display:block;margin-top:5px;color:var(--navy-900);font-size:2rem}
.panel{margin-bottom:24px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:0 10px 32px rgba(3,36,77,.07);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-header h2{margin:0;color:var(--navy-950);font-size:1.15rem}.panel-header p{margin:3px 0 0;color:var(--muted);font-size:.8rem}.panel-body{padding:22px}.panel-actions{display:flex;gap:9px;flex-wrap:wrap}
.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.55fr);gap:22px;align-items:start}.sticky-panel{position:sticky;top:24px}
.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid transparent;border-radius:11px;font-weight:800}.button-primary{color:white;background:linear-gradient(135deg,var(--navy-900),var(--blue))}.button-success{color:white;background:linear-gradient(135deg,var(--green),#07814c)}.button-light{color:var(--navy-900);border-color:var(--line);background:var(--soft)}.button-danger{color:white;background:var(--danger)}.button-small{min-height:34px;padding:0 11px;font-size:.78rem}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:grid;gap:6px}.field-full{grid-column:1/-1}.field label{color:#3e526a;font-size:.8rem;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:11px;outline:0;color:var(--ink);background:#fbfdff}.field input,.field select{height:46px;padding:0 12px}.field textarea{min-height:115px;padding:12px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(6,168,95,.65);box-shadow:0 0 0 4px rgba(6,168,95,.09)}.check-row{display:flex;gap:18px;flex-wrap:wrap}.check-row label{display:flex;align-items:center;gap:7px;color:#52657b;font-size:.83rem;font-weight:750}
.alert{margin-bottom:20px;padding:13px 15px;border-radius:12px;font-weight:750}.alert-success{color:#096a42;border:1px solid #bce6d0;background:#edfbf4}.alert-error{color:#9b1c1c;border:1px solid #efb8b8;background:#fff0f0}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td;padding:13px 12px;border-bottom:1px solid #edf1f6;text-align:left;vertical-align:middle}.data-table th{color:#718196;background:#fafcff;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.data-table td{font-size:.85rem}.data-table tr:last-child td{border-bottom:0}.thumb{width:68px;height:52px;object-fit:cover;border-radius:9px;background:#dfe7f0}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.7rem;font-weight:850}.status-active{color:#08724a;background:#eaf9f2}.status-inactive{color:#7b5b00;background:#fff7d8}.status-unread{color:white;background:var(--green)}.status-read{color:#66768a;background:#edf1f6}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.row-actions form{display:inline}
.image-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.image-item{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px}.image-item img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover}.image-item label{position:absolute;left:6px;right:6px;bottom:6px;padding:6px;border-radius:8px;color:white;background:rgba(155,28,28,.82);font-size:.7rem;font-weight:800}.image-item input{vertical-align:middle}
.message-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fbfdff}.message-card+.message-card{margin-top:12px}.message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.message-card h3{margin:0;color:var(--navy-950);font-size:1rem}.message-card p{margin:10px 0;color:#4d6076;white-space:pre-line}.message-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.76rem}.message-extra{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;padding:12px;border-radius:10px;background:white;font-size:.78rem}.empty{padding:45px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.sticky-panel{position:static}}
@media(max-width:820px){.admin-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:100;width:260px;transform:translateX(-105%);transition:transform .22s}.sidebar.open{transform:translateX(0)}.topbar{padding:0 18px}.mobile-nav{display:block}.admin-content{width:min(100% - 28px,1320px)}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.image-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.stats{grid-template-columns:1fr}.panel-header{align-items:flex-start;flex-direction:column}.panel-body{padding:16px}.message-extra{grid-template-columns:1fr}.login-card{padding:28px 22px}}