:root{
  --ds-bg:#f3f5f6;
  --ds-surface:#ffffff;
  --ds-ink:#0c1110;
  --ds-muted:#65706a;
  --ds-line:#dfe5e2;
  --ds-green:#0c7a51;
  --ds-green-2:#1d9a68;
  --ds-green-soft:#eaf6ef;
  --ds-dark:#0b1110;
  --ds-dark-2:#111c18;
  --ds-warn:#b86b14;
  --ds-danger:#b33d3d;
}
*{box-sizing:border-box}
.ds-dashboarding{background:var(--ds-bg);color:var(--ds-ink)}
.ds-dashboarding .topbar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(12,17,16,.07)}
.ds-dashboarding .topbar .container{max-width:none;width:100%;padding:0 28px}
.ds-dashboarding .topbar .brand{font-size:18px;letter-spacing:.12em}
.ds-dashboarding .topbar nav{gap:18px;font-size:13px}
.ds-shell-main{margin-left:250px;min-height:100vh}
.ds-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#0a1110 0%,#0d1714 68%,#0b1210 100%);color:#fff;z-index:60;padding:24px 18px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.05);box-shadow:18px 0 45px rgba(0,0,0,.10)}
.ds-logo{display:flex;align-items:center;gap:12px;padding:5px 8px 24px;border-bottom:1px solid rgba(255,255,255,.08)}
.ds-logo-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#3ddc97,#0f8056);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 8px 22px rgba(47,166,111,.22);position:relative}
.ds-logo-mark:before,.ds-logo-mark:after{content:"";position:absolute;background:rgba(8,19,15,.28);border-radius:3px}
.ds-logo-mark:before{width:14px;height:14px;left:5px;top:5px}.ds-logo-mark:after{width:11px;height:11px;right:5px;bottom:5px}
.ds-logo-copy strong{display:block;font-size:20px;letter-spacing:.08em}.ds-logo-copy small{display:block;color:#93aaa1;font-size:9px;margin-top:2px;letter-spacing:.08em;text-transform:uppercase}
.ds-project-switch{margin:18px 4px 14px;padding:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:15px}
.ds-project-switch span{display:block;font-size:9px;color:#78e8ae;letter-spacing:.14em;text-transform:uppercase;font-weight:900}.ds-project-switch strong{display:block;margin-top:5px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-project-switch small{display:block;color:#91a39b;margin-top:4px;font-size:11px}
.ds-nav-label{padding:12px 9px 7px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#6f837a;font-weight:900}
.ds-nav{display:grid;gap:4px}.ds-nav a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:11px;color:#d6e0dc;font-size:12px;font-weight:700;transition:.16s}.ds-nav a:hover{background:rgba(255,255,255,.06);color:#fff}.ds-nav a.active{background:linear-gradient(90deg,rgba(31,154,104,.30),rgba(31,154,104,.12));color:#fff;box-shadow:inset 3px 0 0 #42d792}.ds-nav .dot{width:8px;height:8px;border-radius:50%;border:1px solid #7d9389;flex:0 0 auto}.ds-nav a.active .dot{background:#4be0a0;border-color:#4be0a0}
.ds-sidebar-spacer{flex:1}.ds-sidebar-footer{padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:6px}.ds-sidebar-footer a{font-size:11px;color:#9cafA6;padding:7px 9px}.ds-sidebar-footer a:hover{color:#fff}
.ds-dashboarding .ops-page,.ds-dashboarding .dashboard,.ds-dashboarding .project-detail{background:radial-gradient(circle at 100% 0%,rgba(20,130,87,.06),transparent 24%),linear-gradient(180deg,#f6f7f8 0%,#edf1ef 100%)}
.ds-dashboarding .container{width:min(1320px,calc(100% - 44px))}
.ds-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.ds-page-head h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.055em;margin:5px 0 8px}.ds-page-head p{margin:0;color:var(--ds-muted)}
.ds-kicker{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ds-green)}.ds-kicker:before{content:"";width:28px;height:1px;background:#8cb9a5}
.ds-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:11px;border:1px solid var(--ds-line);background:#fff;color:var(--ds-ink);font-size:12px;font-weight:850}.ds-btn.dark{background:var(--ds-dark);border-color:var(--ds-dark);color:#fff}.ds-btn.green{background:var(--ds-green);border-color:var(--ds-green);color:#fff}.ds-btn:hover{transform:translateY(-1px)}
.ds-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:14px 0}.ds-metric{background:#fff;border:1px solid var(--ds-line);border-radius:18px;padding:18px;min-height:120px;box-shadow:0 8px 22px rgba(8,15,12,.04)}.ds-metric span{display:block;color:var(--ds-muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.ds-metric strong{display:block;font-size:28px;letter-spacing:-.045em;margin-top:8px}.ds-metric small{display:block;color:#7b8681;font-size:11px;margin-top:7px;line-height:1.4}.ds-metric.warn strong{color:#b45f12}.ds-metric.dark{background:#0d1513;color:#fff;border-color:#0d1513}.ds-metric.dark span,.ds-metric.dark small{color:#9cafA6}
.ds-grid-main{display:grid;grid-template-columns:1.35fr .85fr;gap:14px}.ds-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ds-card{background:#fff;border:1px solid var(--ds-line);border-radius:20px;padding:20px;box-shadow:0 8px 22px rgba(8,15,12,.035)}.ds-card.dark{background:#0d1513;border-color:#0d1513;color:#fff}.ds-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.ds-card-head h2,.ds-card-head h3{margin:0;letter-spacing:-.035em}.ds-card-head h2{font-size:24px}.ds-card-head h3{font-size:18px}.ds-card-head a{font-size:11px;font-weight:850;color:var(--ds-green)}
.ds-progress-pair{display:grid;gap:14px;margin-top:18px}.ds-progress-line{display:grid;grid-template-columns:120px 1fr 66px;gap:12px;align-items:center}.ds-progress-line span{font-size:11px;color:var(--ds-muted);font-weight:750}.ds-track{height:9px;background:#e8eeeb;border-radius:99px;overflow:hidden}.ds-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2ead76,#42dd99)}.ds-track.fin i{background:linear-gradient(90deg,#315bd9,#6c8cff)}.ds-progress-line b{text-align:right;font-size:13px}
.ds-donut-wrap{display:grid;grid-template-columns:170px 1fr;gap:20px;align-items:center}.ds-donut{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#199764 0 var(--p1),#f2a93b var(--p1) var(--p2),#4169df var(--p2) var(--p3),#8f6bcc var(--p3) 100%);position:relative}.ds-donut:after{content:"";width:102px;height:102px;border-radius:50%;background:#fff;position:absolute}.ds-donut-center{position:relative;z-index:2;text-align:center}.ds-donut-center strong{display:block;font-size:20px;letter-spacing:-.04em}.ds-donut-center span{font-size:10px;color:var(--ds-muted)}.ds-legend{display:grid;gap:9px}.ds-legend-row{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;font-size:11px}.ds-legend-dot{width:9px;height:9px;border-radius:3px}.ds-legend-row b{font-size:11px}
.ds-risk{background:linear-gradient(145deg,#fdf7ec,#fff);border:1px solid #f0dfbd;border-radius:18px;padding:18px}.ds-risk strong{display:block;font-size:24px;color:#a95d12}.ds-risk p{font-size:12px;line-height:1.55;margin:7px 0 0;color:#6c6257}
.ds-list{display:grid;gap:8px}.ds-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #edf1ef}.ds-list-item:first-child{border-top:0}.ds-list-item strong{display:block;font-size:13px}.ds-list-item small{display:block;color:var(--ds-muted);font-size:10px;margin-top:4px;line-height:1.4}.ds-list-item b{white-space:nowrap;font-size:12px}.ds-tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf7f1;color:#0d7c53;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.ds-tag.warn{background:#fff1dc;color:#a86114}.ds-tag.dark{background:#17231f;color:#d7e4de}
.ds-steps{display:grid;gap:10px}.ds-step{display:grid;grid-template-columns:26px 1fr 54px;gap:10px;align-items:center}.ds-step-n{width:25px;height:25px;border-radius:8px;background:#eef4f1;color:#0f7c55;display:grid;place-items:center;font-size:10px;font-weight:900}.ds-step-copy strong{display:block;font-size:12px}.ds-step-copy .ds-track{margin-top:6px;height:6px}.ds-step>b{text-align:right;font-size:11px}
.ds-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ds-action{padding:15px;border-radius:15px;background:#f7f9f8;border:1px solid #e7ece9;min-height:96px}.ds-action span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e7f5ed;color:#0f7c55;font-weight:900;margin-bottom:14px}.ds-action strong{display:block;font-size:12px}
.ds-table-lite{width:100%;border-collapse:collapse}.ds-table-lite td{padding:11px 0;border-top:1px solid #edf1ef;font-size:11px}.ds-table-lite tr:first-child td{border-top:0}.ds-table-lite td:last-child{text-align:right;font-weight:800}
.ds-module-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ds-module{padding:16px;border:1px solid var(--ds-line);border-radius:15px;background:#fff}.ds-module b{display:block;color:var(--ds-green);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.ds-module strong{display:block;font-size:14px;margin-top:9px}.ds-module small{display:block;color:var(--ds-muted);font-size:10px;margin-top:5px;line-height:1.45}
.ds-public{background:#f4f6f5;color:var(--ds-ink)}.ds-public .topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(12,17,16,.06)}.ds-public .container{width:min(1240px,calc(100% - 44px))}.ds-public-hero{padding:66px 0 42px;background:radial-gradient(circle at 80% 18%,rgba(18,143,94,.11),transparent 25%),linear-gradient(180deg,#f7f9f8,#eef2f0)}.ds-public-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:38px;align-items:center}.ds-public-copy h1{font-size:clamp(52px,7vw,88px);letter-spacing:-.065em;line-height:.94;margin:12px 0 20px;max-width:650px}.ds-public-copy p{font-size:17px;max-width:610px;line-height:1.65;color:#56625d}.ds-public-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.ds-product-frame{background:#0a1110;border-radius:26px;padding:14px;box-shadow:0 30px 70px rgba(6,14,11,.22)}.ds-product-window{display:grid;grid-template-columns:118px 1fr;min-height:430px;background:#f6f8f7;border-radius:18px;overflow:hidden}.ds-product-sidebar{background:#0d1714;padding:18px 12px;color:#fff}.ds-product-brand{font-size:13px;font-weight:900;letter-spacing:.08em;margin-bottom:26px}.ds-product-nav{display:grid;gap:7px}.ds-product-nav span{padding:8px 9px;border-radius:8px;font-size:9px;color:#9fb1aa}.ds-product-nav span.active{background:#1a4938;color:#fff}.ds-product-main{padding:18px}.ds-product-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.ds-product-top strong{font-size:19px}.ds-product-pill{padding:6px 9px;border-radius:999px;background:#e7f5ed;color:#0d7b53;font-size:8px;font-weight:900}.ds-product-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.ds-product-kpi{background:#fff;border:1px solid #e1e7e4;border-radius:10px;padding:10px}.ds-product-kpi span{display:block;font-size:7px;color:#7a8580;text-transform:uppercase;letter-spacing:.08em}.ds-product-kpi strong{display:block;font-size:13px;margin-top:4px}.ds-product-body{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin-top:8px}.ds-product-panel{background:#fff;border:1px solid #e1e7e4;border-radius:11px;padding:11px}.ds-product-panel h4{font-size:10px;margin:0 0 10px}.ds-mini-bars{display:flex;align-items:flex-end;gap:7px;height:100px;padding-top:10px}.ds-mini-bars i{display:block;flex:1;border-radius:4px 4px 0 0;background:#2dae76}.ds-mini-bars i.blue{background:#4b6de5}.ds-mini-list{display:grid;gap:6px}.ds-mini-list span{display:block;height:8px;border-radius:6px;background:#edf1ef}.ds-public-section{padding:62px 0}.ds-public-section h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.05em;margin:0 0 12px}.ds-public-section p.lead{max-width:760px;color:#5b6761}.ds-public-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.ds-public-feature{background:#fff;border:1px solid var(--ds-line);border-radius:18px;padding:22px;min-height:180px}.ds-public-feature b{display:block;font-size:10px;color:var(--ds-green);text-transform:uppercase;letter-spacing:.1em}.ds-public-feature strong{display:block;font-size:22px;letter-spacing:-.03em;margin-top:18px}.ds-public-feature p{font-size:13px;color:#626e68}.ds-public-dark{background:#0b1210;color:#fff;border-radius:28px;padding:34px}.ds-public-dark h2{color:#fff}.ds-public-dark p{color:#aebdb6}.ds-public-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.ds-public-tool{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:17px}.ds-public-tool strong{display:block}.ds-public-tool small{display:block;margin-top:7px;color:#98aaa2;line-height:1.45}
.ds-login-dashboard{padding:42px 0 70px;background:linear-gradient(180deg,#f5f7f6,#edf1ef);min-height:calc(100vh - 72px)}.ds-app-home-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.ds-app-home-head h1{font-size:48px;letter-spacing:-.055em;margin:4px 0 8px}.ds-app-home-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.ds-project-cards{display:grid;gap:10px}.ds-project-row{display:grid;grid-template-columns:1.2fr .8fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--ds-line);border-radius:17px;padding:18px}.ds-project-row h3{margin:5px 0 0;font-size:20px}.ds-project-row small{color:var(--ds-muted)}.ds-project-row .meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.ds-project-row .meta span{font-size:10px;padding:5px 7px;border-radius:7px;background:#eef4f1}.ds-project-row .numbers span{display:block;font-size:9px;color:var(--ds-muted);text-transform:uppercase}.ds-project-row .numbers strong{display:block;font-size:16px;margin-top:4px}.ds-create{background:#0d1513;color:#fff;border-radius:20px;padding:22px}.ds-create h2{color:#fff;font-size:26px}.ds-create .field span{color:#b2c1ba}.ds-create input,.ds-create select{background:#17221e;border-color:#32423c;color:#fff}.ds-create .calculate-btn{background:#fff;color:#0d1513}
@media(max-width:1160px){.ds-metrics{grid-template-columns:repeat(3,1fr)}.ds-grid-main,.ds-app-home-grid{grid-template-columns:1fr}.ds-public-grid{grid-template-columns:1fr}.ds-public-copy h1{max-width:none}.ds-product-frame{max-width:820px}.ds-module-strip{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.ds-sidebar{display:none}.ds-shell-main{margin-left:0}.ds-dashboarding .topbar .container{padding:0}.ds-dashboarding .container{width:min(100% - 28px,1320px)}}
@media(max-width:760px){.ds-metrics,.ds-grid-3,.ds-public-feature-grid,.ds-public-tools{grid-template-columns:1fr 1fr}.ds-donut-wrap{grid-template-columns:1fr}.ds-donut{margin:auto}.ds-actions-grid{grid-template-columns:1fr 1fr}.ds-product-window{grid-template-columns:1fr}.ds-product-sidebar{display:none}.ds-project-row{grid-template-columns:1fr}.ds-public-grid{gap:22px}.ds-public-hero{padding-top:38px}}
@media(max-width:520px){.ds-metrics,.ds-grid-3,.ds-public-feature-grid,.ds-public-tools,.ds-module-strip{grid-template-columns:1fr}.ds-page-head,.ds-app-home-head{flex-direction:column}.ds-product-kpis{grid-template-columns:1fr 1fr}.ds-product-body{grid-template-columns:1fr}.ds-public-copy h1{font-size:48px}}