@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--ink:#1a342e;--muted:#70817c;--bg:#f4f5f1;--green:#195e4f;--mint:#dceee7;--line:#e0e5e1;--danger:#b33d35}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:DM Sans,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.adminShell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}aside{color:#c9d9d4;background:#173f36;flex-direction:column;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.panelBrand{align-items:center;gap:11px;padding:4px 8px 25px;display:flex}.panelBrand>span,.loginBrand{color:#173f36;background:#f3bf50;border-radius:12px;place-items:center;width:38px;height:38px;font:800 19px Manrope;display:grid}.panelBrand div{display:grid}.panelBrand b{color:#fff;font-size:14px}.panelBrand small{font-size:11px}.panelBrand>button{display:none}aside nav{gap:4px;display:grid}aside nav button,.signOut{color:inherit;text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:21px 1fr 15px;align-items:center;gap:10px;padding:11px 12px;display:grid}aside nav button svg{width:19px}.signOut svg{width:18px}.signOut{margin-top:auto;display:flex}aside nav button.active{color:#fff;background:#2d594f}aside nav button>svg:last-child{opacity:.45;width:14px}.workspace>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:90px;padding:0 34px;display:flex}.workspace header small,.overline{letter-spacing:.13em;color:var(--green);font-size:10px;font-weight:800}.workspace header h1{margin:3px 0;font:800 25px Manrope}.live{border:1px solid var(--line);border-radius:99px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.live i{background:#32a579;border-radius:50%;width:7px;height:7px}.menu{display:none}.workspace main{max-width:1500px;padding:30px}.notice{background:#fff3c8;border-radius:12px;justify-content:space-between;margin-bottom:18px;padding:13px 16px;display:flex}.notice button{background:0 0;border:0}.panel{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:20px;padding:24px}.panelHeading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.panelHeading>div{align-items:center;gap:13px;display:flex}.panelHeading>div>span{background:var(--mint);width:43px;height:43px;color:var(--green);border-radius:12px;place-items:center;display:grid}.panelHeading h2,.panel h2{margin:0;font:700 20px Manrope}.panelHeading p,.muted{color:var(--muted);margin:5px 0}.softButton,.primary,.rowActions button{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-weight:700;display:inline-flex}.softButton svg,.primary svg{width:17px}.primary{background:var(--green);color:#fff;border:0}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);padding:10px;font-size:10px}td{white-space:nowrap;border-bottom:1px solid #edf0ed;padding:12px 10px}td select{border:1px solid var(--line);border-radius:8px;padding:6px}.empty{text-align:center;color:var(--muted);padding:45px}.kindGrid{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px;display:grid}.kindGrid button{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:14px;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:14px;display:grid}.kindGrid button.active{background:var(--ink);color:#fff}.kindGrid svg{width:20px}.kindGrid span{width:23px;height:23px;color:var(--ink);background:#edf0ed;border-radius:50%;place-items:center;font-size:11px;display:grid}.contentList{gap:8px;display:grid}.contentList article{border:1px solid var(--line);border-radius:13px;grid-template-columns:75px 1fr auto;align-items:center;gap:15px;padding:15px;display:grid}.contentList h3{margin:4px 0;font-size:16px}.contentList p,.contentList small{color:var(--muted);margin:0;font-size:12px}.status{text-align:center;background:#eee;border-radius:99px;padding:7px;font-size:10px}.status.published{color:#126147;background:#d9f0e5}.rowActions{gap:6px;display:flex}.rowActions button{padding:7px 9px;font-size:11px}.rowActions .danger{color:var(--danger)}.modal{z-index:10;background:#132c27c9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.editor{background:#fff;border-radius:20px;width:min(760px,100%);max-height:92vh;padding:30px;position:relative;overflow:auto}.editor h2{font:800 27px Manrope}.close{border:0;border-radius:50%;place-items:center;width:37px;height:37px;display:grid;position:absolute;top:18px;right:18px}.formGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.formGrid label,.settingForm label{gap:6px;font-size:12px;font-weight:700;display:grid}.formGrid input,.formGrid textarea,.formGrid select,.settingForm input,.settingForm textarea,.settingForm select{border:1px solid var(--line);background:#fafbf9;border-radius:9px;padding:10px}.fieldTitle{align-items:center;gap:7px;display:flex}.fieldTitle svg{width:16px}.formGrid textarea{min-height:70px}.formGrid .json,.settingForm .json{min-height:140px;font-family:monospace}.full{grid-column:1/-1}.check{justify-content:start;align-items:center;grid-template-columns:auto 1fr!important;display:flex!important}.fullButton{justify-content:center;width:100%;margin-top:16px}.settingsGrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settingForm{gap:15px;margin-top:22px;display:grid}.settingRow{border:1px solid var(--line);border-radius:10px;gap:6px;margin-top:8px;padding:14px;display:grid}.settingRow code{color:var(--muted);font-size:11px;overflow:auto}.settingRow span{color:var(--green);font-size:10px}.narrow{max-width:650px}.heroIcon{width:50px;height:50px;color:var(--green)}.supportDesk{gap:18px;display:grid}.supportDeskHead{border:1px solid var(--line);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;padding:25px 28px;display:flex}.supportDeskHead>div{align-items:center;gap:14px;display:flex}.supportDeskHead h2{margin:0 0 4px;font:800 22px Manrope}.supportDeskHead p{color:var(--muted);margin:0}.supportDeskIcon{color:#fff;background:var(--green);border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.supportDeskIcon svg{width:21px}.supportDeskStats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.supportDeskStats div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px 22px;display:grid}.supportDeskStats strong{color:var(--green);font:800 25px Manrope}.supportDeskStats span{color:var(--muted);margin-top:5px;font-size:11px}.supportDeskGrid{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:340px 1fr;min-height:650px;display:grid;overflow:hidden}.supportInbox{border-right:1px solid var(--line);background:#fafbf9;overflow-y:auto}.supportInbox>header{z-index:1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafbf9ee;justify-content:space-between;padding:18px;display:flex;position:sticky;top:0}.supportInbox>header span{color:var(--muted);font-size:11px}.supportInbox>button{text-align:left;width:100%;color:var(--ink);border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;gap:7px;padding:17px 18px;display:grid}.supportInbox>button:hover,.supportInbox>button.active{box-shadow:inset 3px 0 var(--green);background:#fff}.supportInbox button>div,.supportInbox button footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.supportInbox button>div>b{font-size:12px}.supportInbox button>strong{font-size:13px}.supportInbox button p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.supportInbox footer{color:var(--muted);font-size:9px}.supportInbox footer span{color:var(--green);letter-spacing:.08em;font-weight:900}.deskStatus{color:#925f00;text-transform:uppercase;background:#fff0c5;border-radius:20px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:900}.deskStatus.in_progress{color:#23658b;background:#dbedf8}.deskStatus.resolved{color:#1e6e55;background:#daefe7}.deskStatus.closed{color:#666;background:#e8e9e8}.supportConversation{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.conversationHead{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:22px 26px;display:flex}.conversationHead small{color:var(--green);font-weight:900}.conversationHead h3{margin:4px 0;font:800 20px Manrope}.conversationHead p{color:var(--muted);margin:0;font-size:11px}.ticketMeta{align-items:flex-start;gap:6px;display:flex}.ticketMeta span{color:var(--green);background:var(--green-soft);border-radius:6px;padding:6px 8px;font-size:9px;font-weight:800}.deskMessages{background:#f6f8f6;flex-direction:column;gap:12px;max-height:455px;padding:25px;display:flex;overflow-y:auto}.deskMessages article{border:1px solid var(--line);background:#fff;border-radius:4px 14px 14px;width:min(78%,600px);padding:14px 16px}.deskMessages article.admin{color:#fff;background:var(--green);border-color:var(--green);border-radius:14px 4px 14px 14px;align-self:flex-end}.deskMessages b{font-size:10px}.deskMessages p{white-space:pre-wrap;margin:7px 0;line-height:1.5}.deskMessages time{color:#88918d;font-size:8px}.deskMessages article.admin time{color:#b9d2c9}.deskReply{border-top:1px solid var(--line);gap:12px;padding:17px 20px;display:grid}.deskReply textarea{resize:vertical;border:1px solid var(--line);min-height:85px;font:inherit;border-radius:9px;padding:12px}.deskReply>div{justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.deskReply label{color:var(--muted);gap:4px;margin-right:auto;font-size:9px;font-weight:800;display:grid}.deskReply select{border:1px solid var(--line);border-radius:8px;min-width:140px;padding:9px}.supportNoSelection{text-align:center;color:var(--muted);place-content:center;display:grid}.supportNoSelection svg{width:44px;height:44px;color:var(--green);margin:auto}.loginPage,.centerState{background:radial-gradient(circle at 50% 0,#dfeee8,#0000 50%);place-items:center;min-height:100vh;padding:20px;display:grid}.loginPage section{border:1px solid var(--line);background:#fff;border-radius:24px;width:min(430px,100%);padding:40px;box-shadow:0 25px 70px #234c3c20}.loginBrand{margin-bottom:24px}.loginPage h1{margin:8px 0;font:800 33px Manrope}.loginPage section>p{color:var(--muted);line-height:1.6}.loginPage form{gap:14px;margin:25px 0;display:grid}.loginPage label{gap:6px;font-size:13px;font-weight:700;display:grid}.loginPage input{border:1px solid var(--line);border-radius:10px;padding:12px}.loginPage form button,.centerState button{background:var(--green);color:#fff;border:0;border-radius:10px;padding:12px;font-weight:700}.loginPage section>small{color:var(--muted)}.error{color:var(--danger);font-size:12px}.centerState{text-align:center}.centerState>svg{width:50px;height:50px;color:var(--green)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1000px){.supportDeskStats{grid-template-columns:1fr 1fr}.supportDeskGrid{grid-template-columns:280px 1fr}.kindGrid{grid-template-columns:repeat(3,1fr)}.settingsGrid{grid-template-columns:1fr}}@media (max-width:760px){.supportDeskHead,.supportDeskHead>div{align-items:flex-start}.supportDeskGrid{grid-template-columns:1fr}.supportInbox{border-right:0;border-bottom:1px solid var(--line);max-height:320px}.conversationHead{flex-direction:column}.deskReply>div{flex-direction:column;align-items:stretch}.deskReply label{margin:0}.adminShell{display:block}aside{z-index:20;width:270px;transition:all .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}aside.open{transform:none}.panelBrand>button{color:#fff;background:0 0;border:0;margin-left:auto;display:grid}.menu{background:0 0;border:0;display:block}.workspace>header{padding:0 18px}.workspace main{padding:15px}.live{display:none}.kindGrid{grid-template-columns:1fr 1fr}.kindGrid button{grid-template-columns:20px 1fr auto}.contentList article{grid-template-columns:1fr}.rowActions{flex-wrap:wrap}.formGrid{grid-template-columns:1fr}.full{grid-column:auto}.panelHeading{flex-direction:column;align-items:flex-start}.tableWrap{margin:0 -24px}.formGrid .json{min-height:100px}}
