@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#253345;background:#f6f8fa;font-synthesis:none;font-size:14px;--blue:#087eb8;--ink:#162f46;--muted:#7c8896;--border:#e9edf1}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a,select{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;transition:background .18s,transform .18s}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #81bfe0;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:Manrope,DM Sans,sans-serif;color:var(--ink);margin:0}h1{font-size:30px;letter-spacing:-1.2px;font-weight:750;line-height:1.4}h2{font-size:25px;letter-spacing:-.7px}h3{font-size:16px;font-weight:750;letter-spacing:-.3px}h4{font-size:15px}p{color:var(--muted);line-height:1.65;margin:8px 0 0}small{font-size:12px}b{font-weight:600}.sidebar{position:fixed;left:0;top:0;bottom:0;width:246px;background:#fff;border-right:1px solid var(--border);padding:31px 20px 0;display:flex;flex-direction:column;z-index:20}.logo{width:170px;height:auto;object-fit:contain;align-self:flex-start;margin:0 10px 28px}.workspace{display:flex;align-items:center;gap:10px;border:1px solid var(--border);padding:12px 9px;border-radius:9px;margin-bottom:33px}.workspace b{font-size:12px;display:block}.workspace small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.workspace-icon{width:32px;height:32px;background:#f1f6f9;color:var(--blue);display:grid;place-items:center;border-radius:6px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#9aa2af;margin:0 13px 12px;font-weight:700}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:7px;font-size:12px;color:#798492;font-weight:500}nav a:hover{background:#f6f9fb}nav a.active{background:#eaf5fb;color:#077eb9;font-weight:650;box-shadow:inset 3px 0 #0784bf}nav a svg{stroke-width:1.7}.nav-count{margin-left:auto;font-size:10px;background:#edf0f4;padding:2px 6px;border-radius:5px;color:#788490}.side-bottom{margin-top:auto;padding-top:30px}.help-card{background:#f7f9fb;border:1px solid #edf0f4;border-radius:10px;padding:17px}.help-icon{color:var(--blue);display:block;margin-bottom:11px}.help-card b{font-size:12px}.help-card p{font-size:11px;margin:6px 0 12px}.help-card button{background:#fff;border:1px solid #e5eaf0;border-radius:5px;width:100%;padding:9px;font-size:11px;color:#526574;justify-content:space-between}.switch{width:100%;background:transparent;color:#7c8896;font-size:11px;justify-content:flex-start;padding:18px 8px}.switch svg:last-child{margin-left:auto}.user{display:flex;background:none;width:calc(100% + 40px);margin-left:-20px;padding:20px;border-top:1px solid var(--border);text-align:left;gap:10px}.user>span:nth-child(2){flex:1}.user b{font-size:11px}.user small{font-size:10px;display:block;color:var(--muted);margin-top:3px}.user>svg{color:#89929c}.avatar{background:#e9f0ee;color:#557267;width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:700;border:3px solid white;box-shadow:0 0 0 1px #e4e9eb;flex-shrink:0}.shell{margin-left:246px}header{height:76px;background:#fff;border-bottom:1px solid var(--border);padding:0 38px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#9aa3af}.breadcrumb b{color:#526070;font-weight:500}.header-actions{display:flex;align-items:center;gap:25px}.preview-label{font-size:9px;letter-spacing:1px;color:#8895a0;background:#f3f6f7;padding:6px 8px;border-radius:4px}.icon-btn{background:transparent;color:#81909e;padding:7px;position:relative;border-radius:6px}.icon-btn:hover{background:#edf4f8}.icon-btn i{width:5px;height:5px;border-radius:50%;background:#84ba3b;position:absolute;top:6px;right:7px}.small-avatar{width:30px;height:30px;font-size:9px}.mobile-toggle{display:none}main{padding:33px 38px 0;max-width:1600px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#7693a5;display:block;margin-bottom:8px}.page-title p{font-size:12px;margin-top:6px}.date-chip{border:1px solid #e1e7ec;border-radius:6px;padding:10px 12px;background:#fff;display:flex;align-items:center;gap:14px;color:#6c7887;font-size:11px}.demo-note{display:flex;align-items:center;gap:7px;color:#91a0ac;font-size:10px;margin:0 0 21px}.demo-dot{width:5px;height:5px;background:#90adbd;border-radius:50%}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:23px;box-shadow:0 3px 6px #1c395003}.overview-top{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:22px}.service-hero{padding:25px 27px 0;position:relative;overflow:hidden;background:linear-gradient(112deg,#073c5c,#076291 75%,#087aad);color:#fff;border-radius:12px;min-height:267px}.hero-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.hero-top>span:first-child{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.3px;color:#b1d4e6}.hero-status{display:flex;align-items:center;gap:6px;font-size:9px;border:1px solid #ffffff24;background:#ffffff0b;border-radius:20px;padding:5px 9px;color:#ddf1df}.hero-status i{width:5px;height:5px;border-radius:50%;background:#b5d97e}.service-hero h2{font-size:30px;color:#fff;margin-top:19px;position:relative;z-index:1;letter-spacing:-1px}.service-hero h2 span{font-weight:400;color:#a9ddf1}.service-hero>p{color:#9cc2d7;font-size:11px;position:relative;z-index:1;margin:5px 0 20px}.hero-details{display:flex;gap:31px;position:relative;z-index:1}.hero-details>div+div{border-left:1px solid #ffffff25;padding-left:30px}.hero-details b{font-size:18px;font-family:Manrope;font-weight:600;display:block}.hero-details b small{font-size:11px;color:#b1cbd9}.hero-details span{font-size:9px;color:#91bdd3;margin-top:6px;display:block}.hero-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff1f;margin-top:24px;padding:14px 0;position:relative;z-index:1}.hero-footer>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#9ec3d5}.hero-footer button{background:none;color:#f2fbff;font-size:10px}.hero-art{position:absolute;right:-120px;top:35px;width:310px;height:310px;transform:rotate(-24deg)}.hero-art div{position:absolute;width:100%;height:100%;border:1px solid #ffffff15;border-radius:48px}.hero-art div:nth-child(2){transform:scale(.78);background:#ffffff03}.hero-art div:nth-child(3){transform:scale(.56);background:#ffffff04}.card-heading{display:flex;align-items:center;justify-content:space-between}.icon-tile{display:inline-grid;place-items:center;background:#f0f6fa;color:#4284a5;width:36px;height:36px;border-radius:9px;flex-shrink:0}.badge{font-size:9px;font-weight:500;padding:5px 9px;border-radius:5px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.green{color:#358968;background:#edf8f2}.amber{color:#b38b3f;background:#fcf6e9}.red{color:#b95157;background:#fcedee}.renewal>p{font-size:11px;margin-top:15px}.renewal h2{font-size:29px;margin-top:3px;letter-spacing:-1px}.renewal h2>small{font-size:14px;font-weight:500;color:#5d6c7b;letter-spacing:0}.renewal h2>span{font-family:DM Sans;font-size:10px;color:#a1a9b2;font-weight:400;letter-spacing:0;margin-left:5px}.due-line{display:flex;gap:7px;align-items:center;font-size:10px;color:#8a95a1;margin:10px 0 17px}.primary{background:var(--blue);color:#fff;border-radius:7px;padding:12px 16px;font-size:11px;font-weight:600}.primary:hover{background:#086b9c}.secondary{background:#fff;color:#527084;border:1px solid #dce5eb;border-radius:7px;padding:11px 15px;font-size:11px;font-weight:600}.secondary:hover{background:#f4f9fb}.wide{width:100%;justify-content:space-between}.secure{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:10px;font-size:8px;color:#9ba5ae}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:23px}.stat{padding:20px}.stat>div{display:flex;justify-content:space-between;align-items:center;color:#8b9ba8}.stat>div>span{font-size:10px;color:#788693}.stat h2{font-size:25px;margin-top:13px;white-space:nowrap;letter-spacing:-.8px}.stat h2 small{font-size:10px;color:#919eaa;font-family:DM Sans;font-weight:400;letter-spacing:0;margin-left:6px}.stat p{font-size:9px;margin-top:8px;color:#93a0ab}.middle-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:23px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-head p{font-size:10px;margin-top:5px}select{background:#fff;border:1px solid #e3e9ef;border-radius:6px;padding:8px 11px;color:#657584;font-size:10px}.chart-legend{display:flex;align-items:center;gap:16px;font-size:9px;color:#92a0ac;margin-top:23px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{display:block;width:6px;height:6px;border-radius:2px;background:#138abd}.chart-legend i.light{background:#b8d9e8}.chart-legend b{margin-left:auto;color:#4d6678;font-size:17px;font-weight:600}.chart-legend small{font-size:9px;color:#9aa7b2;font-weight:400}.chart{height:175px;display:flex;margin-top:22px;gap:14px}.axis{display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#a2adb7;padding-bottom:23px;min-width:31px}.plot{flex:1;position:relative;min-width:0}.gridlines{position:absolute;top:0;right:0;bottom:23px;left:0;background:repeating-linear-gradient(to top,#eef2f5 0,#eef2f5 1px,transparent 1px,transparent 25%)}.bars{display:flex;gap:5px;height:calc(100% - 23px);align-items:flex-end;position:relative}.bar-wrap{display:flex;flex:1;height:100%;align-items:flex-end;gap:2px}.bar{background:#178abd;flex:1;border-radius:2px 2px 0 0;min-width:2px;transition:height .4s}.bar.upload{background:#b9dfed;flex:.45}.dates{display:flex;justify-content:space-between;font-size:8px;color:#a2adb7;margin-top:13px}.quick>p{font-size:10px;margin-top:5px;margin-bottom:17px}.quick-link{background:none;border-bottom:1px solid #f0f3f6;width:100%;text-align:left;padding:12px 0;gap:12px}.quick-link>span:nth-child(2){flex:1}.quick-link b{font-size:10px;display:block;color:#4c5e6c}.quick-link small{display:block;font-size:9px;color:#96a2ae;margin-top:4px}.quick-link>svg{color:#9faab3}.quick-link .icon-tile{width:31px;height:31px;border-radius:7px}.tip{display:flex;gap:10px;align-items:center;background:#f4f8ee;border:1px solid #e9efdf;border-radius:7px;margin-top:18px;padding:11px}.tip .spark{font-size:22px;color:#94ac52}.tip p{margin:0;font-size:9px;color:#7b8e64;flex:1}.tip b{font-weight:500;color:#6d7b5c}.tip button{background:transparent;color:#8eaa5c;padding:0}.text-button{background:transparent;color:#2986b3;font-size:10px;padding:0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:11px;text-align:left}th{font-size:9px;font-weight:500;color:#91a0ac;background:#f9fafc;padding:12px 14px}td{padding:13px 14px;border-bottom:1px solid #eff2f5;color:#788694}tr:last-child td{border-bottom:0}.invoice{display:flex;align-items:center;gap:10px}.invoice>svg{color:#9baab5}.invoice b{display:block;font-size:10px;color:#5b6e7d;font-weight:500}.invoice small{display:block;font-size:8px;color:#a3aeb7;margin-top:4px}.strong{color:#526575;font-weight:500}.payments{padding-bottom:8px}footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a8b1b9;padding:24px 0 21px}footer>span:last-child{display:flex;gap:5px;align-items:center}.footer-dot{width:4px;height:4px;border-radius:50%;background:#89b45b}.three{grid-template-columns:repeat(3,1fr)}.search{display:flex;align-items:center;gap:9px;border:1px solid #e3eaf0;border-radius:7px;padding:10px 12px;color:#9babb6;margin-bottom:20px;max-width:390px}.search input{border:0;outline:none;width:100%;font-size:11px;color:#526575;background:transparent}.notice{background:#f2f7fa;border:1px solid #e0ebf2;padding:15px;border-radius:8px;color:#698497;line-height:1.7;font-size:12px;margin:18px 0}.current-plan{display:flex;align-items:center;justify-content:space-between}.current-plan h2{margin-top:12px}.current-plan h2 small{font-size:12px;font-weight:400;color:#8a97a2}.current-plan p{font-size:12px}.current-plan button{margin-top:15px}.plans-heading{margin-top:35px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{padding:27px}.plan.selected{border-color:#9ac9df;box-shadow:0 0 0 2px #e9f4fa}.plan h3{margin-top:20px}.plan h2{margin-top:20px;font-size:38px}.plan h2 small{font-size:15px;color:#8b9baa;font-weight:400}.plan p{font-size:12px}.plan ul{padding:15px 0;list-style:none}.plan li{display:flex;align-items:center;gap:9px;font-size:11px;color:#778997;margin:13px 0}.plan li svg{color:#69a48c}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.detail-grid small{display:block;color:#8c9ba7;font-size:10px}.detail-grid b{display:block;font-size:13px;margin-top:7px}.spaced{margin-top:23px}.ticket-row{display:flex;width:100%;background:#fff;border-bottom:1px solid #edf1f4;text-align:left;padding:22px 0;gap:16px}.ticket-row>span:nth-child(2){flex:1}.ticket-row b{display:block;font-size:13px;color:#425a6c;margin:7px 0}.ticket-row small{display:block;color:#9aa6b0;font-size:10px}.ticket-row>svg{color:#9aa6b0}.ticket-row:hover{background:#fcfdfe}.settings{max-width:780px}.settings form{max-width:520px;margin-top:25px}.field{display:block;font-size:11px;color:#6c8090;margin:18px 0}.field input,.field textarea,.field select{display:block;margin-top:8px;width:100%;border:1px solid #dfe7ed;border-radius:7px;padding:12px;font-size:13px;color:#415b6c;background:#fff}.field textarea{resize:vertical}.small{font-size:11px}.muted{color:#94a1ad}.settings .primary{margin-top:18px}.integration{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5;padding:22px 0;gap:15px;font-size:12px}.incident{padding:22px 0;border-bottom:1px solid #edf1f4}.incident h4{margin-top:10px}.incident p{font-size:11px}.incident button{margin-top:14px}.empty{text-align:center;padding:30px;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d253c65;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border:1px solid #edf1f5;box-shadow:0 30px 90px #102b3c30;border-radius:17px;padding:35px;width:480px;max-width:100%;max-height:90vh;overflow:auto;position:relative}.close{position:absolute;right:13px;top:13px}.modal h2{margin:18px 0 10px;font-size:24px}.modal p{font-size:12px}.modal h3{margin-top:15px}.modal .amount{font-family:Manrope;font-size:33px;letter-spacing:-1px;color:#126a96;margin:22px 0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;background:#173e52;color:#fff;padding:15px 22px;border-radius:9px;box-shadow:0 9px 40px #12344935;font-size:12px;display:flex;align-items:center;gap:10px;max-width:90vw}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:#eaf4f7;padding:55px 70px;position:relative;overflow:hidden}.login-story .logo{width:200px;margin:0 0 70px}.login-story h1{font-size:53px;line-height:1.2;margin-top:20px;letter-spacing:-2px}.login-story>p{font-size:15px;line-height:1.9;margin-top:20px}.login-story>small{display:block;font-size:10px;color:#7292a2;margin-top:40px}.orb{height:280px;position:relative;display:grid;place-items:center;margin-top:30px;color:#2a89b3}.orbit{position:absolute;width:270px;height:210px;border:1px solid #81b7ca;border-radius:50%;transform:rotate(-28deg)}.orbit.o2{width:340px;height:160px;transform:rotate(38deg);border-color:#c0d7a4}.floating{display:flex;align-items:center;gap:10px;position:absolute;bottom:5px;right:0;padding:17px 20px;background:#fffd;border:1px solid white;border-radius:12px;color:#426b7f;font-size:11px;box-shadow:0 12px 35px #40768a12}.login-form{display:grid;place-items:center;background:#fff;padding:45px}.login-box{width:360px;max-width:100%}.login-box h2{font-size:29px;margin-top:18px;line-height:1.4}.login-box>.primary{margin-top:18px}.login-box>.secondary{margin-top:13px}.login-box>.small{margin-top:24px}@media(min-width:1500px){main{padding-top:45px}.service-hero{min-height:285px}.hero-details{margin-top:28px}.chart{height:200px}}@media(max-width:1200px){.sidebar{width:215px;padding-left:15px;padding-right:15px}.shell{margin-left:215px}main{padding:25px 23px 0}header{padding:0 23px}.overview-top,.middle-grid{gap:16px;grid-template-columns:1.5fr 1fr}.service-hero{padding:22px 20px 0}.hero-status{font-size:8px}.hero-details{gap:15px}.hero-details>div+div{padding-left:15px}.card{padding:19px}.stat{padding:16px}.stat h2{font-size:22px}.stat>div>span{font-size:9px}.stats{gap:12px}.renewal h2{font-size:24px}.user{width:calc(100% + 30px);margin-left:-15px;padding:18px 15px}.sidebar .logo{width:155px}.help-card{padding:14px}.quick-link{gap:9px}.page-title h1{font-size:27px}}@media(max-width:1000px){.overview-top,.middle-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.service-hero{min-height:265px}.renewal{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.renewal .card-heading{width:100%}.renewal>p{margin:0}.renewal .due-line{margin-left:auto}.renewal .primary{width:100%}.renewal .secure{width:100%;margin:0}.quick-link{padding:15px 0}.plan-grid{grid-template-columns:1fr}.current-plan{display:block}.current-plan>div+div{margin-top:25px}.date-chip{display:none}.login-story{padding:45px}.login-story h1{font-size:42px}.login-form{padding:25px}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:transform .2s;width:245px;box-shadow:10px 0 30px #173b4c14}.sidebar.open{transform:translate(0)}.shell{margin-left:0}.mobile-toggle{display:inline-flex}.header-actions{gap:13px}.preview-label{font-size:8px}header{height:63px;padding:0 17px}.breadcrumb{gap:7px;font-size:10px}main{padding:24px 17px 0}.page-title h1{font-size:24px}.page-title p{font-size:11px}.eyebrow{font-size:8px}.page-title{align-items:flex-end;gap:12px}.title-action .primary{font-size:10px;padding:10px}.demo-note{font-size:9px}.stats{gap:11px}.stat h2{font-size:22px}.stat p{font-size:8px}.stat>div>span{font-size:9px}.stat>div>svg{width:15px}.stat{padding:16px}.service-hero h2{font-size:29px}.hero-details b{font-size:18px}.hero-status{font-size:8px}.hero-top>span:first-child{font-size:8px;letter-spacing:.8px}.hero-footer>span{font-size:8px}.hero-footer button{font-size:9px}.service-hero{padding:22px 20px 0}.hero-details{gap:22px}.hero-details>div+div{padding-left:20px}.hero-footer{margin-top:27px}.section-head h3{font-size:14px}.section-head .text-button{font-size:9px}.chart{height:190px}.bars{gap:3px}.card{border-radius:10px}.quick .tip{margin-top:20px}footer{font-size:8px;gap:10px}footer>span:nth-child(2){display:none}.three{grid-template-columns:1fr}.three .stat{min-height:110px}.three .stat>div>span{font-size:11px}.three .stat p{font-size:10px}.ticket-row{gap:10px;flex-wrap:wrap}.ticket-row b{font-size:12px}.ticket-row .badge{font-size:8px}.ticket-row .icon-tile{display:none}.integration{font-size:11px}.login{grid-template-columns:1fr}.login-story{padding:30px;min-height:350px}.login-story .logo{width:155px;margin-bottom:35px}.login-story h1{font-size:35px}.login-story>p{font-size:12px}.login-story>small{margin-top:28px}.orb{position:absolute;right:-90px;bottom:0;opacity:.25;width:250px;height:230px;pointer-events:none}.floating{display:none}.login-form{padding:40px 25px}.login-box h2{font-size:25px}.modal{padding:28px}.modal h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}:root{--lime: #7bc61a;--green: #39b54a;--danger: #c43a3a;--warn: #b7791f}.badge{font-size:11px;padding:4px 9px}table{font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.03em;text-align:left}td{color:#4b5e6e;vertical-align:top}.primary,.secondary{font-size:13px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}a.primary{color:#fff}a.secondary{color:#527084}.text-button{font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.text-button.danger,.danger{color:var(--danger)}.primary.danger{background:var(--danger);color:#fff}.demo-note{font-size:12px;background:#fff8e6;color:#7a5a14;border:1px solid #f3e2b3;padding:10px 14px;border-radius:8px}.eyebrow{font-size:11px}p{font-size:14px}.small{font-size:12px}.muted{color:#7c8896}.block{display:block}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}code.mono{background:#f2f6f9;padding:2px 6px;border-radius:4px}.num{text-align:right}.strong{font-weight:600;color:var(--ink)}.spaced{margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:8px;z-index:300;background:var(--blue);color:#fff;padding:10px 14px;border-radius:6px}.skip-link:focus{left:8px}main:focus{outline:none}.badge.blue{background:#e6f2fa;color:#0b5d8f}.badge.grey{background:#eef1f4;color:#5f6f7c}.badge.blue:before,.badge.grey:before{background:currentColor}.env-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:6px 11px;border-radius:999px;background:#eef7e6;color:#3c6e12;border:1px solid #d6ecc2}.env-chip i{width:8px;height:8px;border-radius:50%;background:var(--lime)}.env-chip.off{background:#fbeaea;color:#8a2c2c;border-color:#f1caca}.env-chip.off i{background:var(--danger)}.route-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:400;background:linear-gradient(90deg,var(--blue),var(--lime));animation:progress 1.2s ease-in-out infinite;transform-origin:left}@keyframes progress{0%{transform:scaleX(.05)}60%{transform:scaleX(.7)}to{transform:scaleX(.95);opacity:.4}}.sidebar nav a{text-decoration:none}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d253c40;z-index:15}.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:9px;margin:0 0 16px;font-size:14px;line-height:1.5;background:#eef6fb;color:#1f4f6b;border:1px solid #d6e8f3}.alert.success{background:#eef8ea;color:#2d5d14;border-color:#d3ecc4}.alert.error{background:#fdeeee;color:#8a2424;border-color:#f4cccc}.alert.warn{background:#fff7e6;color:#7a5a14;border-color:#f1e0b0}.alert a{color:inherit;font-weight:600}.stack{display:flex;flex-direction:column;gap:14px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label,fieldset legend{font-size:13px;font-weight:600;color:var(--ink)}.form-field input,.form-field select,.form-field textarea,.stack textarea,select,.filters input{border:1px solid #d5dfe7;border-radius:8px;padding:10px 12px;font-size:14px;background:#fff;color:var(--ink);width:100%}select{width:auto}.form-field select{width:100%}.form-field input:read-only,.form-field input:disabled{background:#f5f7f9;color:#6b7a87}.form-field.has-error input,.form-field.has-error select{border-color:var(--danger)}.field-error{color:var(--danger);font-size:12px}fieldset{border:1px solid var(--border);border-radius:10px;padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}.check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#4b5e6e;cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--blue)}.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.inline-form.compact{margin:0;flex-wrap:nowrap}.inline-form.compact select{padding:6px 8px;font-size:13px;max-width:220px}.inline-form.compact .secondary{padding:7px 10px}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.filters .search{margin:0;flex:1;min-width:220px}.filters .search input{border:0;padding:0}.row-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.role-form{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.role-form .check{font-size:12px}.back-link{margin-bottom:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-inline{display:inline-block;width:12px;height:12px;border:2px solid #b9d7ea;border-top-color:var(--blue);border-radius:50%;animation:spin .9s linear infinite;vertical-align:-1px;margin-right:6px}.modal{max-height:calc(100vh - 40px);overflow:auto;width:min(560px,calc(100vw - 32px))}.modal.wide{width:min(820px,calc(100vw - 32px))}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;flex-wrap:wrap}.modal .close{position:static}.mini-table{white-space:normal;margin-top:8px}.mini-table td,.mini-table th{padding:9px 4px}.mini-table tfoot th,.mini-table tfoot td{border-top:1px solid #e3e9ee;background:none;color:var(--ink);font-size:14px;text-transform:none}.plain-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#4b5e6e}.detail-grid{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;margin:12px 0;font-size:14px}.detail-grid dt{color:#7c8896}.detail-grid dd{margin:0;color:var(--ink)}.tabs{display:flex;gap:6px;margin-bottom:16px;border-bottom:1px solid var(--border)}.tabs a{padding:10px 14px;font-size:14px;color:#6b7a87;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs a.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}main>.card+.card,main>.stats+.card,main>.card+.middle-grid,main>.middle-grid+.card,main>.card+.stats,main>.middle-grid+.stats,main>.stats+.middle-grid,main>.invoice-grid+.card{margin-top:20px}.invoice-grid>*,.settings-grid>*,.middle-grid>*,.service-list>*,.stats>*{min-width:0}.mini-table td:first-child{white-space:normal}.mini-table td.num,.mini-table th.num{white-space:nowrap;padding-left:12px}.demo-note .demo-dot{display:none}.card h3{margin-bottom:4px}.invoice-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;align-items:start}.service-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}.pay-card h3{display:flex;align-items:center;gap:8px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 16px;color:#8a98a5;text-align:center}.empty-state b{color:var(--ink);font-size:15px}.empty-state p{margin:0;max-width:420px}.stat h2{font-size:24px;margin-top:6px}.stat h2 small{font-size:13px;color:#7c8896}.stat .card-heading p{margin:0;font-size:13px}.thread{display:flex;flex-direction:column;gap:12px}.message{border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:#fff}.message.staff{background:#f2f8fc;border-color:#dceaf3}.message.internal{background:#fff8e6;border-color:#f1e0b0}.message header{display:flex;justify-content:space-between;gap:10px;font-size:13px}.message p{margin:6px 0 0;white-space:pre-wrap;color:#34495a}textarea{font:inherit;border:1px solid #d5dfe7;border-radius:8px;padding:10px 12px;width:100%;resize:vertical}.barchart{margin:12px 0 0}.barchart-plot{display:flex;align-items:flex-end;gap:6px;height:200px;padding-top:10px;border-bottom:1px solid var(--border)}.barchart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;height:100%}.barchart-bars{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.barchart-bars span{width:min(16px,40%);border-radius:4px 4px 0 0;min-height:2px}.barchart-bars .b1{background:var(--blue)}.barchart-bars .b2{background:#9fd067}.barchart-col small{font-size:11px;color:#8a98a5;white-space:nowrap}.center-page,.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#f6f8fa;gap:10px;text-align:center}.center-page .login-box{width:min(440px,100%);text-align:left}.error-page h1{max-width:640px}.error-page .logo{width:170px}.qr{display:flex;justify-content:center;margin:14px 0}.qr svg{width:200px;height:200px}.login-form .stack{margin-top:16px}.print-page{max-width:760px;margin:24px auto;padding:0 16px}.print-actions{display:flex;justify-content:space-between;margin-bottom:14px}.receipt header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.receipt header h2{font-size:20px}.receipt table{white-space:normal;margin:14px 0}@media print{.no-print{display:none!important}body{background:#fff}.receipt{border:0;box-shadow:none}}@media(max-width:1000px){.invoice-grid{grid-template-columns:1fr}}@media(max-width:700px){.row2{grid-template-columns:1fr}.stats,.stats.three{grid-template-columns:1fr 1fr}.page-title{flex-direction:column;align-items:flex-start;gap:12px}.service-list{grid-template-columns:1fr}.env-chip{font-size:11px;padding:5px 8px}.detail-grid{grid-template-columns:1fr;gap:2px 0}.detail-grid dd{margin-bottom:8px}.inline-form.compact{flex-wrap:wrap}}@media(max-width:420px){.stats,.stats.three{gap:10px}.stat{padding:14px}.stat h2{font-size:19px}.stat .icon-tile{display:none}}@media(prefers-reduced-motion:reduce){.route-progress,.spin,.spinner-inline{animation:none}}.log-json{white-space:pre-wrap;max-width:520px;max-height:320px;overflow:auto;background:#f6f8fa;padding:8px;border-radius:6px}.mfa-setup{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.mfa-setup .qr{margin:0}.mfa-setup .qr svg{width:180px;height:180px}.card h3 .badge{margin-left:6px;vertical-align:middle}.header-actions{display:flex;align-items:center;gap:12px}.header-user{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);font-weight:600}.signout-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#527084;border:1px solid #dce5eb;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}.signout-btn:hover{background:#fdf0f0;color:var(--danger);border-color:#f1caca}@media(max-width:700px){.header-name,.header-user,.signout-btn span{display:none}.signout-btn{padding:8px}.env-chip{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.env-short{display:none}@media(max-width:700px){.env-full,.crumb-root{display:none}.env-short{display:inline}.env-chip{max-width:none}}.tab-count{margin-left:6px;background:#eef2f6;color:#5f6f7c;border-radius:999px;padding:1px 7px;font-size:11px}.tabs a.active .tab-count{background:#e6f2fa;color:var(--blue)}.bs-grid,.dev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.dev-grid.nested{margin:10px 0 4px 14px;padding-left:14px;border-left:2px dashed #dce7ef}.bs-card,.dev-card{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--border);border-left:4px solid #cfd9e2;border-radius:12px;padding:14px 16px;text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s;min-width:0}.bs-card:hover,.dev-card:hover{box-shadow:0 6px 18px #1c39501a;transform:translateY(-1px)}.bs-card.ok,.dev-card.on{border-left-color:var(--lime)}.bs-card.warn,.dev-card.down-recent{border-left-color:var(--danger)}.dev-card.off{border-left-color:#b9c4ce;background:#fbfcfd}.bs-card.empty{opacity:.7}.dev-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.dev-name,.bs-name{font-weight:700;color:var(--ink);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}.dev-sub{font-size:12px;color:#6b7a87;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:6px 0 0}.dev-meta dt{font-size:11px;color:#8a98a5;text-transform:uppercase;letter-spacing:.03em}.dev-meta dd{margin:0;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-big{font-size:13px;color:#4b5e6e}.bs-big b{font-size:22px;color:var(--ink);margin-right:4px}.bs-bar{height:6px;border-radius:99px;background:#fde2e2;overflow:hidden}.bs-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime))}.card-open{position:absolute;right:14px;bottom:12px;font-size:12px;color:var(--blue);display:inline-flex;gap:3px;align-items:center;opacity:0;transition:opacity .15s}.bs-card:hover .card-open{opacity:1}.filters.card{padding:14px 16px}.ap-block{padding:14px 0;border-top:1px solid var(--border)}.ap-block:first-of-type{border-top:0}.ap-head{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}.ap-title{color:var(--ink);text-decoration:none}.alert-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.alert-item{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:10px;border:1px solid var(--border);border-left:4px solid var(--warn)}.alert-item.critical{border-left-color:var(--danger);background:snow}.plain-list.cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.compact-tabs{margin:0;border:0}.compact-tabs a{padding:6px 10px;font-size:13px}@media(max-width:700px){.dev-grid.nested{margin-left:0;padding-left:8px}}.tabs{overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs a{white-space:nowrap;flex:none}.bs-card,.dev-card,.bs-card.ok,.bs-card.warn,.bs-card.empty,.dev-card.on,.dev-card.off,.dev-card.down-recent{border:1px solid #e1e1e1;border-left:1px solid #e1e1e1;box-shadow:0 0 0 3px #e1e1e173;background:#fff}.bs-card:hover,.dev-card:hover{border-color:#d2d2d2;box-shadow:0 0 0 4px #e1e1e1b3,0 6px 16px #1c39500f}.dev-card.off{background:#fcfcfc}.alert-item,.alert-item.critical{border:1px solid #e1e1e1;border-left:1px solid #e1e1e1;box-shadow:0 0 0 3px #e1e1e173}nav.tabs a.active{background:transparent;box-shadow:none}nav.tabs a{border-radius:0}.inline-form.start-billing{margin:0;flex-wrap:wrap;gap:6px;max-width:360px}.inline-form.start-billing select{flex:1 1 180px;min-width:0;padding:6px 8px;font-size:13px}.inline-form.start-billing input[type=date]{flex:0 1 140px;padding:5px 8px;font-size:13px;border:1px solid #d5dfe7;border-radius:8px}.inline-form.start-billing .primary{padding:7px 12px}