@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#0D1B2A;--ink:#1B263B;--blue:#415A77;--steel:#778DA9;--mist:#E0E1DD;--bg:#f7f7f5;--white:#fff;--line:#e5e6e3;--shadow:0 12px 35px rgba(13,27,42,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font:14px Poppins,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:255px;background:var(--navy);color:#fff;padding:25px 16px;z-index:10}.logo{display:flex;align-items:center;gap:10px;color:#fff;margin:0 10px 28px}.logo span{width:45px;height:45px;border:1px solid rgba(255,255,255,.6);display:grid;place-items:center;font:700 17px Georgia;border-radius:7px}.logo small{font-size:9px;letter-spacing:1.2px;font-weight:800}.profile{background:var(--ink);border-radius:13px;padding:13px;margin:0 3px 20px}.profile small{display:block;color:#9da8b5;font-size:9px;letter-spacing:1px}.profile b{display:block;margin-top:5px}nav{display:grid;gap:4px}nav a{color:#aeb8c4;padding:11px 12px;border-radius:10px;font-weight:500}nav a:hover,nav a.active{background:#fff;color:var(--navy)}.logout{position:absolute;bottom:25px;left:28px;color:#aeb8c4;font-size:12px}.main{margin-left:255px;padding:34px 42px;max-width:1550px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:800;color:var(--blue)}h1{font-size:31px;line-height:1.15;margin:6px 0 0;letter-spacing:-1px}h2{font-size:16px;margin:0}h3{font-size:13px;margin:22px 0 10px}.btn{display:inline-block;border:0;border-radius:11px;padding:11px 15px;font-weight:800;cursor:pointer}.primary{background:var(--navy);color:#fff}.secondary{background:var(--mist);color:var(--navy)}.danger{background:#f6e6e5;color:#8b3028}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat small{color:#68717b}.stat strong{display:block;font-size:28px;margin:6px 0 2px}.delta{font-size:10px;color:var(--steel)}.grid{display:grid;grid-template-columns:1.45fr .8fr;gap:16px}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 0;border-top:1px solid #ececea}.row small{display:block;color:#7a8087;font-size:10px;margin-top:4px}.pill{font-size:9px;font-weight:800;padding:6px 9px;border-radius:30px;background:var(--mist);white-space:nowrap}.approved{background:#e8f0ea;color:#315a40}.review{background:#f1e7d7;color:#76531d}.scheduled{background:#e6edf4;color:var(--blue)}.published{background:#dcebe2;color:#2c6245}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 8px;border-bottom:1px solid #ececea}.table th{font-size:9px;color:#7a8087;letter-spacing:.7px}.table td{font-size:12px}.table td small{display:block;color:#777;margin-top:3px}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions form{display:inline}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:block;font-size:10px;font-weight:800;letter-spacing:.5px;margin-bottom:6px}.input,.form textarea,.form select{width:100%;padding:11px 12px;border:1px solid #d9dde1;border-radius:10px;background:#fff;outline:0}.input:focus,.form textarea:focus,.form select:focus{border-color:var(--blue)}.form textarea{min-height:130px;resize:vertical}.full{grid-column:1/-1}.notice{padding:13px;border-radius:12px;background:#eef2f5;color:var(--blue);font-size:12px}.success,.error{padding:12px 14px;border-radius:11px;margin-bottom:16px}.success{background:#e8f0ea;color:#315a40}.error{background:#f6e6e5;color:#8b3028}.barwrap{height:220px;display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--line);padding:20px 5px 0}.bar{flex:1;background:var(--steel);border-radius:7px 7px 0 0;min-width:8px}.bar:nth-child(2n){background:var(--blue)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.dow{text-align:center;font-size:9px;color:#7b8289;font-weight:700;padding-bottom:4px}.day{min-height:100px;border:1px solid var(--line);border-radius:9px;padding:7px;font-size:10px}.post{margin-top:8px;padding:5px;border-radius:6px;font-size:8px;background:#e6edf4;color:var(--blue);font-weight:700}.install{min-height:100vh;display:grid;place-items:center;background:var(--navy);padding:20px}.installbox{width:min(520px,100%);background:#fff;padding:34px;border-radius:22px}.brandmark{width:48px;height:48px;border:1px solid var(--navy);display:grid;place-items:center;font:700 17px Georgia;border-radius:7px;margin-bottom:15px}.installbox h1{margin-bottom:22px}.installbox h3{margin-top:22px}.installbox label{display:block;font-size:10px;font-weight:800;margin:10px 0}.installbox input{width:100%;padding:11px;border:1px solid #ddd;border-radius:10px;margin-top:5px}.installbox .btn{margin-top:18px;width:100%}
@media(max-width:950px){.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}}
@media(max-width:680px){.sidebar{width:68px;padding:20px 8px}.logo{justify-content:center;margin:0 0 22px}.logo small,.profile{display:none}.logo span{width:45px}.sidebar nav a{font-size:0;text-align:center}.sidebar nav a:before{content:'•';font-size:22px}.logout{left:24px;font-size:0}.logout:before{content:'↪';font-size:20px}.main{margin-left:68px;padding:22px 14px}.top{align-items:flex-start;gap:12px}.top .btn{font-size:0;padding:12px}.top .btn:after{content:'+';font-size:18px}.stats{grid-template-columns:1fr 1fr}.calendar{overflow:auto}.day{min-width:75px}}