:root{--brand:#087f5b;--soft:#f0faf4;--line:#cde7d8;--muted:#69746f;--ink:#17201d}*{box-sizing:border-box}body{background:var(--soft);color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif}button{font:inherit;cursor:pointer}.portal{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.portal>aside{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.logo{background:0 0;border:0;align-items:center;gap:9px;font-size:20px;font-weight:850;display:flex}.logo i{background:var(--brand);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.switch{background:var(--soft);border-radius:10px;grid-template-columns:1fr 1fr;margin:28px 0 20px;padding:4px;display:grid}.switch button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px;font-size:12px;font-weight:750}.switch .active{color:var(--brand);background:#fff;box-shadow:0 2px 8px #1232}.portal aside nav{gap:5px;display:grid}.portal aside nav button{color:#58635e;text-align:left;background:0 0;border:0;border-radius:9px;padding:11px 13px;font-weight:650}.portal aside nav .active{background:var(--brand-soft);color:var(--brand)}.demo{border:1px solid var(--line);background:var(--brand-soft);color:var(--muted);border-radius:10px;gap:5px;margin-top:auto;padding:12px;font-size:10px;line-height:1.45;display:grid}.demo b{color:var(--brand);text-transform:uppercase}.user{text-align:left;background:0 0;border:0;align-items:center;gap:10px;margin-top:12px;display:flex}.user i{background:var(--brand-soft);width:35px;height:35px;color:var(--brand);border-radius:50%;place-items:center;font-style:normal;font-weight:800;display:grid}.user span{display:grid}.user b{font-size:12px}.user small{color:var(--muted)}.workspace{min-width:0}.content{width:min(1160px,100% - 60px);margin:auto;padding:50px 0 75px}.mobile,.bottom{display:none}.head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.head em,.activeOrder em{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:850}.head h1{letter-spacing:-.04em;margin:6px 0 0;font-size:clamp(31px,4vw,44px)}.head p,.section p,.card p,.empty p{color:var(--muted);margin:7px 0 0}.banner{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;justify-content:space-between;margin-bottom:18px;padding:12px 15px;font-size:13px;display:flex}.banner.error{color:#805a08;background:#fff8e6;border-color:#e9cf91}.banner button{color:inherit;background:0 0;border:0;font-weight:800}.availability,.primary,.card button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px;font-weight:750}.availability.on{border-color:var(--line);background:var(--brand-soft);color:var(--brand)}.primary{border-color:var(--brand);background:var(--brand);color:#fff}.section{justify-content:space-between;align-items:end;margin:30px 0 15px;display:flex}.section h2{margin:0}.section em,.summary em{color:var(--muted);background:#e8ecea;border-radius:99px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:850}.services{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.services button,.card,.activeOrder,.empty,.table,.summary,.skeleton{border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 8px 25px #16342708}.services button{text-align:left;grid-template-columns:auto 1fr;gap:8px;min-height:145px;padding:17px;display:grid}.services button>i{background:var(--brand-soft);width:36px;height:36px;color:var(--brand);border-radius:9px;grid-row:span 2;place-items:center;font-style:normal;display:grid}.services small{color:var(--muted)}.services em{color:var(--brand);grid-column:1/-1;align-self:end;font-size:11px;font-style:normal;font-weight:800}.services button:disabled{opacity:.6;cursor:not-allowed}.grid,.account{grid-template-columns:1fr 1fr;gap:15px;margin-top:22px;display:grid}.card{padding:20px}.card h3{margin:0}.card h2{margin:10px 0 0}.card button{color:var(--brand)}.progress{background:#e6ebe9;border-radius:9px;height:7px}.progress i{background:var(--brand);border-radius:9px;width:70%;height:100%;display:block}.metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:23px;display:grid}.metrics .card{padding:17px}.metrics small{color:var(--muted)}.activeOrder{margin-bottom:24px;overflow:hidden}.activeOrder header{border-bottom:1px solid var(--line);color:var(--muted);background:#fafcfb;justify-content:space-between;padding:12px 19px;font-size:12px;display:flex}.activeOrder header span:first-child{color:var(--brand)}.activeOrder section{justify-content:space-between;align-items:end;gap:20px;padding:22px 19px;display:flex}.activeOrder h2{margin:5px 0}.activeOrder p{color:var(--muted);margin:0}.activeOrder section>strong{font-size:25px}.activeOrder>.primary{margin:0 19px 19px}.empty{text-align:center;place-items:center;min-height:200px;padding:30px;display:grid}.empty i{background:var(--brand-soft);width:44px;height:44px;color:var(--brand);border-radius:50%;place-items:center;font-style:normal;display:grid}.tabs{border-bottom:1px solid var(--line);color:var(--muted);gap:25px;margin-bottom:18px;padding:0 10px 11px;display:flex}.tabs b{color:var(--brand)}.table{overflow:auto}.table>div{border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(110px,1fr));min-width:650px;padding:14px 17px;font-size:13px;display:grid}.table>div:first-child{color:var(--muted);text-transform:uppercase;background:#fafcfb;border:0;font-size:10px}.table>div span:first-child{font-weight:800}.summary{justify-content:space-between;align-items:center;margin-bottom:18px;padding:22px;display:flex}.summary span{color:var(--muted);gap:5px;display:grid}.summary b{color:var(--ink);font-size:29px}.summary small{font-size:11px}.calendar{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(5,1fr);min-height:380px;display:grid;overflow:auto}.calendar>div{border-right:1px solid var(--line);min-width:140px;padding:15px}.calendar span{border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:6px;gap:5px;margin-top:55px;padding:9px;font-size:11px;display:grid}.caption{color:var(--muted);font-size:11px}.bars{align-items:end;gap:14px;height:210px;display:flex}.bars i{background:var(--brand);border-radius:6px 6px 0 0;flex:1}.skeleton{gap:12px;padding:24px;display:grid}.skeleton i{background:#e8eeeb;border-radius:6px;height:15px}.skeleton i:nth-child(2){width:70%}.skeleton i:nth-child(3){width:40%}@media (max-width:950px){.portal{grid-template-columns:205px 1fr}.services,.metrics{grid-template-columns:repeat(2,1fr)}.content{width:calc(100% - 36px)}}@media (max-width:700px){.portal{display:block}.portal>aside{display:none}.mobile{z-index:5;border-bottom:1px solid var(--line);background:#fffffff2;justify-content:space-between;align-items:center;padding:11px 14px;display:flex;position:sticky;top:0}.mobile .switch{width:165px;margin:0}.bottom{z-index:5;border-top:1px solid var(--line);background:#fffffff4;grid-template-columns:repeat(5,1fr);padding:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom button{color:var(--muted);background:0 0;border:0;font-size:10px}.bottom .active{color:var(--brand);font-weight:850}.content{padding:28px 0 75px}.head{align-items:start}.services,.metrics,.grid,.account{grid-template-columns:1fr 1fr}.activeOrder section{flex-direction:column;align-items:start}}@media (max-width:450px){.mobile .logo{font-size:0}.head{flex-direction:column;align-items:start}.services,.metrics,.grid,.account{grid-template-columns:1fr}.services button{min-height:115px}.activeOrder section>strong{font-size:21px}}.authPage{background:linear-gradient(145deg,var(--brand-soft),#f7faf8 55%,#fff);place-items:center;min-height:100vh;padding:24px;display:grid}.authPage>.logo{position:absolute;top:28px;left:32px}.authCard{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(440px,100%);padding:32px;box-shadow:0 25px 60px #16342718}.authCard>.logo{margin-bottom:26px}.authCard .switch{margin:0 0 26px}.authCard header h1{letter-spacing:-.04em;margin:0;font-size:32px}.authCard header p{color:var(--muted)}.authCard form,.actionForm{gap:15px;display:grid}.authCard form{margin-top:24px}.authCard label,.actionForm label{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.authCard input,.actionForm input,.actionForm textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:9px;padding:11px}.actionForm textarea{resize:vertical;min-height:90px}.authCard .primary{width:100%;margin-top:4px}.link{width:100%;color:var(--brand);background:0 0;border:0;margin-top:18px;font-weight:750}.danger{color:#9b2c2c;background:#fff5f5;border:1px solid #ebc4c4;border-radius:9px;padding:10px 14px;font-weight:750}.actionForm{border:1px solid var(--line);background:#fff;border-radius:14px;margin:20px 0;padding:20px;box-shadow:0 8px 25px #16342708}.actionForm h3{margin:0}.actionForm>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.actionForm.compact{box-shadow:none;margin:16px 0 0;padding:14px}.actionForm.compact>div{grid-template-columns:1fr}.actionForm .primary{justify-self:start}.actions{flex-wrap:wrap;gap:8px;display:flex}.ticketList{gap:15px;display:grid}.ticketList blockquote{border-left:3px solid var(--brand);background:var(--soft);gap:4px;margin:14px 0 0;padding:12px;font-size:13px;display:grid}.ticketList blockquote span{color:var(--ink)}.ticketList blockquote small{color:var(--muted)}@media (max-width:600px){.actionForm>div{grid-template-columns:1fr}.authCard{padding:24px}.authPage>.logo{top:16px;left:18px}}:root{--brand:#087f5b;--brand-dark:#064e3b;--brand-hover:#066649;--brand-soft:#f0faf4;--soft:#f0faf4;--line:#cde7d8;--muted:#69746f;--ink:#17201d}.logo{background:0 0;border:0;align-items:center;display:flex}.logo img{width:124px;height:auto;display:block}.logo i{display:none}.portal aside nav .active,.availability.on,.services button>i,.empty i,.calendar span{background:var(--brand-soft)}.demo{border-color:var(--line);background:var(--brand-soft)}.user i{background:var(--brand-soft)}.availability.on{border-color:var(--line)}.authPage{background:linear-gradient(145deg,#f0faf4,var(--brand-soft) 55%,#fff)}@media (max-width:450px){.mobile .logo{font-size:inherit}.mobile .logo img{width:104px}}input,select,textarea{accent-color:var(--brand)}:focus-visible{outline-color:var(--brand)}.primary:not(:disabled):hover{border-color:var(--brand-hover);background:var(--brand-hover);color:#fff}.link:not(:disabled):hover{color:var(--brand-hover)}.actionForm select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border-radius:12px;padding:11px;font-size:16px}
:root{--ink:#111827;--muted:#667085;--line:#d6deea;--soft:#f7f9fc;--brand-soft:#f0faf4;--surface:#fff;--card-radius:18px}body{line-height:1.5}.portal{grid-template-columns:232px minmax(0,1fr);gap:24px;padding:24px}.portal>aside{border-radius:var(--card-radius);border:0;height:calc(100dvh - 48px);padding:20px 16px;top:24px;overflow-y:auto}.portal aside nav{gap:8px}.portal aside nav button{min-height:48px;color:var(--muted);border-radius:12px;font-size:15px}.portal aside nav button:hover{background:var(--soft);color:var(--brand)}.portal aside nav button.active{background:var(--brand-soft);color:var(--brand)}.portal .content{width:100%;max-width:1160px;padding:24px 0 48px}.head{margin-bottom:24px}.head h1{letter-spacing:-.025em;font-size:clamp(26px,2.5vw,30px);line-height:1.3}.head p{font-size:15px}.card,.activeOrder,.empty,.table,.summary,.actionForm,.skeleton{border-radius:var(--card-radius);box-shadow:none;border-color:#0000}.card{min-width:0;padding:20px}.card h3{font-size:18px;line-height:1.3}.card p{font-size:14px}.grid,.account{gap:24px}.primary,.card button,.availability,.danger{border-radius:var(--card-radius);min-height:48px;padding:12px 16px}.card button{background:var(--brand-soft);border-color:#0000}.card button:hover{background:#e2f3e9}.activeOrder header{background:var(--brand-soft)}.activeOrder section{padding:20px}.portalHighlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px;display:grid}.portalHighlights .card:first-child,.portalInformation{background:var(--brand-soft)}.portalHighlights .card p{color:var(--ink);overflow-wrap:anywhere;font-size:24px;font-weight:700}.portalActions{flex-wrap:wrap;gap:16px;margin:24px 0;display:flex}.portalActions button{flex:180px}.secondary{border-radius:var(--card-radius);background:var(--brand-soft);min-height:48px;color:var(--brand);border:0;padding:12px 16px;font-weight:750}.secondary:hover{background:#e2f3e9}.portalInformation .secondary{margin-top:12px}.authCard input,.actionForm input,.actionForm textarea{border-radius:12px;min-height:48px;font-size:16px}.table>div span,.user span,.activeOrder h2,.activeOrder p{overflow-wrap:anywhere;min-width:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--brand);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1000px){.portal{grid-template-columns:208px minmax(0,1fr);gap:20px;padding:20px}.portalHighlights{gap:12px}.portalHighlights .card{padding:16px}}@media (max-width:700px){.portal{padding:0;display:block}.portal .content{width:calc(100% - 32px);padding:24px 0 calc(96px + env(safe-area-inset-bottom))}.bottom{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.bottom button{min-height:48px;font-size:12px}.mobile{gap:12px}.portalHighlights{grid-template-columns:1fr}.grid,.account{gap:16px}}