:root{--st-teal: #0f5c63;--st-teal-deep: #094047;--st-aqua: #5db7b3;--st-aqua-soft: #d6eae8;--st-aqua-tint: #eaf4f3;--st-blue: #2d6cdf;--st-green: #2fa66e;--st-coral: #ff6b4a;--st-coral-soft: #fff0ec;--st-star: #f5a623;--st-warm-white: #fafbfc;--st-off-white: #f3f6f8;--st-light-gray: #e6ebef;--st-medium-gray: #a1a8b3;--st-graphite: #1f2328;--st-ink: #08323a;--st-ink-soft: #4a5360;--st-radius-sm: 8px;--st-radius-md: 12px;--st-radius-lg: 16px;--st-radius-xl: 24px;--st-radius-pill: 999px;--st-shadow-sm: 0 1px 2px rgba(15, 92, 99, .06);--st-shadow-md: 0 8px 24px rgba(15, 92, 99, .08);--st-shadow-lg: 0 20px 50px rgba(15, 92, 99, .12);--st-font-ui: "Inter", "Source Sans 3", "Segoe UI", sans-serif;--st-font-display: "DM Serif Display", Georgia, serif;--st-font-body: "Source Sans 3", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--st-font-ui);background:var(--st-warm-white);color:var(--st-graphite);-webkit-font-smoothing:antialiased}.card{background:#fff;border-radius:var(--st-radius-lg);padding:20px;border:1px solid var(--st-light-gray);margin-bottom:12px;box-shadow:var(--st-shadow-sm);transition:opacity .16s,transform .16s}.card.fade-out{opacity:0;transform:translateY(10px)}.btn-primary{background:var(--st-teal);color:#fff;border:none;border-radius:var(--st-radius-md);padding:14px 0;width:100%;font-size:15px;font-weight:600;font-family:var(--st-font-ui);cursor:pointer;transition:background .15s ease}.btn-primary:hover{background:var(--st-teal-deep)}.btn-primary:disabled{opacity:.4;cursor:default}.btn-primary-inverted{background:#fff;color:var(--st-teal);border:none;border-radius:var(--st-radius-md);padding:14px 0;width:100%;font-size:15px;font-weight:600;font-family:var(--st-font-ui);cursor:pointer;transition:color .15s ease}.btn-primary-inverted:hover{background:#fff;color:var(--st-teal-deep)}.btn-primary-inverted:disabled{opacity:.4;cursor:default}.btn-outline{background:transparent;color:var(--st-teal);border:1.5px solid var(--st-teal);border-radius:var(--st-radius-md);padding:12px 16px;font-size:14px;font-weight:600;font-family:var(--st-font-ui);cursor:pointer;transition:background .15s ease,color .15s ease}.btn-outline:hover{background:var(--st-aqua-soft)}.label{font-family:var(--st-font-ui);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--st-medium-gray);margin:0 0 10px}.heading{font-family:var(--st-font-display);font-size:22px;font-weight:400;line-height:1.2;letter-spacing:-.01em;color:var(--st-ink);margin:0 0 6px}.sub{font-family:var(--st-font-ui);font-size:14px;color:var(--st-ink-soft);line-height:1.55;margin:0 0 16px}.st-btn{align-items:center;border:1px solid transparent;border-radius:var(--st-radius-md);cursor:pointer;display:inline-flex;font-family:var(--st-font-ui);font-size:.95rem;font-weight:600;gap:8px;justify-content:center;line-height:1;padding:12px 22px;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.st-btn--primary{background:var(--st-teal);color:#fff}.st-btn--primary:hover{background:var(--st-teal-deep)}.st-btn--outline{background:transparent;border-color:var(--st-teal);color:var(--st-teal)}.st-btn--outline:hover{background:var(--st-aqua-soft)}.st-btn--lg{font-size:1rem;padding:14px 26px}.chip{display:inline-block;padding:12px 20px;border-radius:var(--st-radius-md);border:1.5px solid var(--st-light-gray);background:#fff;color:var(--st-graphite);font-family:var(--st-font-ui);font-size:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease;margin:0 8px 10px 0}.chip.selected{border-color:var(--st-teal);background:var(--st-aqua-soft);color:var(--st-teal);font-weight:600}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0}.progress-bar{display:flex;gap:4px;padding:12px 20px;justify-content:center}.progress-dot{height:6px;border-radius:var(--st-radius-pill);background:var(--st-light-gray);transition:width .2s ease,background .2s ease;cursor:pointer}.progress-dot.active{width:28px;background:var(--st-teal)}.progress-dot:not(.active){width:6px}.nav-tabs{display:flex;border-bottom:1px solid var(--st-light-gray);margin-bottom:16px;overflow-x:auto}.nav-tab{padding:10px 12px;font-family:var(--st-font-ui);font-size:12px;color:var(--st-medium-gray);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.nav-tab.active{font-weight:600;color:var(--st-teal);border-bottom-color:var(--st-teal)}.metric-card{text-align:center;padding:14px 6px;border-radius:var(--st-radius-md);background:var(--st-aqua-tint)}.metric-value{font-family:var(--st-font-display);font-size:24px;color:var(--st-teal)}.metric-label{font-family:var(--st-font-ui);font-size:11px;color:var(--st-medium-gray);font-weight:500}.status-badge{font-size:11px;padding:3px 10px;border-radius:8px;font-weight:500}.bar-track{flex:1;height:5px;border-radius:var(--st-radius-pill);background:var(--st-light-gray);overflow:hidden}.bar-fill{height:100%;border-radius:var(--st-radius-pill);transition:width .3s ease}.input-field{width:100%;padding:12px 14px;border-radius:var(--st-radius-md);border:1.5px solid var(--st-light-gray);background:#fff;color:var(--st-graphite);font-size:14px;font-family:var(--st-font-ui);outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.input-field:focus{border-color:var(--st-teal);box-shadow:0 0 0 3px #0f5c631f}.input-field::placeholder{color:var(--st-medium-gray)}.toggle-track{position:relative;width:44px;height:24px;border-radius:12px;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-thumb{position:absolute;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.px-16{padding-left:16px;padding-right:16px}