:root{--ink:#1e2622;--muted:#6d766f;--paper:#f7f7f3;--card:#fff;--line:#e3e8e1;--orange:#d9653b;--orange-dark:#b94d28;--green:#466f54;--blue:#4c6e8b;--purple:#6d6293;--shadow:0 20px 50px #2230280a}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:14px}button,a,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#20302a;color:#ecf0e8;padding:28px 18px;position:fixed;inset:0 auto 0 0;z-index:5;display:flex;flex-direction:column}.brandmark{display:flex;align-items:center;gap:11px;padding:0 12px 34px}.brandmark>span,.receipt-mark{display:grid;place-items:center;background:var(--orange);color:white;font-weight:800;width:38px;height:38px;border-radius:10px;letter-spacing:-1px}.brandmark b{display:block;font-size:15px}.brandmark small{display:block;color:#91a297;font-size:10px;margin-top:3px;letter-spacing:.05em;text-transform:uppercase}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#aab9af;padding:11px 13px;border-radius:8px;transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{background:#33463d;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--orange)}.sidebar nav i{font-style:normal;color:#91a297;font-size:17px;width:18px;text-align:center}.sidebar nav a.active i{color:#f2946e}.side-note{margin-top:auto;border-top:1px solid #405248;padding:18px 12px;color:#b8c5ba;font-size:12px;line-height:1.7}.side-note small{color:#829187}.live-dot,.status-dot{width:8px;height:8px;border-radius:99px;background:#78ae73;display:inline-block;margin-right:5px;box-shadow:0 0 0 4px #78ae7322}main{margin-left:260px;width:calc(100% - 260px);min-width:0}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 54px;background:#fafaf7}.topbar h1{font-size:20px;margin:3px 0 0;letter-spacing:-.04em}.eyebrow,.kicker{font:500 10px 'DM Mono',monospace;letter-spacing:.11em;color:#8b938c}.menu{display:none}.content{max-width:1400px;padding:50px 54px 80px;margin:auto}footer{border-top:1px solid var(--line);padding:22px 54px;color:#69766c;font-size:11px;display:flex;justify-content:space-between}footer span{color:#a1aaa2}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;padding:35px 0 80px}.hero-copy{max-width:700px}.hero h2,.page-intro h2{font-size:clamp(34px,4.4vw,64px);line-height:1.04;letter-spacing:-.065em;margin:17px 0 23px;max-width:760px}.lede,.page-intro p{color:var(--muted);font-size:16px;line-height:1.75;max-width:630px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:0;border-radius:7px;padding:12px 17px;font-weight:700;transition:.2s}.btn.primary{background:var(--orange);color:white}.btn.primary:hover{background:var(--orange-dark);transform:translateY(-1px)}.btn.secondary{background:#edf0ea;color:#2b3a30}.btn.ghost{background:transparent;color:#536158;border:1px solid var(--line)}.text-btn{border:0;background:none;color:var(--orange-dark);font-weight:800;padding:0}.full{width:100%;justify-content:center}.hint{font-size:12px;color:#879087;margin-top:25px}.flow-card{background:#24362d;color:#eff3ec;border-radius:16px;padding:25px 24px;box-shadow:var(--shadow);transform:rotate(1deg)}.flow-top{display:flex;justify-content:space-between;padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid #466052}.flow-top span{font:10px 'DM Mono';color:#a0b1a4;letter-spacing:.1em}.flow-top b{font-size:12px}.flow-step{display:flex;align-items:center;gap:13px;padding:15px 2px;color:#c0ccc3;border-bottom:1px solid #334a3d}.flow-step span{font:11px 'DM Mono';color:#ec8b67}.flow-step b{font-size:14px;font-weight:600}.flow-step i{font-style:normal;margin-left:auto;color:#789283}.home-lower{border-top:1px solid var(--line);padding-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.home-lower h3{font-size:27px;line-height:1.3;letter-spacing:-.04em;max-width:600px}.safe-card{display:flex;gap:17px;border:1px solid var(--line);padding:22px;border-radius:10px;background:#fbfcf9}.safe-card>span{font-size:25px;color:var(--orange)}.safe-card p{color:var(--muted);line-height:1.7;margin-bottom:0}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.page-intro h2{font-size:43px;margin:15px 0 13px}.page-intro p{margin:0;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:30px}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px;min-height:130px}.metric span,.metric small{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;font-size:34px;letter-spacing:-.08em;margin:14px 0 7px}.metric.orange{border-top:3px solid var(--orange)}.metric.blue{border-top:3px solid var(--blue)}.metric.green{border-top:3px solid #72a279}.metric.purple{border-top:3px solid var(--purple)}.metric.red{border-top:3px solid #ba6d63}.grid-2,.call-layout,.settings-grid,.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel h3{font-size:19px;letter-spacing:-.04em;margin:8px 0 0}.activity-row{display:flex;gap:13px;padding:14px 0;border-top:1px solid #edf0ec}.activity-row>div{display:grid;gap:4px}.activity-row small,.person small,.appointment small,.table-row small,.notification small{display:block;color:#8b958e;font-size:11px}.activity-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#f5e9e3;color:var(--orange);flex:0 0 auto}.pipeline-row{display:grid;grid-template-columns:145px 25px 1fr;gap:11px;align-items:center;margin:17px 0;font-size:12px}.pipeline-row>div{height:5px;background:#edf0ed;border-radius:5px}.pipeline-row i{height:100%;display:block;background:var(--orange);border-radius:5px}.call-screen{background:#24362d;color:#edf1eb;border-radius:12px;min-height:440px;display:flex;flex-direction:column}.call-head{padding:20px;border-bottom:1px solid #476154}.call-time{float:right;color:#91a297;font:11px 'DM Mono'}.transcript{padding:45px 35px;display:grid;gap:18px}.bubble{padding:17px 18px;border-radius:11px;max-width:80%;line-height:1.6}.bubble small{display:block;font-size:10px;color:#9eaea2;margin-top:10px}.bubble.customer{background:#355043}.bubble.assistant{background:#d96b42;margin-left:auto;color:#fff}.bubble.assistant small{color:#fbd0be}.call-footer{margin-top:auto;padding:16px 20px;color:#91a297;font-size:11px;border-top:1px solid #476154}.capture{align-self:start}.field-row,.estimate-line,.receipt-line{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #edf0ec;font-size:13px}.field-row span,.estimate-line span,.receipt-line span{color:var(--muted)}.capture .btn{margin-top:25px}.lead-table{padding:0;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:1.5fr 1.1fr 1.25fr 1fr 1.25fr .8fr;gap:15px;align-items:center;padding:17px 20px}.table-head{font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.08em;color:#8a958d;background:#f8faf7}.table-row{border-top:1px solid #edf0ec;min-height:72px;font-size:12px}.table-row>div:first-child{display:grid;gap:5px}.badge{display:inline-block;width:max-content;border-radius:99px;background:#edf0ea;color:#59665c;padding:5px 8px;font-size:10px;font-weight:700}.badge.urgent{background:#fae3dd;color:#9b422c}.badge.priority{background:#fdf0d5;color:#916a1d}.badge.emergency-escalation{background:#f8d9dc;color:#a63745}.badge.inspection-booked,.badge.customer-responded{background:#e2f0e4;color:#467151}.badge.estimate-sent{background:#e8e2f3;color:#665487}.badge.missed-call,.badge.phone-call{background:#e1edf4;color:#486e86}.appointment{display:flex;gap:15px;align-items:center;border-top:1px solid #edf0ec;padding:16px 0}.appointment>div:nth-child(2){display:grid;gap:4px;flex:1}.date-tile{background:#f8eae4;color:var(--orange);border-radius:8px;text-align:center;padding:7px 10px;display:grid}.date-tile b{font-size:20px;line-height:1}.date-tile small{color:var(--orange);font:10px 'DM Mono'}.person{display:flex;gap:12px;align-items:center;border-top:1px solid #edf0ec;padding:16px 0}.person>div{display:grid;gap:4px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dfeae0;color:#4a7053;font-weight:800;font-size:11px}.estimate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.estimate-card{position:relative}.estimate-status{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#849087}.estimate-card h3{font-size:27px;margin-top:28px}.estimate-card p{color:var(--muted)}.estimate-line{margin-top:18px}.notification-list{display:grid;gap:12px;max-width:800px}.notification{display:flex;gap:16px;align-items:flex-start}.notification h3{font-size:16px;margin:7px 0}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.faq span{color:var(--orange);font-size:24px;float:right}.faq p{color:var(--muted);line-height:1.7}.form-panel{display:grid;gap:17px;align-content:start}.form-panel h3{margin-bottom:7px}.form-panel label{display:grid;gap:7px;color:#657168;font-size:12px;font-weight:700}.form-panel input,.form-panel textarea,.modal input,.modal textarea{border:1px solid var(--line);border-radius:6px;padding:11px;background:#fcfdfa;color:var(--ink);outline-color:var(--orange)}.form-panel input[type=color]{height:42px;padding:3px}.toggle-row{display:flex;justify-content:space-between;border-top:1px solid #edf0ec;padding-top:16px;color:#556159}.toggle-row input{accent-color:var(--orange);width:18px;height:18px}.connection{display:flex;align-items:center;gap:11px;border:1px solid #edf0ec;padding:12px;border-radius:7px}.connection>span{font-size:18px;color:var(--orange)}.connection div{flex:1;display:grid;gap:3px}.connection small{color:#8b958e}.brand-preview{background:var(--brand);color:white;border-radius:12px;padding:36px;min-height:300px;display:flex;flex-direction:column;justify-content:center}.brand-preview>span{font:10px 'DM Mono';opacity:.7}.preview-logo{width:58px;height:58px;background:white;color:var(--brand);border-radius:15px;display:grid;place-items:center;font-weight:800;font-size:22px;margin:25px 0 15px}.brand-preview h3{font-size:28px;margin:0 0 8px}.brand-preview p{opacity:.8;max-width:350px;line-height:1.6}.brand-preview small{margin-top:auto;opacity:.8}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.price-card{position:relative}.price-card.featured{border:2px solid var(--orange);padding:23px}.popular{position:absolute;right:20px;top:20px;font:10px 'DM Mono';color:var(--orange-dark)}.price-card h3{font-size:24px;margin-bottom:24px}.price{display:flex;align-items:baseline;gap:8px}.price b{font-size:39px;letter-spacing:-.08em}.price span,.monthly{color:var(--muted);font-size:12px}.monthly{margin-top:6px}.price-card ul{list-style:none;padding:10px 0 20px;border-top:1px solid #edf0ec;margin-top:25px;display:grid;gap:13px;color:#59645b;font-size:13px}.modal-backdrop{position:fixed;inset:0;background:#1c2822b8;display:grid;place-items:center;padding:20px;z-index:20}.modal{background:#fff;border-radius:12px;padding:30px;max-width:480px;width:100%;position:relative;box-shadow:0 30px 80px #0003;display:grid;gap:13px}.modal h2{font-size:30px;letter-spacing:-.05em;margin:3px 0}.modal p{color:var(--muted);line-height:1.6;margin:0 0 8px}.modal label{display:grid;gap:7px;color:#647067;font-size:12px;font-weight:700}.modal textarea{min-height:70px;resize:vertical}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:26px;color:#7e897f}.modal-actions{display:flex;gap:10px;justify-content:end;margin-top:8px}.receipt{max-width:420px}.receipt-mark{margin-bottom:20px}.receipt hr{border:0;border-top:1px solid var(--line);width:100%}.receipt-line b{font-size:12px;text-align:right}.receipt .btn{margin-top:15px}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.hero{gap:35px}.content{padding:40px 30px}.topbar{padding:0 30px}.table-head,.table-row{grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr}.table-head span:last-child,.table-row>div:last-child{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:270px}.sidebar.open{transform:translateX(0)}main{margin-left:0;width:100%}.menu{display:block;background:none;border:0;font-size:22px;color:var(--ink);margin-right:14px}.topbar{height:76px;padding:0 20px;justify-content:flex-start;gap:10px}.topbar .top-actions{margin-left:auto}.top-actions .btn{font-size:11px;padding:9px}.content{padding:35px 18px 55px}.hero{grid-template-columns:1fr;padding-top:15px;gap:40px}.hero h2,.page-intro h2{font-size:38px}.flow-card{transform:none}.home-lower,.grid-2,.call-layout,.settings-grid,.branding-grid{grid-template-columns:1fr;gap:20px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{min-height:110px;padding:15px}.metric strong{font-size:28px}.page-intro{display:block}.page-intro .btn{margin-top:20px}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr;gap:10px;padding:18px}.table-row>span:nth-child(2),.table-row>span:nth-child(3){display:none}.estimate-grid,.pricing-grid,.faq-grid{grid-template-columns:1fr}.hero-actions .btn{flex:1}.flow-step b{font-size:13px}footer{padding:20px;display:block;line-height:1.8}footer span{display:block}.call-screen{min-height:390px}.transcript{padding:30px 20px}.bubble{max-width:92%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;transform:none!important}}
@media print{body{background:#fff}.shell{display:block}.sidebar,.topbar,footer,.content>*:not(.modal-backdrop),.modal-backdrop .modal-close,.modal-backdrop .btn{display:none!important}.modal-backdrop{position:static;background:none;padding:0}.modal.receipt{display:block;box-shadow:none;max-width:100%;padding:30px}.receipt:after{content:'SAMPLE / DEMO — No real payment was processed.';display:block;margin-top:30px;font-weight:800}}
.menu{display:flex;align-items:center;justify-content:center;gap:4px;width:38px;height:38px;padding:8px;border:1px solid var(--line);border-radius:7px}.menu span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px}.sidebar-close{display:none}.nav-reset{display:block;width:100%;border:0;background:none;color:#aab9af;text-align:left;padding:11px 13px;border-radius:8px;font-weight:inherit}.nav-reset:hover{background:#33463d;color:#fff}.state-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.payment-states{margin-bottom:20px}.muted{color:var(--muted);line-height:1.7}.receipt-summary{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.demo-warning{font-weight:800;color:var(--orange-dark)!important}.sidebar.open{box-shadow:10px 0 35px #17251d66}
@media(max-width:760px){.sidebar-close{display:block;position:absolute;right:14px;top:16px;border:0;background:none;color:#ecf0e8;font-size:28px;line-height:1}.sidebar nav{padding-top:18px}.menu{display:flex}.topbar h1{font-size:16px}.payment-states h3{margin-top:0}.field-row{align-items:flex-start}}
@media print{.sidebar,.topbar,footer,.content>*:not(.modal-backdrop),.modal-backdrop .modal-close,.modal-backdrop .btn{display:none!important}.demo-warning{color:#000!important}}
.shell{display:block;min-height:100vh}.sidebar{width:280px;max-height:100vh;overflow:hidden;transform:translateX(-105%);transition:transform .2s ease;z-index:30;box-shadow:14px 0 45px #17251d55}.sidebar.open{transform:translateX(0)}.sidebar nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.drawer-backdrop{display:none;position:fixed;inset:0;border:0;background:#16231c66;z-index:20}.drawer-backdrop.visible{display:block}main{margin-left:0;width:100%;min-width:0}.menu{position:relative;z-index:35;flex:0 0 auto}.topbar{position:relative;z-index:10}.sidebar-close{position:absolute;right:14px;top:16px;z-index:2}.side-note{flex:0 0 auto}
.modal-backdrop{overflow-y:auto;align-items:start}.modal{margin:20px auto}
.shell{display:flex;min-height:100vh;background:#f5f6f8}.sidebar{position:relative;inset:auto;width:250px;max-height:none;height:auto;min-height:100vh;background:#17212d;color:#cbd5df;padding:21px 14px;display:flex;flex-direction:column;flex-shrink:0;overflow:visible;transform:none;transition:none;box-shadow:none;z-index:5}.sidebar.open{transform:none}.brandmark{padding:0 10px 22px;gap:10px}.brandmark>span{background:var(--orange);border-radius:9px;width:35px;height:35px;font:700 16px 'Space Grotesk';letter-spacing:-1px}.brandmark b{font:700 21px 'Space Grotesk';line-height:1;color:#fff}.brandmark small{color:#8d9aa7;font-size:10px}.sidebar nav{display:grid;gap:3px;overflow:visible;flex:0 1 auto}.sidebar nav a,.nav-reset{border:0;background:transparent;color:#aebbc6;text-align:left;padding:10px 11px;border-radius:7px;display:flex;align-items:center;gap:11px;font-size:13px;transition:.2s}.sidebar nav a:hover,.nav-reset:hover{background:#223342;color:#fff}.sidebar nav a.active{background:#2b3947;color:#fff;font-weight:600;box-shadow:inset 3px 0 var(--orange)}.sidebar nav i{width:auto;color:inherit;font-size:15px}.side-note{margin-top:auto;border-top:1px solid #30404f;padding:15px 10px 2px;color:#7f8f9e;font-size:10px;line-height:1.5}.side-note small{color:#7f8f9e}.main,main{flex:1;min-width:0;margin-left:0;width:auto}.topbar{height:68px;border-bottom:1px solid #e0e4e8;background:#fbfcfd;padding:0 35px;gap:18px}.topbar>div:nth-child(2){margin-right:auto}.topbar h1{font:600 12px 'DM Sans';letter-spacing:0;color:#293542;margin:0}.eyebrow{font-size:10px;letter-spacing:1.25px;color:var(--orange);font-weight:700}.menu{display:none;border:0;background:transparent;color:#536672;padding:6px}.menu span{width:20px;height:2px;background:currentColor}.content{padding:37px 43px 55px;max-width:1440px;margin:auto;width:100%}footer{border-top:1px solid #e0e4e8;padding:16px 43px;background:#fbfcfd;color:#8b979f;font-size:10px}footer span{color:#8b979f}.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-intro h2{font:600 clamp(25px,3vw,34px) 'Space Grotesk';letter-spacing:-1.2px;color:#1d2a36;margin:0 0 9px}.page-intro p,.lede{color:#73818e;font-size:14px;line-height:1.55}.btn{border:1px solid transparent;border-radius:7px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}.btn.primary{background:var(--orange);color:white;box-shadow:0 3px 9px #d9653b30}.btn.secondary{background:#fff;border-color:#dce2e7;color:#445360}.btn.ghost{background:transparent;border-color:#dce2e7;color:#667680}.text-btn{color:var(--orange-dark);font-size:12px}.panel,.metric,.lead-card,.price-card{background:#fff;border:1px solid #e1e6e9;border-radius:9px;box-shadow:none}.panel{padding:20px}.panel h3{font:600 16px 'Space Grotesk';color:#25343f}.metrics{gap:10px}.metric{padding:14px 13px;min-height:0}.metric span,.metric small{color:#87939d;font-size:10px}.metric strong{font:600 26px 'Space Grotesk';color:#23323d;margin:3px 0}.badge{font-size:10px;padding:5px 8px;border-radius:20px;font-weight:600}.hero h2{font:600 clamp(34px,4.3vw,56px)/1.08 'Space Grotesk';letter-spacing:-2.5px}.flow-card{background:#273744;border-radius:18px;box-shadow:0 16px 30px #54656e22}.home-lower{border-top:1px solid #e0e5e8}.home-lower h3{font:600 24px 'Space Grotesk';color:#25343f}.safe-card{background:#fff;border:1px solid #e1e6e9}.pricing-grid{gap:15px}.price-card{padding:23px;display:flex;flex-direction:column}.price-card.featured{border:2px solid var(--orange);padding:22px;box-shadow:0 8px 25px #d9653b15}.price-card h3{font:600 20px 'Space Grotesk';color:#657681}.price b{font:600 34px 'Space Grotesk';color:#23323d}.price-card ul{color:#53646e}.modal{border-radius:9px}.drawer-backdrop{display:none}
.demo-badge{font-size:11px;color:#9daab7;background:#222f3d;border:1px solid #314252;border-radius:6px;padding:8px 9px;display:flex;align-items:center;gap:7px;margin:0 4px 21px}.demo-badge span:last-child{margin-left:auto;color:#748392}.sim-label{font-size:11px;color:#6d7c88;display:flex;align-items:center;gap:7px}.top-actions{display:flex;align-items:center;gap:19px}
@media(max-width:780px){.shell{display:block}.sidebar{position:fixed;left:-270px;top:0;bottom:0;width:250px;min-height:100vh;height:100vh;z-index:30;transition:left .2s;box-shadow:8px 0 20px #18242b30;overflow:hidden}.sidebar.open{left:0}.sidebar nav{overflow-y:auto;flex:1;min-height:0}.menu{display:flex;align-items:center;justify-content:center;gap:4px;width:38px;height:38px;z-index:35}.drawer-backdrop.visible{display:block}.topbar{height:58px;padding:0 17px}.content{padding:25px 17px 45px}.page-intro{display:block;margin-bottom:22px}.page-intro .btn{margin-top:17px}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:12px 9px}.metric strong{font-size:23px}.grid-2,.call-layout,.settings-grid,.branding-grid{grid-template-columns:1fr}.estimate-grid,.pricing-grid,.faq-grid{grid-template-columns:1fr}.table-head,.table-row{min-width:650px}.lead-table,.panel:has(.table-head){overflow-x:auto}.hero{display:flex;flex-direction:column;padding:12px 0 44px;align-items:stretch}.hero h2{font-size:36px;letter-spacing:-1.7px}.hero-actions{flex-direction:column;align-items:stretch}.flow-grid{grid-template-columns:repeat(2,1fr)}footer{padding:13px 17px}.top-actions .btn{font-size:11px;padding:8px}}
@media(max-width:760px){.sidebar{width:min(84vw,320px)}.topbar{z-index:10}.content{padding-top:35px}}
@media(max-width:780px){.sidebar{width:250px}.sidebar-close{display:block;position:absolute;right:14px;top:16px;border:0;background:none;color:#ecf0e8;font-size:28px;line-height:1}}
.menu{flex-direction:column;flex-wrap:nowrap;gap:4px;width:42px;height:42px;padding:9px;border:1px solid #dce2e7;border-radius:7px;background:#fff;color:#536672;cursor:pointer;box-shadow:0 1px 2px #18242b0d;transition:background .2s,border-color .2s,box-shadow .2s}.menu span{display:block;flex:0 0 auto;width:22px;height:2px;margin:0;background:currentColor;border-radius:99px}.menu:hover{background:#f2f5f6;border-color:#bac6ce;box-shadow:0 3px 8px #18242b18}.menu:focus-visible{outline:3px solid #d9653b55;outline-offset:2px}