@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');
:root{--p:#66269a;--ink:#191824;--muted:#777684;--line:#e7e5eb;--bg:#f6f6f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Arial;color:var(--ink)}a{text-decoration:none;color:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#7b36aa,#21172a 45%,#111016 100%)}.loginbox{width:min(440px,calc(100% - 30px));background:#fff;padding:38px;border-radius:20px;box-shadow:0 30px 80px #0005}.loginbox img{width:90px;height:70px;object-fit:contain}.loginbox>span{display:block;color:var(--p);font-size:10px;font-weight:800;letter-spacing:.14em;margin-top:15px}.loginbox h1{font:800 32px Manrope;margin:7px 0}.loginbox p{color:var(--muted);font-size:13px}.loginbox label{display:grid;gap:6px;font-size:11px;font-weight:700;margin-top:16px}.loginbox input{padding:13px;border:1px solid var(--line);border-radius:9px}.loginbox button{width:100%;margin-top:20px;padding:14px;background:var(--p);color:#fff;border:0;border-radius:9px;font-weight:800}.loginbox>small{display:block;text-align:center;color:#999;margin-top:14px}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#17151d;color:#b9b6c1;padding:22px 15px;display:flex;flex-direction:column}.adminBrand{display:flex;gap:10px;align-items:center;padding:0 8px 22px;color:#fff}.adminBrand img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:9px}.adminBrand div{display:flex;flex-direction:column}.adminBrand small{color:#8e8997;font-size:9px;margin-top:3px}.adminBrand b{font-family:Manrope}aside nav{display:grid;gap:4px}aside nav a{padding:11px 12px;border-radius:8px;display:flex;gap:12px;align-items:center;font-size:12px;font-weight:600}aside nav a:hover,aside nav a.on{background:#2c2534;color:#fff}aside nav a.on{box-shadow:inset 3px 0 var(--p)}aside nav i{margin-left:auto;background:var(--p);color:#fff;border-radius:20px;padding:2px 6px;font-size:9px;font-style:normal}.user{margin-top:auto;border-top:1px solid #302c36;padding:18px 7px 10px;display:flex;align-items:center;gap:10px}.user>div{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--p);color:#fff;font-size:11px;font-weight:800}.user span{display:flex;flex-direction:column}.user b{font-size:11px;color:#fff}.user small{font-size:9px;color:#77727e}.logout{border:0;background:none;color:#817d87;font-size:10px;padding:8px;cursor:pointer}body>main{margin-left:250px;min-height:100vh;padding:0 34px 50px}.adminTop{height:90px;display:flex;align-items:center;justify-content:space-between}.adminTop small{color:var(--p);font-size:9px;letter-spacing:.14em;font-weight:800}.adminTop h1{font:800 25px Manrope;margin:4px 0}.topActions{display:flex;gap:8px}.topActions a,.topActions button{padding:10px 13px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:11px;font-weight:700}.msg{background:#eaf7ef;color:#257444;border:1px solid #ccebd7;padding:12px 15px;border-radius:9px;margin-bottom:18px;font-size:12px}.welcome{background:linear-gradient(120deg,#5d218e,#8c43b9);color:#fff;border-radius:17px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 15px 35px #5b2b7d25}.welcome span{font-size:11px;color:#e4caef}.welcome h2{font:800 27px Manrope;margin:8px 0}.welcome p{font-size:12px;color:#eee;margin:0}.welcome a{background:#fff;color:var(--p);padding:12px 15px;border-radius:8px;font-size:11px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stats>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;column-gap:13px}.stats .ico{grid-row:1/3;width:43px;height:43px;border-radius:10px;display:grid;place-items:center}.purple{background:#f1e7f8;color:var(--p)}.blue{background:#e8f1fb;color:#3672ae}.gray{background:#f0f0f2;color:#777}.green{background:#e8f7ef;color:#36815a}.stats b{font:800 24px Manrope}.stats small{color:var(--muted);font-size:10px}.dashgrid{display:grid;grid-template-columns:1.45fr .8fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px}.panel.wide{grid-column:1/-1}.panelHead{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.panelHead small{font-size:8px;color:var(--p);letter-spacing:.13em;font-weight:800}.panelHead h2{font:750 17px Manrope;margin:5px 0}.panelHead>a,.panelHead>span{font-size:10px;color:var(--p)}.schedule{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid var(--line)}.cal{width:43px;height:43px;border-radius:9px;background:#f2e9f7;color:var(--p);display:flex;flex-direction:column;align-items:center;justify-content:center}.cal b{font-size:16px}.cal span{font-size:8px}.schedule>div:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.schedule>div:nth-child(2)>b{font-size:11px}.schedule small{color:var(--muted);font-size:9px}.badge{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:8px;font-weight:800;letter-spacing:.05em}.badge.scheduled{background:#e9f1fb;color:#386ea1}.badge.published{background:#e7f7ee;color:#27774a}.badge.draft{background:#efeff1;color:#6c6a73}.quickAdmin{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quickAdmin a{border:1px solid var(--line);border-radius:9px;padding:15px;display:flex;gap:10px;align-items:center;font-size:10px;font-weight:700}.quickAdmin b{font-size:18px;color:var(--p)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formgrid label{display:grid;gap:6px;font-size:10px;font-weight:700}.formgrid label>small{color:#999}.formgrid .full{grid-column:1/-1}.formgrid input,.formgrid textarea,.formgrid select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:11px;background:#fff}.formgrid textarea{min-height:80px;resize:vertical}.formgrid .editorArea{min-height:180px}.formgrid>button{background:var(--p);color:#fff;border:0;border-radius:8px;padding:12px 17px;font-weight:800;justify-self:start}.switch{display:flex!important;grid-template-columns:auto auto 1fr!important;align-items:center!important}.switch input{width:auto}.publishInfo{background:#f6f0fa;border:1px solid #eadcf3;border-radius:9px;padding:14px;color:#5c426a}.publishInfo p{font-size:10px;line-height:1.55;margin-bottom:0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.filters{display:flex;background:#fff;border:1px solid var(--line);padding:4px;border-radius:9px}.filters button{border:0;background:none;padding:8px 10px;font-size:9px;color:#777;border-radius:6px}.filters .active{background:#f0e8f5;color:var(--p);font-weight:800}.add{background:var(--p);color:#fff;padding:11px 14px;border-radius:8px;font-size:10px;font-weight:800}.tablePanel{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;padding:13px 15px;background:#fafafd;color:#898692;font-size:8px;text-transform:uppercase;letter-spacing:.08em}td{padding:14px 15px;border-top:1px solid var(--line);font-size:10px;vertical-align:middle}td:first-child{max-width:320px}td:first-child b,td:first-child small{display:block}td:first-child small{color:#999;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iconbtn{border:1px solid var(--line);background:#fff;border-radius:6px;color:#999}.editor{margin-top:15px}.moduleDemo{min-height:620px;background:#fff;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:50px}.moduleIcon{width:70px;height:70px;border-radius:20px;background:#f1e8f6;color:var(--p);display:grid;place-items:center;font-size:30px}.moduleDemo>span{font-size:9px;letter-spacing:.14em;color:var(--p);font-weight:800;margin-top:22px}.moduleDemo h2{font:800 30px Manrope;margin:8px}.moduleDemo p{max-width:600px;color:var(--muted);font-size:12px;line-height:1.7}.moduleCards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px;width:min(700px,100%)}.moduleCards div{border:1px solid var(--line);padding:18px;border-radius:10px;display:flex;flex-direction:column;gap:8px}.moduleCards b{color:var(--p)}.moduleCards span{font-size:10px}.empty{color:#999;font-size:11px}@media(max-width:1000px){aside{width:76px}aside .adminBrand div,aside nav span,aside nav i,.user span{display:none}aside nav a{justify-content:center;font-size:16px}.adminBrand{padding-left:0;justify-content:center}.user{justify-content:center}body>main{margin-left:76px}.dashgrid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.panel.wide{grid-column:auto}}@media(max-width:650px){body>main{padding:0 12px 30px}.adminTop{height:75px}.adminTop h1{font-size:20px}.topActions button{display:none}.welcome{padding:22px}.welcome p,.welcome a{display:none}.stats{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.tablePanel{overflow:auto}.moduleCards{grid-template-columns:1fr 1fr}.filters button:not(.active){display:none}}
