:root{--bg:#f5f6f3;--surface:#fff;--ink:#202b25;--muted:#7c847f;--line:#e5e9e1;--green:#448866;--lime:#c2e48f;--blue:#6b91b7;--sidebar:#19231e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #84b497;outline-offset:4px}button{color:inherit}.icon{width:20px;height:20px;flex-shrink:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.4px;font-size:34px;line-height:1.3;font-weight:650}h2{font-size:18px;letter-spacing:-.4px;font-weight:650}h3{font-size:20px;letter-spacing:-.5px;font-weight:650}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.5px;color:#778278}.brandmark{font-size:34px;line-height:1;letter-spacing:-5px;font-weight:750;display:inline-flex;align-items:center}.brandmark>span{color:var(--lime);font-size:42px;letter-spacing:0;margin-left:3px}.boot{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.boot p{color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:var(--sidebar);color:#c1cbc3;padding:35px 18px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:14px;margin:0 13px 60px;color:#f2f5ec}.brand>div{font-size:17px;letter-spacing:-.3px;font-weight:600}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2px;color:#849188;margin-top:5px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#6c7b71;margin:0 16px 17px}nav{display:grid;gap:7px}nav button{border:0;background:transparent;color:#9caba2;padding:13px 15px;border-radius:8px;display:flex;align-items:center;gap:13px;text-align:left;font-size:13px}nav button .icon{width:18px;height:18px}nav button:hover{background:#222e27;color:#e8f1e8}nav button.active{background:#2a3a2f;color:#c5e5a2}nav button i{width:5px;height:5px;border-radius:50%;background:#bce08b;margin-left:auto}.sidebar-bottom{margin-top:auto}.private-badge{font-size:10px;display:flex;gap:7px;align-items:center;color:#84988a;padding:17px 14px}.lock-dot{width:6px;height:6px;background:#b8d49c;border-radius:50%;display:inline-block}.user{border-top:1px solid #314035;padding:19px 4px 2px;display:flex;align-items:center;gap:9px}.avatar{width:29px;height:29px;border-radius:50%;background:#364436;color:#cfe0bd;font-weight:600;display:grid;place-items:center;font-size:11px}.user strong{font-size:11px;color:#d4dfd6;font-weight:500}.user small{display:block;color:#85968b;font-size:9px;margin-top:4px}.user button{border:0;background:transparent;color:#9caba0;margin-left:auto;padding:5px}.user button .icon{width:15px}.main-shell{margin-left:230px;width:calc(100% - 230px)}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#fafbf8}.breadcrumb{font-size:11px;color:#6b776e}.breadcrumb span{margin:0 14px;color:#c5ccc2}.sync{display:flex;align-items:center;gap:15px;color:#869083;font-size:10px}.sync button{border:1px solid var(--line);border-radius:7px;background:#fff;display:grid;place-items:center;width:29px;height:29px;color:#758173}.sync button .icon{width:14px;height:14px}.dev-label{background:#eae5c8;color:#746735;padding:3px 6px;border-radius:3px;font-size:9px;font-weight:500}.content{max-width:1320px;margin:0 auto;padding:43px 44px 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.page-heading .eyebrow{margin-bottom:11px}.page-heading h1+p{margin-top:12px;color:#7a857d;font-size:12px;line-height:1.7}.today{text-align:right;padding-top:19px}.today>span{font-size:14px;font-weight:550}.today p{font-size:10px;color:#879282;margin-top:7px}.summary-strip{display:flex;align-items:center;gap:10px;border:1px solid #dfe6d9;border-radius:8px;background:#eef2e8;padding:15px 17px;margin-bottom:34px;font-size:11px;color:#87917b}.summary-strip strong{font-size:11px;color:#596750;font-weight:550}.summary-dot{width:6px;height:6px;background:#a9b29e;border-radius:50%}.summary-dot.green{background:#6c9c58}.summary-rule{height:12px;width:1px;background:#d4ddcc;margin:0 5px}.summary-right{margin-left:auto;font-size:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.section-heading>span{font-size:10px;color:#8d968b}.text-button{border:0;background:none;color:#73806b;font-size:10px;display:flex;align-items:center;gap:8px;padding:3px}.text-button .icon{width:13px;height:13px}.hosts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.host-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px 23px 0;text-align:left;overflow:hidden;transition:transform .18s,box-shadow .18s}.host-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2033200a;border-color:#cbd7c5}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.device-icon{width:40px;height:40px;border:1px solid #e9eae5;background:#f8f9f6;border-radius:10px;display:grid;place-items:center;color:#65715e}.device-icon .icon{width:23px;height:23px}.device-icon.ubuntu-hub{background:#f8f4ed;color:#b0976d;border-color:#f0ebe1}.badge{font-size:9px;display:inline-flex;gap:5px;align-items:center;padding:5px 7px;border-radius:5px;background:#f4f5f2;color:#8a9384;white-space:nowrap}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.online{background:#edf4e8;color:#6e9454}.badge.stale{background:#faf2dc;color:#b09343}.badge.offline{background:#f7ebea;color:#b2837d}.host-role{font-size:10px;color:#98a08f;margin-top:6px}.resource-pair{display:flex;margin:27px 0 16px;gap:38px}.resource-pair span{display:block;font-size:9px;color:#929b8b;margin-bottom:7px}.resource-pair strong{font-size:28px;font-weight:550;letter-spacing:-1px}.resource-pair small{font-size:12px;color:#a0a89a;letter-spacing:0;margin-left:3px}.spark{display:block;width:100%;height:58px;overflow:visible}.chart-grid{stroke:#edf0e9;stroke-width:1;stroke-dasharray:3 5}.chart-line{fill:none;stroke:#80a472;stroke-width:1.7;vector-effect:non-scaling-stroke}.spark.blue .chart-line{stroke:#80a0be}.empty-chart{height:58px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,transparent 0,transparent 28px,#f5f7f1 28px,#f5f7f1 29px);font-size:9px;color:#b4bbae}.card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2ec;padding:16px 0 15px;margin-top:7px;color:#a0aa95;font-size:9px}.card-foot .icon{width:14px;height:14px}.tools-section{margin-top:35px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:20px 17px;display:flex;align-items:center;gap:12px;transition:border-color .2s}.tool-card[href]:hover{border-color:#b8cba8}.tool-icon{width:35px;height:35px;flex-shrink:0;border-radius:8px;background:#f0f2ed;color:#849078;display:grid;place-items:center}.tool-icon .icon{width:18px;height:18px}.tool-icon.grafana{background:#fbf1e6;color:#d3a06d}.tool-icon.workspace{background:#edf3e7;color:#97b178}.tool-copy{min-width:0}.tool-copy>span{font-size:8px;letter-spacing:.4px;color:#a2aa9a}.tool-copy h3{font-size:12px;letter-spacing:-.1px;margin-top:3px}.tool-copy p{font-size:9px;color:#8d9785;margin-top:5px;line-height:1.5}.tool-card>.icon{width:12px;height:12px;margin-left:auto;color:#a6af9c}.soon{font-size:8px;color:#bdab8b;white-space:nowrap;margin-left:auto}.workspace-note{margin-top:34px;display:flex;gap:13px;align-items:center;border:1px dashed #dce4d2;border-radius:9px;padding:21px 22px;color:#94a482}.note-symbol{font-size:22px;line-height:1}.workspace-note strong{font-size:10px;font-weight:550;color:#6f8062}.workspace-note p{font-size:9px;margin-top:6px;color:#a0ac94}.content-footer{display:flex;justify-content:space-between;margin-top:46px;padding-top:19px;border-top:1px solid var(--line);font-size:8px;color:#a7afa0;letter-spacing:.6px}.content-footer span:last-child{letter-spacing:0}.all-tools .tool-card{padding-top:27px;padding-bottom:27px}.retention{font-size:10px;color:#96a18a}.retention strong{color:#6d7c61;font-weight:550;margin-left:7px}.host-tabs{display:flex;gap:8px;margin-bottom:22px}.host-tabs button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:transparent;border-radius:7px;padding:10px 14px;font-size:11px;color:#8a9580}.host-tabs button.active{background:#fff;border-color:#baceaa;color:#587247}.host-tabs .icon{width:16px;height:16px}.status-dot{width:5px;height:5px;border-radius:50%;background:#b9c1b3;margin-left:8px}.status-dot.online{background:#8dac68}.status-dot.offline{background:#b9877b}.status-dot.stale{background:#bea363}.detail-summary{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 25px;margin-bottom:16px}.detail-host{display:flex;gap:14px;align-items:center}.detail-host p{color:#8d9785;font-size:10px;margin-top:5px}.detail-seen{margin-left:auto;text-align:right}.detail-seen span{display:block;font-size:9px;color:#a5ae9b;margin-bottom:7px}.detail-seen strong{font-size:10px;font-weight:500;color:#7f8d73}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.detail-metrics article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px}.detail-metrics article>span{font-size:10px;color:#8f9a83}.detail-metrics strong{display:block;font-size:31px;font-weight:550;letter-spacing:-1px;margin-top:14px}.detail-metrics small{font-size:12px;color:#a3ad97;letter-spacing:0;margin-left:3px}.detail-metrics p{font-size:9px;color:#a4ad9a;margin-top:10px}.detail-metrics .uptime{font-size:19px;letter-spacing:-.4px;min-height:40px;padding-top:6px}.history-panel,.data-panel{border:1px solid var(--line);border-radius:10px;background:#fff;padding:24px}.history-panel .section-heading{margin-bottom:22px}.time-tabs{display:flex;border:1px solid #e9eee1;border-radius:5px;overflow:hidden}.time-tabs button{background:transparent;border:0;padding:6px 11px;font-size:9px;color:#8a977d}.time-tabs button.active{background:#edf3e7;color:#66894e}.chart-labels{display:flex;gap:17px;font-size:9px;color:#8d9a80;margin-bottom:22px}.chart-labels span{display:flex;align-items:center;gap:6px}.chart-labels i{width:6px;height:6px;border-radius:50%;background:#85a473}.chart-labels i.blue{background:#80a0be}.chart-labels .chart-scale{margin-left:auto;color:#b2baa8}.large-charts{position:relative;min-height:180px}.large-charts .spark{height:180px}.chart-overlay{position:absolute;inset:0;pointer-events:none}.chart-overlay .chart-grid{display:none}.empty-chart.large{height:180px;font-size:11px}.chart-times{display:flex;justify-content:space-between;color:#a4b197;font-size:9px;margin-top:12px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px}.data-panel h2{font-size:14px;margin-bottom:22px}.disk{margin-bottom:21px}.disk:last-child{margin-bottom:0}.disk>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:10px;gap:12px}.disk strong{font-weight:500}.disk span{color:#a1ad94;font-size:9px}.disk small{font-size:8px;color:#a4b193;display:block;text-align:right;margin-top:6px}progress{appearance:none;width:100%;height:5px;border:0;border-radius:3px;overflow:hidden;display:block}progress::-webkit-progress-bar{background:#eef2e7}progress::-webkit-progress-value{background:#a8c28d;border-radius:3px}progress::-moz-progress-bar{background:#a8c28d}.empty-text{font-size:10px;color:#b2bba6;padding:15px 0}dl{margin:0}dl>div{display:flex;justify-content:space-between;margin-top:15px;font-size:10px}dt{color:#94a185}dd{margin:0;color:#738663;font-variant-numeric:tabular-nums}.error-banner{background:#faf0df;border:1px solid #ecddc3;border-radius:7px;padding:12px 15px;margin-bottom:24px;font-size:11px;color:#9b855e}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.login{min-height:100vh;background:#19231e;color:#eaf0e5;position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:130px max(7vw,30px);gap:80px;overflow:hidden}.login:before{content:"";position:absolute;width:900px;height:900px;left:-460px;top:130px;border:1px solid #2c3b2d;border-radius:50%;pointer-events:none;box-shadow:0 0 0 90px #ffffff02,0 0 0 180px #ffffff01}.login-brand{position:absolute;left:7vw;top:40px;display:flex;align-items:center;gap:16px}.login-brand>span:last-child{font-size:10px;letter-spacing:2px;color:#b5c4ad}.login-copy{position:relative;max-width:500px}.login-copy .eyebrow{color:#a3b98c;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px}.login-copy .eyebrow i{width:5px;height:5px;background:#bdd896;border-radius:50%}.login-copy h1{font-size:68px;line-height:1.27;letter-spacing:-4px;margin-top:28px;font-weight:570}.login-copy>p{color:#96aa91;margin-top:26px;font-size:14px;line-height:1.9;letter-spacing:-.2px}.login-hosts{display:flex;align-items:center;margin-top:40px}.login-hosts>span{width:30px;height:30px;border-radius:8px;background:#2b392c;display:grid;place-items:center;border:2px solid #19231e;margin-left:-5px;color:#94aa88}.login-hosts>span:first-child{margin-left:0}.login-hosts .icon{width:16px;height:16px}.login-hosts p{font-size:9px;color:#718769;margin-left:11px}.login-card{background:#f8faf5;color:#243021;border:1px solid #eef4e3;border-radius:14px;padding:42px;position:relative;max-width:400px;justify-self:center;width:100%;box-shadow:0 24px 65px #0002}.small-label{font-size:9px;letter-spacing:1.6px;color:#92a27d}.login-card h2{font-size:25px;letter-spacing:-1px;margin-top:21px;font-weight:600}.login-card>p{color:#94a087;font-size:12px;line-height:1.9;margin-top:14px}.google-button{display:flex;align-items:center;gap:14px;border:1px solid #dce4d1;background:#fff;padding:15px 18px;border-radius:7px;font-size:12px;font-weight:550;margin-top:32px;transition:background .2s}.google-button:hover{background:#eff5e7}.google-button.disabled{pointer-events:none;opacity:.5}.google-g{font-family:Arial,sans-serif;font-size:18px;font-weight:700;color:#4285f4}.google-button .icon{margin-left:auto;width:16px;color:#94a685}.login-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#a4af95;margin-top:18px}.privacy-link{display:block;font-size:9px;color:#acb59f;text-align:center;text-decoration:underline;text-underline-offset:3px;margin-top:38px}.auth-error{font-size:11px;background:#f4e9dc;color:#aa8965;border-radius:5px;line-height:1.7;padding:10px;margin-top:18px}.login-footer{position:absolute;bottom:30px;left:7vw;right:7vw;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#4f6750}.login-footer span{letter-spacing:0;color:#6e8667}.privacy{max-width:680px;margin:60px auto;padding:25px;line-height:1.9}.privacy h1{font-size:28px;margin:30px 0 25px}.privacy p{margin:20px 0;color:#6b7864}.privacy a{font-size:12px;color:#688351}
@media(min-width:1500px){.content{padding-top:56px}.hosts-grid,.tools-grid{gap:24px}.host-card{padding:26px 28px 0}.tool-card{padding:25px 22px}.tools-section{margin-top:43px}.workspace-note{margin-top:43px}.resource-pair{gap:55px}}
@media(max-width:1150px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.main-shell{margin-left:200px;width:calc(100% - 200px)}.topbar{padding:0 28px}.content{padding:35px 28px 23px}.hosts-grid,.tools-grid{gap:12px}.host-card{padding:18px 17px 0}.resource-pair{gap:26px}.tool-card{padding:17px 14px;gap:9px}.tool-icon{width:29px;height:29px}.tool-card>.icon{display:none}.tool-copy p{font-size:8px}.soon{display:none}.login{gap:35px}.login-copy h1{font-size:58px}.login-card{padding:33px}.detail-metrics{gap:10px}.detail-metrics article{padding:18px}.detail-metrics .uptime{font-size:16px}.user small{font-size:8px}}
@media(max-width:900px){.sidebar{width:77px;padding:28px 12px 16px;align-items:center}.brand{margin:0 0 55px}.brand>div,.nav-label,.user>div,.private-badge{display:none}nav{width:100%}nav button{font-size:0;padding:13px;justify-content:center}nav button .icon{width:20px;height:20px}nav button i{display:none}.sidebar-bottom{width:100%}.user{flex-direction:column;gap:12px}.user button{margin:0}.main-shell{margin-left:77px;width:calc(100% - 77px)}.topbar{padding:0 24px}.content{padding:30px 24px}.resource-pair{gap:20px}.resource-pair strong{font-size:25px}.badge{font-size:8px;padding:4px 5px}.host-card h3{font-size:18px}.host-role{font-size:8px}.tool-icon{display:none}.detail-metrics .uptime{font-size:14px}.login-copy h1{font-size:50px}.login-card{padding:29px}.login-card h2{font-size:21px}.login{padding-left:6vw;padding-right:6vw;gap:30px}}
@media(max-width:650px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:18px 20px 0;display:block}.brand{margin:0 0 19px;gap:12px}.brand>div{display:block;font-size:15px}.brandmark{font-size:28px}.brandmark>span{font-size:35px}.brand small{font-size:7px}.sidebar nav{display:flex;gap:6px}.sidebar nav button{font-size:11px;padding:11px 13px;border-radius:7px 7px 0 0;gap:7px}.sidebar nav .icon{width:15px;height:15px}.sidebar-bottom{position:absolute;right:20px;top:25px;width:auto}.user{border:0;padding:0;flex-direction:row}.user .avatar{display:none}.user button .icon{width:17px}.main-shell{margin:0;width:100%}.topbar{height:47px;padding:0 20px}.breadcrumb{font-size:9px}.breadcrumb span{margin:0 8px}.sync{font-size:9px;gap:8px}.sync button{width:24px;height:24px}.content{padding:28px 20px 22px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:29px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.page-heading h1+p{font-size:11px;max-width:220px}.today>span{font-size:11px}.today p{font-size:9px}.summary-strip{padding:13px 12px;gap:7px;font-size:9px;flex-wrap:wrap;margin-bottom:25px}.summary-strip strong{font-size:10px}.summary-rule{margin:0 2px}.summary-right{display:none}.section-heading{margin-bottom:14px}.section-heading h2{font-size:16px}.hosts-grid{grid-template-columns:1fr;gap:12px}.host-card{padding:19px 20px 0;position:relative}.card-top{margin-bottom:13px}.device-icon{width:36px;height:36px}.host-card h3{font-size:20px}.host-role{font-size:9px}.resource-pair{position:absolute;top:75px;right:24px;margin:0;gap:28px}.resource-pair strong{font-size:27px}.host-card .spark,.host-card .empty-chart{margin-top:20px;height:44px}.card-foot{padding:12px 0;margin-top:8px}.tool-icon{display:grid}.tools-grid{grid-template-columns:1fr;gap:10px}.tool-card{padding:18px 19px;gap:14px}.tool-icon{width:35px;height:35px}.tool-copy h3{font-size:13px}.tool-copy p{font-size:10px}.tool-card>.icon{display:block}.soon{display:block;font-size:9px}.tools-section{margin-top:28px}.workspace-note{padding:19px;margin-top:26px}.workspace-note strong{font-size:10px}.workspace-note p{font-size:9px;line-height:1.7}.content-footer{margin-top:32px;font-size:7px;gap:20px}.content-footer span:last-child{text-align:right;max-width:150px;line-height:1.6}.host-tabs{gap:6px}.host-tabs button{flex:1;padding:10px 8px;justify-content:center;font-size:10px;gap:5px}.host-tabs .icon{width:13px;height:13px}.host-tabs .status-dot{display:none}.retention{font-size:9px}.detail-summary{padding:18px;gap:12px;flex-wrap:wrap}.detail-host h2{font-size:17px}.detail-host p{font-size:9px}.detail-summary>.badge{margin-left:auto}.detail-seen{width:100%;text-align:left;display:flex;gap:12px;border-top:1px solid #f0f3ea;padding-top:12px}.detail-seen span{margin:0}.detail-metrics{grid-template-columns:repeat(2,1fr);gap:10px}.detail-metrics article{padding:18px}.detail-metrics .uptime{font-size:18px}.history-panel,.data-panel{padding:18px}.history-panel .section-heading{gap:8px}.history-panel h2{font-size:14px}.time-tabs button{font-size:8px;padding:5px 7px}.lower-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}.chart-times{font-size:8px}.login{display:flex;flex-direction:column;padding:110px 28px 100px;gap:35px;align-items:stretch}.login-brand{left:28px;top:30px}.login-copy{max-width:none}.login-copy h1{font-size:46px;letter-spacing:-2.6px;margin-top:21px}.login-copy>p{font-size:12px;line-height:1.8;margin-top:19px}.login-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.login-hosts{display:none}.login-card{max-width:none;padding:29px;border-radius:11px}.login-card h2{font-size:23px;margin-top:16px}.login-card>p{font-size:11px}.google-button{margin-top:24px}.privacy-link{margin-top:25px}.login-footer{left:28px;right:28px;bottom:27px;font-size:7px}.login-footer span{font-size:8px}.login:before{left:-550px;top:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.tool-card{position:relative;padding-right:37px;align-items:stretch}.tool-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.tool-main>.icon{width:12px;height:12px;margin-left:auto;color:#a6af9c}.tool-card:hover{border-color:#c3d4b3}.edit-tool{position:absolute;top:12px;right:9px;border:0;background:none;color:#b2bcaa;padding:5px;border-radius:4px}.edit-tool:hover{background:#f0f5e9;color:#6c855a}.edit-tool .icon{width:12px;height:12px}.cost-overview{margin-top:27px;padding:24px 25px;display:flex;align-items:center;gap:28px;background:#edf2e6;border:1px solid #dce6d1;border-radius:10px}.cost-overview .small-label{font-size:8px}.cost-overview h2{font-size:13px;margin-top:6px}.cost-overview p{font-size:9px;color:#9caa8e;margin-top:7px}.cost-overview>strong{font-size:29px;letter-spacing:-1px;font-weight:550;margin-left:auto;white-space:nowrap}.cost-overview>strong small{display:block;text-align:right;font-size:8px;letter-spacing:0;color:#9daa90;font-weight:400;margin-top:6px}.previous-cost{border-left:1px solid #d7e1cc;padding-left:25px}.previous-cost span{display:block;font-size:9px;color:#9daa90}.previous-cost b{display:block;font-size:14px;margin-top:7px;font-weight:500;color:#7a8e67}.cost-overview .text-button{align-self:flex-end;font-size:9px;color:#879a70}.cost-currency{font-size:9px;color:#9faa91}.cost-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:24px}.cost-cards article{border:1px solid var(--line);border-radius:10px;background:#fff;padding:25px}.cost-cards article:first-child{background:#edf3e7;border-color:#dae7cb}.cost-cards article>span{font-size:10px;color:#8b9d7b}.cost-cards strong{display:block;font-size:33px;letter-spacing:-1.2px;font-weight:550;margin:20px 0 14px}.cost-cards p{font-size:9px;color:#9aaa8a}.cost-cards small{display:block;font-size:8px;color:#a9b49c;margin-top:9px;line-height:1.8}.cost-lower{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.cost-lower h2{font-size:15px}.service-list>div{margin:0 0 20px}.service-list>div>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:9px;font-size:11px}.service-list strong{font-weight:500;font-size:11px}.service-list span{color:#8a9b7b}.service-list progress{height:4px}.cost-empty{color:#9aaa8b;font-size:12px;min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px}.cost-empty p{color:#b0bba3;font-size:10px}.cost-breakdown dl>div{margin-top:20px;font-size:11px}.cost-breakdown .cost-total{border-top:1px solid #e7edde;padding-top:18px}.cost-total dt,.cost-total dd{font-weight:650;color:#5d7946}.cost-breakdown>p{font-size:9px;color:#aab89b;line-height:1.9;border-top:1px solid #ecf1e6;margin-top:30px;padding-top:18px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;font-size:11px;border:1px solid #6e8c56;border-radius:6px;background:#6e8c56;color:#fff}.primary-button:hover{background:#5d7b45}.primary-button .icon{width:13px;height:13px}.secondary-button{background:#fff;color:#8f9e7e;border-color:#e0e8d6}.tool-dialog{border:1px solid #dce6d0;border-radius:12px;padding:28px;width:420px;max-width:calc(100vw - 36px);box-shadow:0 25px 70px #19231e26;color:var(--ink)}.tool-dialog::backdrop{background:#19231e55;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:20px}.dialog-heading button{display:grid;place-items:center;border:0;background:none;color:#a6b399;padding:4px}.dialog-heading .icon{width:16px;height:16px}.tool-dialog form>p{font-size:11px;color:#95a583;margin:12px 0 23px}.tool-dialog label{font-size:10px;color:#7d9266;display:block;margin-top:17px}.tool-dialog input,.tool-dialog select{display:block;width:100%;font:inherit;font-size:12px;border:1px solid #dce5d2;background:#fcfdf9;border-radius:5px;padding:11px;margin-top:8px;color:#405835;outline:none}.tool-dialog input:focus,.tool-dialog select:focus{border-color:#9ab87d;box-shadow:0 0 0 2px #dce8cf}.tool-dialog input::placeholder{color:#b5c1a6}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dialog-actions{display:flex;gap:9px;margin-top:25px}.dialog-actions .secondary-button{margin-left:auto}.delete-button{border:0;background:none;padding:9px 0;font-size:10px;color:#b1917c}.form-error{font-size:10px;color:#a48468;line-height:1.7;margin-top:14px}
@media(max-width:1150px){.tool-main{gap:8px}.tool-card{padding-right:29px}.edit-tool{right:5px;top:9px}.edit-tool .icon{width:10px}.cost-overview{gap:20px}.cost-cards article{padding:20px}.cost-cards strong{font-size:28px}.previous-cost{padding-left:18px}}
@media(max-width:650px){.sidebar nav button{padding:11px 9px;font-size:10px;gap:5px}.tool-main{gap:13px}.tool-card{padding-right:47px}.edit-tool{top:24px;right:15px}.edit-tool .icon{width:14px;height:14px}.cost-overview{padding:21px 19px;margin-top:21px;gap:17px;flex-wrap:wrap}.cost-overview h2{font-size:12px}.cost-overview p{font-size:8px;max-width:150px;line-height:1.6}.cost-overview>strong{font-size:26px}.previous-cost{border:0;padding:13px 0 0;border-top:1px solid #dce5d1;flex:1}.previous-cost span,.previous-cost b{display:inline;margin:0 12px 0 0;font-size:10px}.cost-overview .text-button{padding-bottom:0}.cost-cards{grid-template-columns:1fr;gap:11px}.cost-cards article{padding:22px;position:relative}.cost-cards strong{margin:13px 0;font-size:31px}.cost-cards small{position:absolute;top:23px;right:20px;max-width:140px;text-align:right;font-size:8px;line-height:1.7;margin:0}.cost-lower{grid-template-columns:1fr;gap:13px}.cost-currency{display:none}.tool-dialog{padding:25px}.tool-dialog input,.tool-dialog select{font-size:14px}.tool-main>.icon{margin-left:auto}}

.cost-status{font-size:10px;color:#82976c;margin:-12px 0 22px;line-height:1.8}
.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.4}
@media(max-width:650px){.sidebar nav{overflow-x:auto;flex-wrap:nowrap}.sidebar nav button{flex-shrink:0;white-space:nowrap}}

.native-auth-mark{font-size:1.25rem;font-weight:800}