@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500&display=swap";:root{color:#f7f7f3;--bg:#061b14;--panel:#0a241b;--line:#244238;--yellow:#f6c945;--muted:#8fa69c;--green:#123d2d;background:#061b14;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 72% 0,#123d2d 0,transparent 37%),var(--bg);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.shell>aside{border-right:1px solid var(--line);background:#041710;flex-direction:column;height:100vh;padding:25px 16px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--line);padding:8px 7px 28px}.brand>button{display:none}.mark{letter-spacing:.08em;align-items:center;gap:10px;font:600 14px DM Mono;display:flex}.mark i{background:var(--yellow);clip-path:polygon(15% 45%,75% 10%,100% 38%,70% 85%,30% 75%);width:17px;height:17px;display:block}nav{gap:5px;padding-top:22px;display:grid}nav button{color:#a9bbb3;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;padding:13px;font-size:13px;display:flex}nav button svg{width:18px}nav button em{background:var(--yellow);color:#061b14;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-style:normal}nav button.active{background:var(--green);color:#fff}nav button.active:before{content:"";background:var(--yellow);width:3px;height:18px;margin-left:-13px}.account{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:20px 5px 0;font-size:12px;display:flex}.account>span{background:var(--green);width:34px;height:34px;color:var(--yellow);border-radius:50%;place-items:center;display:grid}.account small{color:var(--muted);margin-top:2px;display:block}.shell>main{min-width:0}.shell header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;padding:0 34px;display:flex}.shell header small{color:var(--muted);font:10px DM Mono}.shell header strong{margin-top:4px;display:block}.connected,.offline{border:1px solid var(--line);padding:8px 10px;font:10px DM Mono}.connected{color:#9fe2b6}.offline{color:#f0a99c}.menu{display:none}.hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;min-height:275px;padding:55px clamp(24px,4vw,64px);display:flex}.hero small,.pageTitle small,.panelHead small{color:var(--yellow);letter-spacing:.12em;font:10px DM Mono}.hero h1,.pageTitle h1,.drawer h1{letter-spacing:-.03em;margin:12px 0 16px;font:500 clamp(43px,5vw,72px)/.96 Newsreader,serif}.hero p,.pageTitle p{color:var(--muted);margin:0}.primary{background:var(--yellow);color:#071b14;border:0;border-radius:4px;justify-content:center;align-items:center;gap:9px;padding:14px 18px;font-weight:700;text-decoration:none;display:inline-flex}.primary svg{width:17px}.primary:disabled{opacity:.55}.metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:0 clamp(24px,4vw,64px);display:grid}.metrics>div{border-right:1px solid var(--line);padding:28px 24px 25px 0}.metrics>div:not(:first-child){padding-left:25px}.metrics>div:last-child{border:0}.metrics small{color:var(--muted);text-transform:uppercase;font:10px DM Mono;display:block}.metrics strong{margin:8px 0;font:500 48px Newsreader;display:block}.metrics span{color:#92c3a3;font-size:11px}.dashboardGrid{border:1px solid var(--line);grid-template-columns:minmax(0,1.6fr) minmax(290px,.75fr);margin:32px clamp(24px,4vw,64px) 60px;display:grid}.panel{padding:25px}.panel.side{border-left:1px solid var(--line)}.panelHead,.pageTitle,.drawerHeading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.panelHead h2,.drawer h2{margin:5px 0;font:500 28px Newsreader}.panelHead button,.wide{color:var(--yellow);background:0 0;border:0;font-size:11px}.dropRows{display:grid}.dropRows>button{border:0;border-top:1px solid var(--line);color:#fff;text-align:left;background:0 0;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:15px;padding:13px 0;display:grid}.dropRows>button:hover{background:#123d2d44}.thumb{background:#123d2d;place-items:center;width:64px;height:58px;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb svg{color:var(--yellow)}.dropRows small,.dropRows span,.brandMini small,.brandRow small{color:var(--muted);font-size:10px;display:block}.dropRows b{margin:4px 0;font-size:13px;display:block}.dropRows i{color:var(--yellow);font:10px DM Mono}.brandMini{border-top:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.brandMini>span{border:1px solid var(--line);width:38px;height:38px;color:var(--yellow);place-items:center;font:11px DM Mono;display:grid}.brandMini div{flex:1}.brandMini b{font-size:12px}.brandMini i{color:#88be99;font:9px DM Mono}.wide{border-top:1px solid var(--line);width:100%;margin-top:8px;padding:20px 0 0}.page{padding:48px clamp(24px,4vw,64px) 80px}.pageTitle{border-bottom:1px solid var(--line);padding-bottom:28px}.pageTitle h1{margin:8px 0;font-size:55px}.pageTitle>span{color:var(--yellow);font:11px DM Mono}.page>.dropRows>button{padding:18px 5px}.empty{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:70px 15px}.brandForm{border:1px solid var(--line);background:#0a241b;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;padding:20px;display:grid}.brandForm input{border:1px solid var(--line);color:#fff;background:#061b14;padding:13px}.brandForm label{align-items:center;gap:10px;font-size:12px;display:flex}.brandTable{border:1px solid var(--line);margin-top:24px}.brandRow{border-top:1px solid var(--line);grid-template-columns:1.1fr 1.4fr .9fr 180px;align-items:center;gap:18px;padding:15px 18px;font-size:12px;display:grid}.brandRow.head{color:var(--muted);text-transform:uppercase;border-top:0;font:10px DM Mono}.brandRow a{color:#fff;text-decoration:none}.brandRow small{margin-top:4px}.brandRow .bad{color:#ef9d8e}.controls{justify-content:flex-end;gap:6px;display:flex}.controls button,.calendarNav button{border:1px solid var(--line);color:#a6b8b0;background:0 0;place-items:center;width:34px;height:34px;display:grid}.controls svg,.calendarNav svg{width:15px}.controls .on{color:var(--yellow);border-color:#84712b}.controls .danger:hover{color:#ff8b78;border-color:#8b4035}.scrim{z-index:20;background:#00120dbb;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#082219;width:min(700px,100%);height:100%;padding:56px clamp(22px,5vw,55px) 80px;overflow:auto;box-shadow:-30px 0 70px #0008}.drawerClose{color:#fff;background:0 0;border:0;position:absolute;top:20px;right:22px}.drawer>a{color:var(--yellow);font-size:12px}.drawer>small{color:var(--yellow);text-transform:uppercase;font:10px DM Mono}.prepare{width:100%;margin-top:28px}.drawerHeading{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.drawerHeading span{color:var(--yellow);font:11px DM Mono}.drawer>p{color:var(--muted);font-size:12px}.mediaGrid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.mediaGrid button{aspect-ratio:4/5;background:#061b14;border:1px solid #0000;padding:0;position:relative;overflow:hidden}.mediaGrid button.selected{border:2px solid var(--yellow)}.mediaGrid img{object-fit:cover;width:100%;height:100%}.mediaGrid i{background:var(--yellow);color:#061b14;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:7px;right:7px}.mediaGrid svg{width:14px}.caption{white-space:pre-wrap;border:1px solid var(--line);color:#c8d4cf;padding:18px;font-size:13px;line-height:1.65}.drawerActions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.reject{color:#ef9d8e;background:0 0;border:1px solid #70443e;gap:8px;padding:13px 18px;display:flex}.reject svg{width:16px}.week,.calendar{grid-template-columns:repeat(7,1fr);display:grid}.week{color:var(--muted);text-align:center;margin-top:28px;font:10px DM Mono}.calendar{border-left:1px solid var(--line);border-top:1px solid var(--line)}.day{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:130px;color:var(--muted);padding:10px}.day>article{border-left:2px solid var(--yellow);color:#fff;background:#123d2d;grid-template-columns:auto 1fr;gap:3px 6px;margin-top:9px;padding:8px;display:grid}.day article svg{width:11px}.day article small{font:9px DM Mono}.day article span{grid-column:1/-1;font-size:10px}.calendarNav{align-items:center;gap:12px;display:flex}.settingsGrid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:25px;display:grid}.settingsGrid>div{border:1px solid var(--line);padding:28px}.settingsGrid>div>svg{color:var(--yellow)}.settingsGrid p{color:var(--muted)}.error{background:#5b2923;border:1px solid #a35a4e;justify-content:space-between;margin:15px clamp(24px,4vw,64px);padding:13px 16px;display:flex}.error button{color:#fff;background:0 0;border:0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login{place-items:center;min-height:100vh;display:grid}.login>.mark{position:absolute;top:28px;left:30px}.login form{border:1px solid var(--line);width:min(430px,100% - 36px);padding:42px}.login small{color:var(--yellow);font:10px DM Mono}.login h1{margin:14px 0;font:500 48px/1 Newsreader}.login p{color:var(--muted)}.login input{border:1px solid var(--line);color:#fff;background:#061b14;width:100%;margin:16px 0 10px;padding:14px}.login button{background:var(--yellow);border:0;width:100%;padding:14px;font-weight:700}.login b{color:#ef9d8e;margin-top:12px;font-size:12px;display:block}@media (width<=950px){.shell{display:block}.shell>aside{z-index:30;width:260px;transition:all .2s;position:fixed;transform:translate(-100%)}.shell>aside.open{transform:none}.brand{justify-content:space-between;display:flex}.brand>button,.menu{color:#fff;background:0 0;border:0;display:grid}.shell header{padding:0 18px}.hero{flex-direction:column;align-items:flex-start;gap:25px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics>div:nth-child(2){border-right:0}.dashboardGrid{grid-template-columns:1fr}.panel.side{border-left:0;border-top:1px solid var(--line)}.brandRow{grid-template-columns:1fr 1fr}.brandRow.head{display:none}.controls{justify-content:flex-start}.calendar{min-width:750px}.page:has(.calendar){overflow-x:auto}.week{min-width:750px}.settingsGrid{grid-template-columns:1fr}}@media (width<=600px){.hero h1,.pageTitle h1{font-size:43px}.metrics{margin:0 18px}.metrics>div{padding:20px 15px!important}.dashboardGrid{margin:20px 14px 70px}.page{padding:32px 18px 70px}.pageTitle{flex-direction:column;align-items:flex-start}.brandForm,.brandRow{grid-template-columns:1fr}.mediaGrid{grid-template-columns:repeat(2,1fr)}.drawerActions{flex-direction:column}.drawerActions>*{width:100%}.shell header .connected,.shell header .offline{display:none}}
