.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-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-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}}.scp-animate-float{animation:float 20s ease-in-out infinite}.scp-animation-delay-7000{animation-delay:7s}.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}@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{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}