.welcome-banner{background:linear-gradient(135deg,#1a2f7a 0,#2563eb 55%,#0891b2 100%);border-radius:var(--radius-xl);padding:22px 26px;color:#fff;position:relative;overflow:hidden;margin-bottom:20px;min-height:0;animation:heroIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes heroIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-banner::before{content:'';position:absolute;top:-40px;right:-30px;width:220px;height:220px;background:radial-gradient(circle,rgba(99,179,255,.25) 0,transparent 70%);border-radius:50%;animation:orbFloat1 6s ease-in-out infinite}.welcome-banner::after{content:'';position:absolute;bottom:-60px;left:30%;width:180px;height:180px;background:radial-gradient(circle,rgba(56,189,248,.2) 0,transparent 70%);border-radius:50%;animation:orbFloat2 8s ease-in-out infinite}@keyframes orbFloat1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-15px,15px) scale(1.1)}}@keyframes orbFloat2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-10px) scale(1.08)}}.wb-code-chip{position:absolute;background:rgba(255,255,255,.1);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:5px 10px;font-size:.68rem;font-family:'Courier New',monospace;color:rgba(255,255,255,.85);white-space:nowrap;z-index:2;pointer-events:none}.wb-chip-1{top:14px;right:160px;animation:chipFloat1 5s ease-in-out infinite}.wb-chip-2{top:55px;right:110px;animation:chipFloat2 7s ease-in-out infinite;color:#86efac}.wb-chip-3{bottom:38px;right:155px;animation:chipFloat3 6s ease-in-out infinite;color:#fde68a}@keyframes chipFloat1{0%,100%{transform:translateY(0);opacity:.85}50%{transform:translateY(-6px);opacity:1}}@keyframes chipFloat2{0%,100%{transform:translateY(0);opacity:.8}50%{transform:translateY(5px);opacity:1}}@keyframes chipFloat3{0%,100%{transform:translateY(0);opacity:.75}50%{transform:translateY(-4px);opacity:1}}.wb-phone{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:72px;z-index:3;animation:phoneBob 4s ease-in-out infinite;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35))}@keyframes phoneBob{0%,100%{transform:translateY(-50%) rotate(-4deg)}50%{transform:translateY(calc(-50% - 8px)) rotate(2deg)}}.wb-phone-frame{width:72px;height:130px;background:linear-gradient(160deg,#1e293b 0,#0f172a 100%);border-radius:16px;border:2.5px solid rgba(255,255,255,.2);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.wb-phone-notch{width:24px;height:5px;background:rgba(255,255,255,.15);border-radius:3px;margin:6px auto 0}.wb-phone-screen{margin:4px 5px;background:linear-gradient(135deg,#1e40af,#0ea5e9);border-radius:8px;height:100px;padding:6px;overflow:hidden}.wb-phone-bar{height:5px;border-radius:3px;background:rgba(255,255,255,.3);margin-bottom:4px;animation:barPulse 2s ease-in-out infinite}.wb-phone-bar:nth-child(2){width:65%;animation-delay:.3s}.wb-phone-bar:nth-child(3){width:45%;animation-delay:.6s}.wb-phone-dot-row{display:flex;gap:4px;margin-top:6px}.wb-phone-dot{width:14px;height:14px;border-radius:4px;background:rgba(255,255,255,.2);animation:dotPop 1.8s ease-in-out infinite}.wb-phone-dot:nth-child(2){animation-delay:.2s;background:rgba(255,255,255,.35)}.wb-phone-dot:nth-child(3){animation-delay:.4s}@keyframes barPulse{0%,100%{opacity:.5}50%{opacity:1}}@keyframes dotPop{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.wb-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.6);z-index:2;animation:sparkAnim 3s ease-in-out infinite;pointer-events:none}.wb-spark:first-child{top:20%;right:50%;animation-delay:0s}.wb-spark:nth-child(2){top:60%;right:45%;animation-delay:.8s;width:3px;height:3px}.wb-spark:nth-child(3){top:80%;right:55%;animation-delay:1.6s;width:4px;height:4px}@keyframes sparkAnim{0%{transform:scale(0);opacity:0}30%{transform:scale(1);opacity:.8}70%{transform:scale(1) translateY(-20px);opacity:.4}100%{transform:scale(0) translateY(-30px);opacity:0}}.welcome-banner h2{font-size:clamp(1.1rem, 4vw, 1.45rem);color:#fff;margin-bottom:6px;position:relative;z-index:4}.welcome-banner p{color:rgba(255,255,255,.75);font-size:.9rem;position:relative;z-index:4}.welcome-actions{display:flex;gap:10px;margin-top:20px;position:relative;z-index:4;flex-wrap:wrap}.welcome-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius);color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition);backdrop-filter:blur(6px)}.welcome-btn:hover{background:rgba(255,255,255,.22);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.2)}.welcome-btn.primary{background:#fff;color:var(--primary);border-color:transparent;box-shadow:0 4px 14px rgba(0,0,0,.18)}.welcome-btn.primary:hover{background:#f0f9ff;transform:translateY(-1px)}.wb-import-btn{border-color:rgba(255,255,255,.35)!important;color:#a5f3fc!important}.wb-import-btn:hover{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.6)!important;color:#fff!important;box-shadow:0 0 12px rgba(255,255,255,.25)!important}.wb-code-rain{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}.wb-code-line{position:absolute;height:7px;border-radius:4px;left:var(--left,8%);width:var(--w,90px);bottom:-20px;background:rgba(255,255,255,var(--op,.16));animation:codeScroll var(--dur,10s) linear infinite;animation-delay:var(--delay, 0s)}.wb-code-line::before{content:'';position:absolute;left:-13px;top:0;width:7px;height:7px;border-radius:2px;background:var(--dot,rgba(125,211,252,.7))}@keyframes codeScroll{0%{transform:translateY(0);opacity:0}8%{opacity:1}88%{opacity:1}100%{transform:translateY(-172px);opacity:0}}.wb-streak{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);z-index:2;animation:streakMove 6s ease-in-out infinite;pointer-events:none}@keyframes streakMove{0%{left:-60%}60%{left:110%}100%{left:110%}}@media (min-width:1024px){.welcome-banner{padding:36px 46px;min-height:220px}.welcome-banner h2{font-size:1.75rem;margin-bottom:8px}.welcome-banner p{font-size:.98rem}.welcome-actions{margin-top:24px;gap:12px}.welcome-btn{padding:11px 20px;font-size:.9rem}.wb-phone{right:52px;width:96px}.wb-phone-frame{width:96px;height:173px;border-radius:20px}.wb-phone-notch{width:32px;height:6px;margin-top:8px}.wb-phone-screen{height:133px;margin:6px 7px;border-radius:10px;padding:8px}.wb-phone-bar{height:6px;margin-bottom:5px}.wb-phone-dot{width:18px;height:18px;border-radius:5px}.stats-row{gap:16px;margin-bottom:28px}.stat-card{padding:22px 24px;gap:16px}.stat-val{font-size:1.85rem}.stat-label{font-size:.8rem}.section-header h3{font-size:1.08rem}.section-header a{font-size:.85rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.project-bot-thumb,.project-thumb{height:170px}}@media (max-width:400px){.wb-phone{display:none}.wb-code-chip{display:none}.wb-spark{display:none}}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-header h3{font-size:.95rem}.section-header a{font-size:.8rem;color:var(--primary);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px}.section-header a:hover{text-decoration:underline}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:28px}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition);position:relative}.project-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.project-thumb{height:110px;background:linear-gradient(135deg,var(--primary-50),var(--primary-100));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-thumb-icon{color:var(--primary-100)}.project-bot-thumb{height:150px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bot-bg,#eff6ff)}.project-bot-thumb svg{width:66%;height:auto}.project-badge{position:absolute;top:8px;right:8px;font-size:.63rem;font-weight:800;padding:3px 7px;border-radius:100px;background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.03em}.project-body{padding:12px 14px}.project-name{font-size:.875rem;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-meta{font-size:.73rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.project-actions{display:flex;gap:6px;padding:0 12px 12px}.project-action-btn{flex:1;padding:6px 4px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.73rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all var(--transition);text-align:center;font-family:var(--font)}.project-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.project-action-btn.danger:hover{background:var(--danger);border-color:var(--danger)}.new-project-card{border:2px dashed var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;cursor:pointer;min-height:195px;transition:all var(--transition);color:var(--text-muted)}.new-project-card:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.new-project-card .plus-circle{width:44px;height:44px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.new-project-card:hover .plus-circle{background:var(--primary);color:#fff}.new-project-card span{font-size:.875rem;font-weight:700}.projects-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.projects-search{flex:1;min-width:160px;position:relative}.projects-search input{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:8px 14px 8px 36px;font-size:.875rem;color:var(--text);transition:all var(--transition);font-family:var(--font)}.projects-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.projects-search .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-light)}.sort-select{padding:8px 12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);font-size:.875rem;color:var(--text);cursor:pointer;font-family:var(--font)}.template-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-opt{border:2px solid var(--border);border-radius:var(--radius);padding:14px 12px;cursor:pointer;text-align:center;transition:all var(--transition)}.template-opt.selected,.template-opt:hover{border-color:var(--primary);background:var(--primary-50)}.template-opt .t-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;background:var(--surface2);color:var(--text-muted)}.template-opt.selected .t-icon{background:var(--primary-100);color:var(--primary)}.template-opt .label{font-size:.8rem;font-weight:700}.template-opt .sub{font-size:.72rem;color:var(--text-muted);margin-top:2px}.skel-line{height:11px;border-radius:6px;background:linear-gradient(90deg,var(--surface2) 25%,#e8edf3 50%,var(--surface2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@media (max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.welcome-banner{padding:20px 18px}.project-grid{grid-template-columns:repeat(2,1fr);gap:10px}.project-card{border-radius:var(--radius);box-shadow:var(--shadow-xs)}.new-project-card:active,.project-card:active{transform:scale(.97)}.project-bot-thumb,.project-thumb{height:92px}.project-bot-thumb svg{width:46%}.project-badge{top:6px;right:6px;font-size:.58rem;padding:2px 6px}.project-body{padding:9px 10px 8px}.project-name{font-size:.8rem;margin-bottom:2px}.project-meta{font-size:.66rem}.project-meta svg{width:11px;height:11px}.project-actions{padding:0 8px 8px;gap:5px}.project-action-btn{padding:5px 2px;font-size:.66rem;border-radius:var(--radius-xs)}.new-project-card{min-height:132px;padding:14px;gap:7px;border-radius:var(--radius);background:linear-gradient(180deg,var(--primary-50),var(--surface) 70%)}.new-project-card .plus-circle{width:34px;height:34px}.new-project-card .plus-circle svg{width:16px;height:16px}.new-project-card span{font-size:.76rem}}@media (max-width:380px){.project-grid{grid-template-columns:repeat(2,1fr);gap:8px}}