@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');:root{--nav:#171b23;--nav2:#202631;--gold:#cf9950;--bg:#f4f5f7;--line:#e3e5e9;--text:#222936;--muted:#858d99;--blue:#293a50}*{box-sizing:border-box}body{margin:0;font:13px/1.5 'DM Sans',Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{width:260px;flex:0 0 260px;background:var(--nav);color:#c3c8d1;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.admin-brand{font-size:20px;font-weight:800;letter-spacing:1px;color:#fff;padding:27px 25px 30px}.admin-brand span{display:inline-block;color:var(--gold);font-size:9px;letter-spacing:2px;vertical-align:top;padding:5px 0 0 4px}.sidebar-caption{font-size:9px;letter-spacing:2px;color:#717b89;padding:0 25px 13px;font-weight:800}.admin-sidebar nav{overflow:auto;flex:1;padding:0 10px}.admin-sidebar nav button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:13px 15px;border:0;border-radius:7px;color:#b6beca;background:transparent;font-size:12px}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{background:var(--nav2);color:#fff}.admin-sidebar nav button.active{border-left:3px solid var(--gold)}.admin-sidebar nav button:first-letter{font-size:16px}.sidebar-bottom{border-top:1px solid #2c323e;padding:20px;display:flex;flex-direction:column;gap:15px}.sidebar-bottom a,.sidebar-bottom button{color:#b4bcc8;background:none;border:0;text-align:left;font-size:12px}.admin-main{flex:1;min-width:0}.admin-topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 36px;font-weight:800}.admin-top-actions{margin-left:auto;color:#758079;font-size:11px;font-weight:600}.status-dot{display:inline-block;background:#43bd83;width:7px;height:7px;border-radius:50%;margin-right:6px}.sidebar-toggle{display:none;border:0;background:none;font-size:20px}.admin-content{padding:36px;max-width:1500px}.content-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.content-head h1{font-size:26px;letter-spacing:-.6px;margin:0 0 5px}.content-head p{color:var(--muted);margin:0}.admin-btn{background:var(--blue);color:#fff;border:1px solid var(--blue);padding:12px 18px;border-radius:6px;font-weight:700;font-size:12px;white-space:nowrap}.admin-btn:hover{background:#1c293a}.admin-btn.secondary{background:#fff;color:#374253;border-color:#d9dce2}.admin-btn.danger{background:#fff;color:#c83f4b;border-color:#edc4c8}.admin-btn.small{padding:7px 10px;font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{background:white;border:1px solid var(--line);padding:23px;border-radius:10px}.stat-card .stat-label{color:#8c939d;font-size:11px;font-weight:700}.stat-card strong{display:block;font-size:33px;margin:10px 0}.stat-card span{font-size:11px;color:#b2a18a}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:25px}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:15px;margin:0}.panel-body{padding:24px}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:10px;letter-spacing:1px;color:#89919d;text-transform:uppercase;padding:15px 20px;background:#fafbfc}.data-table td{padding:14px 20px;border-top:1px solid #eff0f2;vertical-align:middle;font-size:12px}.data-table tr:hover td{background:#fbfcfd}.table-title{font-weight:800}.table-sub{color:#a0a5af;font-size:10px;margin-top:4px;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-thumb{width:70px;height:45px;object-fit:cover;background:#d4d2ce;border-radius:4px}.pill{font-size:10px;font-weight:800;border-radius:20px;padding:5px 9px;display:inline-block;background:#e5f6ec;color:#21854b}.pill.off{background:#f2eded;color:#a67e7e}.actions{display:flex;gap:7px;justify-content:flex-end}.empty{padding:50px;text-align:center;color:#8e96a2}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.form-field label{font-weight:800;font-size:11px;color:#515b69}.form-field input,.form-field textarea,.form-field select{width:100%;padding:12px 13px;border:1px solid #dce0e6;border-radius:6px;background:#fff;color:#293240;outline:0}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #cf995021}.form-field textarea{min-height:95px;resize:vertical}.form-field small{color:#9a9fa9}.form-field.wide{grid-column:1/-1}.image-field{background:#f8f9fa;padding:12px;border:1px dashed #d9dce2;border-radius:6px}.image-preview{max-height:140px;max-width:220px;object-fit:cover;margin-top:10px;border-radius:4px;display:block}.image-field input[type=file]{margin-top:10px;border:0;padding:0;font-size:11px}.settings-footer{display:flex;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--line)}.modal[hidden]{display:none}.modal{position:fixed;z-index:90;inset:0;display:flex;justify-content:center;align-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:#131822ad}.modal-panel{position:relative;z-index:1;background:#fff;width:min(620px,100%);max-height:94vh;overflow:auto;border-radius:10px;box-shadow:0 30px 90px #0004}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:18px}.modal-header button{background:none;border:0;font-size:26px;color:#747b87}.modal #modal-fields{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.modal-footer{padding:20px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;bottom:25px;right:25px;background:#242c39;color:#fff;padding:14px 20px;border-radius:7px;box-shadow:0 8px 25px #0002;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s;z-index:100}.toast.show{opacity:1;transform:translateY(0)}.dashboard-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.shortcut{background:#fff;border:1px solid var(--line);padding:23px;border-radius:10px;text-align:left}.shortcut strong{display:block;font-size:14px;margin-bottom:5px}.shortcut span{color:#8b939d;font-size:11px}.message-card{padding:20px 25px;border-bottom:1px solid var(--line)}.message-card.unread{border-left:4px solid var(--gold)}.message-card h3{font-size:13px;margin:0}.message-card .meta{font-size:10px;color:#9099a4;margin:6px 0 12px}.message-card p{white-space:pre-wrap;color:#545c66}.loading{padding:60px;text-align:center;color:#888}.login-page{min-height:100vh;background:radial-gradient(circle at 15% 10%,#394252,#111720 65%);display:grid;place-items:center;padding:25px}.login-card{width:min(420px,100%);padding:42px;background:#fff;border-radius:12px;box-shadow:0 20px 70px #0004}.login-card .admin-brand{color:#1c2531;padding:0 0 30px}.login-card h1{font-size:24px;margin:0}.login-card p{color:#8b94a1;margin-bottom:30px}.login-card label{display:block;font-size:11px;font-weight:800;margin-bottom:18px}.login-card input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d8dce3;border-radius:5px}.login-card button{width:100%;padding:14px}.login-card a{display:block;margin-top:20px;font-size:11px;color:#89909b}.login-card #login-error{color:#c6424c;margin-top:12px;min-height:16px}
@media(max-width:1000px){.admin-sidebar{width:220px;flex-basis:220px}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-content{padding:25px}.dashboard-shortcuts{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.admin-sidebar{position:fixed;z-index:70;transform:translateX(-100%);transition:.2s}.admin-sidebar.open{transform:translateX(0)}.admin-topbar{padding:0 18px}.sidebar-toggle{display:block}.admin-content{padding:20px}.stat-grid,.settings-grid,.dashboard-shortcuts{grid-template-columns:1fr}.content-head{align-items:flex-start;flex-direction:column}.modal #modal-fields{grid-template-columns:1fr}.form-field.wide{grid-column:auto}}