:root{--ss-primary:#4f6ef7;--ss-primary-dark:#3a56d4;--ss-primary-soft:#eef1ff;--ss-accent:#22c55e;--ss-accent-soft:#dcfce7;--ss-dark:#0f172a;--ss-muted:#64748b;--ss-surface:#fff;--ss-surface-2:#f8fafc;--ss-border:#94a3b833;--ss-shadow-sm:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--ss-shadow-md:0 4px 16px #0f172a14,0 2px 6px #0f172a0a;--ss-shadow-lg:0 20px 60px #0f172a1f,0 4px 16px #0f172a0f;--ss-radius:1rem;--ss-radius-sm:.6rem;--ss-radius-lg:1.5rem;--ss-transition:.18s ease}*,:before,:after{box-sizing:border-box}body{color:var(--ss-dark);background-color:#f0f4ff;background-image:radial-gradient(80% 50% at 20% -10%,#4f6ef71f 0%,#0000 60%),radial-gradient(60% 40% at 80% 100%,#22c55e12 0%,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:fixed;background-origin:padding-box;background-clip:border-box;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ss-navbar{z-index:1030;-webkit-backdrop-filter:blur(16px)saturate(1.6);border-bottom:1px solid var(--ss-border);transition:box-shadow var(--ss-transition);background:#ffffffd1;padding:.75rem 0;position:fixed;top:0;left:0;right:0}.ss-navbar.scrolled{box-shadow:var(--ss-shadow-sm)}.ss-brand{color:var(--ss-dark);letter-spacing:-.02em;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:flex}.ss-brand-icon{background:linear-gradient(135deg,var(--ss-primary),#6d8bff);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #4f6ef759}.ss-nav-link{color:var(--ss-muted);transition:color var(--ss-transition),background var(--ss-transition);border-radius:999px;padding:.375rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none}.ss-nav-link:hover{color:var(--ss-dark);background:#0f172a0d}.ss-nav-link.active{color:var(--ss-primary);background:var(--ss-primary-soft);font-weight:600}.ss-nav-user{color:var(--ss-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.8rem;overflow:hidden}.btn-ss-primary{background:linear-gradient(135deg,var(--ss-primary),#6d8bff);color:#fff;transition:transform var(--ss-transition),box-shadow var(--ss-transition),opacity var(--ss-transition);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1.4rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 2px 10px #4f6ef74d}.btn-ss-primary:hover:not(:disabled){color:#fff;transform:translateY(-1px);box-shadow:0 4px 18px #4f6ef766}.btn-ss-primary:disabled{opacity:.65;cursor:not-allowed}.btn-ss-primary.lg{padding:.75rem 1.8rem;font-size:1rem}.btn-ss-ghost{border:1.5px solid var(--ss-border);color:var(--ss-muted);cursor:pointer;transition:border-color var(--ss-transition),color var(--ss-transition),background var(--ss-transition);background:0 0;border-radius:999px;padding:.4rem 1rem;font-size:.85rem;font-weight:500}.btn-ss-ghost:hover{border-color:var(--ss-muted);color:var(--ss-dark);background:#0f172a08}.btn-ss-danger{color:#ef4444;cursor:pointer;transition:background var(--ss-transition),border-color var(--ss-transition);background:0 0;border:1.5px solid #fecaca;border-radius:999px;padding:.25rem .8rem;font-size:.8rem;font-weight:500}.btn-ss-danger:hover{background:#fef2f2;border-color:#ef4444}.ss-card{background:var(--ss-surface);border-radius:var(--ss-radius-lg);border:1px solid var(--ss-border);box-shadow:var(--ss-shadow-md);padding:1.75rem}.ss-card-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ss-muted);margin-bottom:1rem;font-size:.75rem;font-weight:700}.ss-auth-wrap{max-width:460px;margin:0 auto}.ss-auth-logo{text-align:center;margin-bottom:1.75rem}.ss-auth-logo-icon{background:linear-gradient(135deg,var(--ss-primary),#6d8bff);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.85rem;font-size:1.15rem;font-weight:800;display:inline-flex;box-shadow:0 4px 16px #4f6ef759}.ss-auth-heading{letter-spacing:-.03em;margin-bottom:.25rem;font-size:1.6rem;font-weight:800}.ss-auth-sub{color:var(--ss-muted);font-size:.9rem}.ss-tab-bar{background:var(--ss-surface-2);border:1px solid var(--ss-border);border-radius:999px;margin-bottom:1.5rem;padding:3px;display:flex}.ss-tab{color:var(--ss-muted);cursor:pointer;transition:background var(--ss-transition),color var(--ss-transition),box-shadow var(--ss-transition);background:0 0;border:none;border-radius:999px;flex:1;padding:.5rem 0;font-size:.875rem;font-weight:500}.ss-tab.active{background:var(--ss-surface);color:var(--ss-dark);box-shadow:var(--ss-shadow-sm);font-weight:600}.ss-field{margin-bottom:1rem}.ss-label{color:var(--ss-muted);letter-spacing:.01em;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.ss-input{border-radius:var(--ss-radius-sm);background:var(--ss-surface);width:100%;color:var(--ss-dark);transition:border-color var(--ss-transition),box-shadow var(--ss-transition);appearance:none;border:1.5px solid #e2e8f0;outline:none;padding:.7rem 1rem;font-size:.95rem}.ss-input:focus{border-color:var(--ss-primary);box-shadow:0 0 0 3px #4f6ef71f}.ss-input::placeholder{color:#cbd5e1}.ss-input-group{align-items:stretch;display:flex}.ss-input-prefix{background:var(--ss-surface-2);border-radius:var(--ss-radius-sm)0 0 var(--ss-radius-sm);color:var(--ss-muted);border:1.5px solid #e2e8f0;border-right:none;align-items:center;padding:0 .9rem;font-size:.95rem;font-weight:600;display:flex}.ss-input-group .ss-input{border-radius:0 var(--ss-radius-sm)var(--ss-radius-sm)0}.ss-select{border-radius:var(--ss-radius-sm);background:var(--ss-surface)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right .75rem center;color:var(--ss-dark);appearance:none;cursor:pointer;transition:border-color var(--ss-transition),box-shadow var(--ss-transition);border:1.5px solid #e2e8f0;outline:none;padding:.7rem 2rem .7rem 1rem;font-size:.9rem}.ss-select:focus{border-color:var(--ss-primary);box-shadow:0 0 0 3px #4f6ef71f}.ss-select.sm{padding:.4rem 2rem .4rem .75rem;font-size:.85rem}.ss-error{border-radius:var(--ss-radius-sm);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;margin-bottom:1rem;padding:.6rem .9rem;font-size:.84rem}.ss-warning{border-radius:var(--ss-radius-sm);color:#92400e;background:#fffbeb;border:1px solid #fde68a;margin-bottom:1rem;padding:.6rem .9rem;font-size:.84rem}.ss-page{min-height:100vh;padding-top:5.5rem;padding-bottom:5rem}.ss-page-title{letter-spacing:-.04em;margin-bottom:.5rem;font-size:clamp(2rem,3.5vw,3rem);font-weight:800;line-height:1.1}.ss-highlight{background:linear-gradient(120deg,var(--ss-primary)20%,#22c55e 80%);color:#0000;-webkit-background-clip:text;background-clip:text}.ss-page-sub{color:var(--ss-muted);margin-bottom:0;font-size:1rem}.ss-list-item{border-bottom:1px solid var(--ss-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 0;animation:.18s slideIn;display:flex}.ss-list-item:last-child{border-bottom:none}.ss-item-name{color:var(--ss-dark);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.93rem;font-weight:600;overflow:hidden}.ss-suggestions{background:var(--ss-surface);border-radius:var(--ss-radius-sm);box-shadow:var(--ss-shadow-lg);z-index:50;border:1.5px solid #e2e8f0;max-height:220px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.ss-suggestion-item{cursor:pointer;color:var(--ss-dark);transition:background var(--ss-transition);border-radius:6px;padding:.5rem .75rem;font-size:.9rem;list-style:none}.ss-suggestion-item:hover,.ss-suggestion-item.highlighted{background:var(--ss-primary-soft);color:var(--ss-primary)}.ss-output-box{border-radius:var(--ss-radius-sm);min-height:120px;color:var(--ss-muted);background:#f8fafc;border:1.5px solid #e2e8f0;padding:1rem;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.85rem;line-height:1.8}.ss-output-item{color:var(--ss-dark)}.ss-metric{background:var(--ss-surface-2);border:1px solid var(--ss-border);border-radius:var(--ss-radius-sm);flex-direction:column;min-width:100px;padding:.75rem 1.1rem;display:inline-flex}.ss-metric-label{text-transform:uppercase;letter-spacing:.07em;color:var(--ss-muted);margin-bottom:.15rem;font-size:.72rem;font-weight:600}.ss-metric-value{letter-spacing:-.02em;color:var(--ss-dark);font-size:1.3rem;font-weight:800}.ss-progress{background:#e2e8f0;border-radius:999px;height:.55rem;margin-top:.75rem;overflow:hidden}.ss-progress-fill{background:linear-gradient(90deg,var(--ss-accent),var(--ss-primary));border-radius:999px;height:100%;transition:width .4s}.ss-empty{text-align:center;flex-direction:column;align-items:center;padding:2.5rem 1rem;display:flex}.ss-empty-icon{opacity:.45;margin-bottom:.75rem;font-size:2.5rem}.ss-footer{border-top:1px solid var(--ss-border);padding:1.25rem 0}.ss-spinner{border:2px solid #4f6ef733;border-top-color:var(--ss-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ss-fade-in{animation:.25s fadeIn}.text-ss-primary{color:var(--ss-primary)}.text-ss-muted{color:var(--ss-muted)}.text-ss-accent{color:var(--ss-accent)}.hero-section{padding-top:5.5rem;padding-bottom:5rem}.hero-card{background:var(--ss-surface);border-radius:var(--ss-radius-lg);box-shadow:var(--ss-shadow-md);border:1px solid var(--ss-border)}.hero-title{letter-spacing:-.04em;font-size:clamp(2rem,3.5vw,3rem);font-weight:800}.hero-highlight{background:linear-gradient(120deg,var(--ss-primary),#22c55e);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--ss-muted);font-size:1rem}.metric-pill{border:1px solid var(--ss-border);background:#f8fafc;border-radius:999px;padding:.4rem .9rem;font-size:.8rem}.budget-bar{background:#e2e8f0;border-radius:999px;height:.55rem;margin-top:.5rem;overflow:hidden}.budget-bar-fill{background:linear-gradient(90deg,var(--ss-accent),var(--ss-primary));border-radius:999px;height:100%;transition:width .4s}.footer{border-top:1px solid var(--ss-border)}