.scope-creep-layout{--bg-base:#080c10;--bg-surface:#0d1117;--bg-card:#111720;--bg-card-hover:#151d28;--bg-elevated:#1a2333;--cyan:#63d5e0;--cyan-dim:rgba(99,213,224,0.10);--cyan-glow:rgba(99,213,224,0.22);--green:#4ade80;--green-dim:rgba(74,222,128,0.11);--red:#f87171;--red-dim:rgba(248,113,113,0.11);--purple:#a78bfa;--purple-dim:rgba(167,139,250,0.11);--amber:#fbbf24;--amber-dim:rgba(251,191,36,0.11);--blue:#60a5fa;--blue-dim:rgba(96,165,250,0.11);--text-primary:#e8f4f8;--text-secondary:#7a9ab0;--text-muted:#3d5a70;--border-color:rgba(99,213,224,0.07);--border-accent:rgba(99,213,224,0.18);--background:222 47% 4%;--foreground:0 0% 100%;--card:var(--bg-card);--card-foreground:0 0% 100%;--popover:222 47% 11%;--popover-foreground:0 0% 100%;--primary:189 100% 50%;--primary-foreground:222 47% 11%;--secondary:217 32% 17%;--secondary-foreground:0 0% 100%;--muted:217 32% 17%;--muted-foreground:215 20% 65%;--accent:217 32% 17%;--accent-foreground:0 0% 100%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 100%;--border:189 100% 50%;--input:217 32% 17%;--ring:189 100% 50%;--radius:0.5rem;--chart-1:189 100% 50%;--chart-2:199 89% 48%;--chart-3:150 60% 50%;--chart-4:47 100% 50%;--chart-5:0 91% 71%;--sidebar-background:222 47% 11%;--sidebar-foreground:210 40% 98%;--sidebar-primary:189 100% 50%;--sidebar-primary-foreground:222 47% 11%;--sidebar-accent:189 100% 50%;--sidebar-accent-foreground:222 47% 11%;--sidebar-border:189 100% 50%;--sidebar-ring:189 100% 50%}.scope-creep-layout body,body:has(.scope-creep-layout){background-color:#080c10!important;color:#e8f4f8!important}.scp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.scp-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;position:relative;overflow:hidden;transition:all .22s;cursor:default}.scp-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--card-accent,var(--cyan)),transparent);opacity:.5;pointer-events:none}.scp-stat-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.28)}.scp-stat-glow{position:absolute;width:90px;height:90px;border-radius:50%;filter:blur(35px);opacity:.1;top:-15px;right:-15px;background:var(--card-accent,var(--cyan));pointer-events:none}.scp-stat-top{justify-content:space-between;margin-bottom:14px}.scp-stat-icon,.scp-stat-top{display:flex;align-items:center}.scp-stat-icon{width:38px;height:38px;border-radius:10px;justify-content:center;background:var(--icon-bg,var(--cyan-dim));border:1px solid var(--icon-border,rgba(99,213,224,.15))}.scp-stat-icon svg{width:17px;height:17px}.scp-stat-value{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-1px;line-height:1;margin-bottom:5px}.scp-stat-label{font-size:12px;color:var(--text-secondary);font-weight:500}.scp-stat-hint{font-size:10.5px;color:var(--text-muted);margin-top:4px;line-height:1.4}.scp-what{margin-top:10px;max-width:62ch;border-left:2px solid rgba(99,213,224,.35);padding-left:12px}.scp-what-story{font-size:14px;line-height:1.5;color:var(--text-primary)}.scp-what-story em{font-style:italic;color:var(--cyan)}@media (max-width:640px){.scp-what{max-width:100%}}.scp-btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:9px 16px;border-radius:10px;cursor:pointer;transition:all .18s;border:none;outline:none;line-height:1;font-family:inherit;text-decoration:none}.scp-btn svg{width:14px;height:14px}.scp-btn.ghost{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.scp-btn.ghost:hover{border-color:var(--border-accent);color:var(--text-primary);background:var(--bg-elevated)}.scp-btn.primary{background:linear-gradient(135deg,var(--cyan) 0,#3b82f6 100%);color:#080c10;box-shadow:0 0 20px rgba(99,213,224,.25)}.scp-btn.primary:hover{transform:translateY(-1px);box-shadow:0 0 30px rgba(99,213,224,.4)}.scp-first-run{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-surface) 100%);border:1px solid var(--border-accent);border-radius:16px;padding:28px;position:relative;overflow:hidden;margin-bottom:8px}.scp-first-run:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.6}.scp-first-run-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.scp-first-run-title{display:flex;align-items:flex-start;gap:12px}.scp-first-run-title-icon{width:40px;height:40px;border-radius:10px;background:var(--cyan-dim);display:flex;align-items:center;justify-content:center;color:var(--cyan);flex-shrink:0;margin-top:2px}.scp-first-run-title-text h2{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.scp-first-run-title-text p{font-size:13px;color:var(--text-secondary);margin:4px 0 0;line-height:1.5}.scp-first-run-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:all .15s;flex-shrink:0}.scp-first-run-close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.scp-first-run-description{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:24px}.scp-first-run-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.scp-first-run-step{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;transition:border-color .15s}.scp-first-run-step:hover{border-color:var(--border-accent)}.scp-first-run-step-num{width:28px;height:28px;border-radius:50%;background:var(--cyan-dim);border:1px solid rgba(99,213,224,.2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--cyan);flex-shrink:0}.scp-first-run-step-content h3{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.scp-first-run-step-content p{font-size:12px;line-height:1.4;color:var(--text-secondary);margin:0}.scp-first-run-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.scp-first-run-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--cyan) 0,#3b82f6 100%);color:#080c10;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.scp-first-run-btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 30px rgba(99,213,224,.4)}.scp-first-run-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.scp-first-run-btn-secondary:hover{border-color:var(--cyan);background:var(--cyan-dim)}.scp-tab-description{font-size:12px;color:var(--text-muted);margin:0 0 16px;padding:0 4px}@media (max-width:768px){.scp-first-run{padding:20px}.scp-first-run-steps{grid-template-columns:1fr}.scp-first-run-actions{flex-direction:column;align-items:stretch}.scp-first-run-btn-primary,.scp-first-run-btn-secondary{justify-content:center}}.scp-btn.success{background:var(--green-dim);border:1px solid rgba(74,222,128,.22);color:var(--green)}.scp-btn.success:hover{background:rgba(74,222,128,.18)}.scp-btn.danger{background:var(--red-dim);border:1px solid rgba(248,113,113,.22);color:var(--red)}.scp-btn.danger:hover{background:rgba(248,113,113,.18)}.scp-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.scp-panel-header{padding:18px 22px 14px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.scp-panel-header h3{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.scp-panel-body{padding:20px 22px}.scp-project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;transition:all .22s}.scp-project-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover);transform:translateY(-1px);box-shadow:0 8px 32px rgba(0,0,0,.3)}.scp-stats-box{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:11px}.scp-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:3px 10px;border-radius:99px;letter-spacing:.3px;text-transform:uppercase}.scp-badge.active{background:var(--green-dim);color:var(--green);border:1px solid rgba(74,222,128,.25)}.scp-badge.completed{background:rgba(255,255,255,.05);color:var(--text-muted);border:1px solid var(--border-color)}.scp-badge.onhold{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(251,191,36,.25)}.scp-danger-banner{background:var(--red-dim);border-top:1px solid rgba(248,113,113,.2);display:flex;align-items:center;gap:8px;padding:12px 24px;color:var(--red);font-size:13px;font-weight:500}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes highlight-pulse{0%{box-shadow:0 0 0 0 rgba(99,213,224,.5)}50%{box-shadow:0 0 0 8px rgba(99,213,224,.15)}to{box-shadow:0 0 0 0 rgba(99,213,224,0)}}.scp-animate-float{animation:float 20s ease-in-out infinite}.scp-animation-delay-7000{animation-delay:7s}.scp-highlight{animation:highlight-pulse 2s ease-out;border-color:var(--cyan)!important}.scp-custom-scrollbar::-webkit-scrollbar{width:4px}.scp-custom-scrollbar::-webkit-scrollbar-track{background:transparent}.scp-custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:99px}.scope-creep-layout .scp-tabbar{display:none}@media (max-width:767px){.scope-creep-layout .scp-dash-actions{display:none}.scope-creep-layout .scp-dashboard-wrap{padding-bottom:calc(110px + env(safe-area-inset-bottom, 0px))}.scope-creep-layout .scp-tabbar{display:flex;align-items:flex-start;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:40;background:rgba(13,17,23,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border-color);padding:8px 4px calc(10px + env(safe-area-inset-bottom, 0px))}.scope-creep-layout .scp-tabbar-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);font-size:10.5px;font-weight:600;letter-spacing:.01em;padding:6px 2px 2px;font-family:inherit}.scope-creep-layout .scp-tabbar-item:active{color:var(--cyan);transform:scale(.96)}.scope-creep-layout .scp-tabbar-fab-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0;background:transparent;border:none;cursor:pointer;font-family:inherit;padding:0 2px 2px}.scope-creep-layout .scp-tabbar-fab{width:56px;height:56px;margin-top:-30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cyan);color:#0a0a0f;border:4px solid #080c10;box-shadow:0 0 0 1px rgba(99,213,224,.35),0 6px 24px rgba(99,213,224,.45)}.scope-creep-layout .scp-tabbar-fab-wrap:active .scp-tabbar-fab{transform:scale(.94)}.scope-creep-layout .scp-tabbar-fab-label{font-size:10.5px;font-weight:700;color:var(--text-primary);letter-spacing:.01em}body:has(.scp-tabbar) .fixed.bottom-4{bottom:calc(92px + env(safe-area-inset-bottom, 0px))!important}}.scope-creep-layout .scp-sheet-root{position:fixed;inset:0;z-index:50}.scope-creep-layout .scp-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .25s ease}.scope-creep-layout .scp-sheet-backdrop.is-open{opacity:1}.scope-creep-layout .scp-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-bottom:none;border-radius:20px 20px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom, 0px));transform:translateY(100%);transition:transform .25s cubic-bezier(.32,.72,0,1);box-shadow:0 -12px 48px rgba(0,0,0,.5)}.scope-creep-layout .scp-sheet.is-open{transform:translateY(0)}.scope-creep-layout .scp-sheet-handle{width:40px;height:4px;border-radius:99px;background:rgba(255,255,255,.18);margin:2px auto 10px}.scope-creep-layout .scp-sheet-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;background:transparent;border:none;cursor:pointer;color:var(--text-primary);font-size:15px;font-weight:500;padding:12px 8px;border-radius:10px;font-family:inherit;text-align:left}.scope-creep-layout .scp-sheet-row:active{background:rgba(255,255,255,.05)}.scope-creep-layout .scp-sheet-row svg{color:var(--text-secondary);flex-shrink:0}.scope-creep-layout .scp-sheet-row-primary svg{color:var(--cyan)}.scope-creep-layout .scp-sheet-divider{height:1px;background:var(--border-color);margin:2px 8px}.scope-creep-layout .scp-sheet-row.is-danger,.scope-creep-layout .scp-sheet-row.is-danger svg{color:var(--red)}@media (max-width:1100px){.scp-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.scp-stats-grid{grid-template-columns:1fr}}.scope-creep-layout .scp-app-scroll,.scope-creep-layout .scp-root,.scope-creep-layout.scp-root{min-height:100vh;min-height:100dvh}.scope-creep-layout .scp-wizard-wrap{padding-bottom:calc(2rem + env(safe-area-inset-bottom, 0px));overflow-x:clip}.scope-creep-layout .scp-wizard-footer{position:sticky;bottom:0;z-index:20;border-bottom-left-radius:16px;border-bottom-right-radius:16px;background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.scope-creep-layout .scp-wizard-footer .scp-wizard-cta-wrap,.scope-creep-layout .scp-wizard-footer>button{width:100%}@media (min-width:640px){.scope-creep-layout .scp-wizard-footer{position:static;align-items:center}.scope-creep-layout .scp-wizard-footer .scp-wizard-cta-wrap,.scope-creep-layout .scp-wizard-footer>button{width:auto}.scope-creep-layout .scp-wizard-wrap{padding-bottom:1.5rem}}@media (max-width:640px){.scope-creep-layout .scp-wizard-wrap input,.scope-creep-layout .scp-wizard-wrap select,.scope-creep-layout .scp-wizard-wrap textarea{font-size:16px}.scope-creep-layout .scp-panel-body{padding:20px 16px}.scope-creep-layout .scp-wizard-footer{padding-left:16px;padding-right:16px}}.scope-creep-layout{background-color:#080c10;color:#e8f4f8}.client-picker-dropdown{background:var(--bg-card,#0c1018)!important;border-color:var(--border-color,rgba(99,213,224,.07))!important;box-shadow:0 12px 40px -8px rgba(0,0,0,.6)!important}.client-picker-dropdown [class*="hover:bg-accent"]{background:transparent!important}.client-picker-dropdown [class*="hover:text-accent-foreground"]{color:inherit!important}.client-picker-dropdown input{background:transparent!important;color:var(--text-primary,#e8f4f8)!important}.client-picker-dropdown input::placeholder{color:var(--text-muted,#5a6a78)!important}.client-picker-dropdown .client-picker-search{border-color:var(--border-color,rgba(99,213,224,.07))!important}.client-picker-dropdown .client-picker-search svg{color:var(--text-muted,#5a6a78)!important}.client-picker-dropdown .client-item{color:var(--text-primary,#e8f4f8)!important}.client-picker-dropdown .client-item:hover{background:var(--bg-elevated,#111827)!important}.client-picker-dropdown .client-avatar{background:rgba(99,213,224,.12)!important;color:var(--cyan,#63d5e0)!important}.client-picker-dropdown .client-name{color:var(--text-primary,#e8f4f8)!important}.client-picker-dropdown .client-company,.client-picker-dropdown .client-email{color:var(--text-muted,#5a6a78)!important}.client-picker-dropdown .add-client-btn{color:var(--cyan,#63d5e0)!important}.client-picker-dropdown .add-client-btn:hover{background:var(--bg-elevated,#111827)!important}.client-picker-dropdown .manual-entry-btn{color:var(--text-muted,#5a6a78)!important}.client-picker-dropdown .manual-entry-btn:hover{color:var(--text-primary,#e8f4f8)!important;background:var(--bg-elevated,#111827)!important}.client-picker-dropdown .max-h-60{scrollbar-width:thin;scrollbar-color:var(--border-color,rgba(99,213,224,.07)) transparent}.client-picker-dropdown .max-h-60::-webkit-scrollbar{width:6px}.client-picker-dropdown .max-h-60::-webkit-scrollbar-track{background:transparent}.client-picker-dropdown .max-h-60::-webkit-scrollbar-thumb{background:var(--border-color,rgba(99,213,224,.07));border-radius:3px}