@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#10194b;--ink:#263456;--muted:#7c87a0;--line:#e8ecf5;--purple:#7543ef;--blue:#287cf7;--surface:#fff;--bg:#f6f8fd;--green:#19a779;--orange:#ed8a25}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit}.admin-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:linear-gradient(180deg,#10194b,#172263);color:#fff;display:flex;flex-direction:column;padding:25px 16px;z-index:5}.admin-brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:800;font-size:17px;padding:4px 12px 32px}.admin-brand img{width:38px;height:38px;border-radius:12px}.admin-brand small{font-size:10px;color:#aab6e5;font-weight:500}.side-nav{display:grid;gap:5px}.side-nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:11px;color:#b8c2e9;text-decoration:none;font-size:13px;font-weight:600}.side-nav a:hover,.side-nav a:first-child{color:#fff;background:#ffffff16}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff1c;padding:18px 8px 3px;display:grid;grid-template-columns:34px 1fr 20px;gap:9px;align-items:center}.admin-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#7347ef;font-weight:800}.sidebar-bottom b,.sidebar-bottom small{display:block}.sidebar-bottom b{font-size:11px}.sidebar-bottom small{font-size:9px;color:#acb7dc;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom a{color:#b8c2e9;text-decoration:none}.admin-main{margin-left:244px;flex:1;padding:0 44px 55px;max-width:1500px;width:100%}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:32px 0 27px}.admin-topbar h1{margin:4px 0 0;font-size:28px;color:var(--navy)}.muted,.section-kicker{color:#7d87a1;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}.view-site,.text-link{color:#6740eb;text-decoration:none;font-size:12px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stat-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 24px #24346b08}.stat-card{padding:19px;min-height:145px}.stat-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-size:18px;margin-bottom:16px}.stat-icon.purple{color:#7440ec;background:#efeaff}.stat-icon.green{color:#14a873;background:#e4faf2}.stat-icon.orange{color:#ed8a25;background:#fff1e5}.stat-icon.blue{color:#287cf7;background:#e8f1ff}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{font-size:11px;color:#7a849a}.stat-card strong{font-size:27px;color:var(--navy);margin:2px 0}.stat-card em{font-size:10px;color:#9aa3b5;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:20px}.panel{padding:23px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel h2{font-size:19px;color:var(--navy);margin:5px 0 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#9099ac;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;padding:11px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #f0f2f7;white-space:nowrap}tr:last-child td{border-bottom:0}.post-cell{display:flex;gap:10px;align-items:center;min-width:260px}.post-cell img{width:42px;height:38px;object-fit:cover;border-radius:8px}.post-cell b,.post-cell small{display:block}.post-cell b{font-size:12px;color:var(--navy);white-space:normal;max-width:300px}.post-cell small{color:#8993a8;font-size:10px;margin-top:3px}.status{display:inline-block;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700}.status.published{background:#e5faf1;color:#159b6d}.status.draft{background:#fff1e2;color:#d47919}.row-action{color:#5f40dc;text-decoration:none;font-size:11px;font-weight:700}.delete-action{border:0;background:none;color:#dc5f69;font:inherit;font-size:11px;cursor:pointer}.action-group{display:flex;gap:12px;align-items:center}.quick-panel p{font-size:13px;line-height:1.6;color:#72809a}.primary-button{border:0;display:inline-block;background:linear-gradient(100deg,#287cf7,#773be9);color:#fff;border-radius:10px;padding:13px 18px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 8px 18px #5c42df24}.primary-button.compact{padding:10px 14px;font-size:11px}.primary-button.full{width:100%;margin-top:10px}.mini-callout{border-top:1px solid var(--line);margin-top:30px;padding-top:18px}.mini-callout b,.mini-callout span,.mini-callout a{display:block}.mini-callout b{font-size:12px}.mini-callout span{color:#8892a8;font-size:11px;margin:4px 0 8px}.mini-callout a{font-size:11px;color:#6240e4;text-decoration:none;font-weight:700}.filter-tabs{display:flex;gap:6px;margin:-1px 0 16px}.filter-tabs a{padding:8px 12px;color:#8490a6;text-decoration:none;border-radius:8px;font-size:11px;font-weight:700}.filter-tabs a.active{color:#653de4;background:#f0eaff}.empty-state{text-align:center;color:#8a94a8;padding:45px;font-size:13px}.editor-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:20px}.editor-main,.editor-side{display:grid;gap:20px;align-content:start}.editor-panel label{display:block;color:#51607d;font-size:11px;font-weight:700;margin-top:17px}.editor-panel input,.editor-panel textarea,.editor-panel select{display:block;width:100%;margin-top:7px;border:1px solid #dfe5f1;border-radius:9px;padding:12px 13px;font:inherit;font-size:13px;color:var(--navy);background:#fff;outline:none}.editor-panel textarea{resize:vertical;line-height:1.6}.editor-panel input:focus,.editor-panel textarea:focus,.editor-panel select:focus{border-color:#8a6af0;box-shadow:0 0 0 3px #8a6af018}.editor-panel .title-input{font-size:20px;font-weight:700}.body-editor{min-height:330px}.field-help{display:block;color:#8a94a8;font-size:10px;margin-top:5px;font-weight:400}.cancel-link{display:block;text-align:center;margin-top:13px;color:#7d879a;text-decoration:none;font-size:11px}.auth-page{min-height:100vh;background:radial-gradient(circle at 80% 20%,#e8edff,#f8f9fd 45%);display:grid;place-items:center;padding:20px}.auth-card{width:min(100%,430px);background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:0 22px 55px #1c2d7218}.auth-logo{width:52px;height:52px;border-radius:16px;margin-bottom:18px}.eyebrow-admin{font-size:10px;font-weight:800;letter-spacing:.14em;color:#6940e9}.auth-card h1{color:var(--navy);font-size:27px;margin:10px 0 7px}.auth-card p{color:#78859d;font-size:13px;margin:0 0 25px}.auth-card label{display:block;color:#52607d;font-size:11px;font-weight:700;margin:15px 0}.auth-card input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #dfe5f1;border-radius:9px;font:inherit}.auth-card .primary-button{width:100%;margin-top:10px}.form-error,.form-success{border-radius:9px;padding:10px;font-size:11px;margin:12px 0}.form-error{background:#fff0f0;color:#c54d5a}.form-success{background:#e8faf1;color:#18875f}.auth-note,.auth-link{display:block;color:#8993a8;font-size:11px;text-align:center;margin-top:19px}.auth-link{color:#6540e4;text-decoration:none;font-weight:700}@media(max-width:900px){.sidebar{width:76px;padding:20px 10px}.admin-brand{padding:4px 8px 30px}.admin-brand span,.side-nav span,.sidebar-bottom div,.sidebar-bottom a{display:none}.admin-brand img{width:38px}.side-nav a{justify-content:center;padding:13px 0}.sidebar-bottom{display:block;padding:15px 12px}.admin-main{margin-left:76px;padding:0 20px 40px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.editor-layout{grid-template-columns:1fr}}@media(max-width:580px){.admin-topbar{align-items:start;gap:10px}.admin-topbar h1{font-size:22px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px;min-height:125px}.panel{padding:16px}.post-cell{min-width:210px}.admin-topbar .view-site{font-size:10px}.auth-card{padding:28px 22px}}
