@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary: #04040f;--bg-secondary: #08081a;--bg-tertiary: #0d0d22;--glass-bg: rgba(255,255,255,.04);--glass-bg-hover: rgba(255,255,255,.07);--glass-border: rgba(255,255,255,.08);--glass-border-h: rgba(99,102,241,.45);--accent: #6366f1;--accent-hover: #4f46e5;--accent-glow: rgba(99,102,241,.25);--accent-light: #818cf8;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--success: #22c55e;--success-bg: rgba(34,197,94,.12);--warning: #f59e0b;--warning-bg: rgba(245,158,11,.12);--danger: #ef4444;--danger-bg: rgba(239,68,68,.12);--p-high: #ef4444;--p-high-bg: rgba(239,68,68,.15);--p-medium: #f59e0b;--p-medium-bg: rgba(245,158,11,.15);--p-low: #22c55e;--p-low-bg: rgba(34,197,94,.15);--col-todo: #6366f1;--col-progress: #f59e0b;--col-done: #22c55e;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--shadow: 0 4px 32px rgba(0,0,0,.45);--shadow-glow: 0 0 24px var(--accent-glow);--ease: all .2s cubic-bezier(.4,0,.2,1);--navbar-h: 60px;--content-px: clamp(1rem, 4vw, 2.5rem);--content-py: clamp(1.25rem, 3vw, 2rem);--col-min-h: clamp(280px, 50vh, 580px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;height:700px;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(99,102,241,.18) 0%,transparent 70%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes breathe{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}}@keyframes cardIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes drawerSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fabPop{0%{transform:scale(0) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:var(--content-py) var(--content-px);max-width:1700px;margin:0 auto;width:100%}.navbar{display:flex;align-items:center;gap:.75rem;padding:0 var(--content-px);height:var(--navbar-h);background:#04040fe0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:200}.navbar-logo{display:flex;align-items:center;gap:.5rem;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;text-decoration:none}.navbar-logo-icon{font-size:1.4rem;-webkit-text-fill-color:initial;flex-shrink:0}.navbar-search-wrap{flex:1;max-width:320px;position:relative;margin-left:.25rem}.navbar-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.85rem;pointer-events:none}.search-input{width:100%;padding:.5rem .875rem .5rem 2.1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;color:var(--text-primary);font-family:inherit;font-size:.82rem;outline:none;transition:var(--ease);min-height:36px}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);background:#6366f112;box-shadow:0 0 0 3px #6366f126}.navbar-right{display:flex;align-items:center;gap:.5rem;margin-left:auto}.filter-select{padding:.45rem 2.25rem .45rem .75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;color:var(--text-secondary);font-family:inherit;font-size:.78rem;font-weight:500;outline:none;cursor:pointer;transition:var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1em;min-height:36px;white-space:nowrap}.filter-select option{background:#0d0d22}.filter-select:focus{border-color:var(--accent);color:var(--text-primary)}.navbar-hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;transition:var(--ease);flex-shrink:0;margin-left:auto}.navbar-hamburger:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:#ffffff26}.navbar-drawer{display:none;position:absolute;top:var(--navbar-h);left:0;right:0;background:#060612fa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);padding:1rem var(--content-px) 1.25rem;flex-direction:column;gap:.75rem;animation:drawerSlide .2s ease;z-index:190;box-shadow:0 16px 48px #0000008c}.navbar-drawer.open{display:flex}.drawer-search-wrap{position:relative;width:100%}.drawer-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.drawer-search-input{width:100%;padding:.6rem .875rem .6rem 2.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-md);color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;transition:var(--ease);min-height:44px}.drawer-search-input::placeholder{color:var(--text-muted)}.drawer-search-input:focus{border-color:var(--accent);background:#6366f112;box-shadow:0 0 0 3px #6366f11f}.drawer-filters{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.drawer-filter-select{padding:.55rem 2.25rem .55rem .875rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-md);color:var(--text-secondary);font-family:inherit;font-size:.85rem;font-weight:500;outline:none;cursor:pointer;transition:var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .625rem center;background-size:1em;min-height:44px;width:100%}.drawer-filter-select option{background:#0d0d22}.drawer-filter-select:focus{border-color:var(--accent);color:var(--text-primary)}.drawer-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.25rem}.connection-status{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;padding:.4rem .75rem;border-radius:100px;border:1px solid var(--glass-border);background:var(--glass-bg);white-space:nowrap;min-height:36px}.connection-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.connection-dot.connected{background:var(--success);animation:breathe 2.5s ease-in-out infinite}.connection-dot.disconnected{background:var(--danger)}.connection-status.connected{color:var(--success);border-color:#22c55e33;background:var(--success-bg)}.connection-status.disconnected{color:var(--danger);border-color:#ef444433;background:var(--danger-bg)}.navbar-user{display:flex;align-items:center;gap:.5rem}.auth-user-badge{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem .3rem .35rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;font-size:.78rem;font-weight:500;color:var(--text-secondary);min-height:36px}.auth-user-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;color:#fff;flex-shrink:0}.signout-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .875rem;background:transparent;border:1px solid rgba(239,68,68,.2);border-radius:100px;color:var(--danger);font-size:.75rem;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--ease);white-space:nowrap;min-height:36px}.signout-btn:hover{background:var(--danger-bg);border-color:#ef444466;color:#f87171}.btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;transition:var(--ease);font-size:1rem;flex-shrink:0}.btn-icon:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:#ffffff26}.new-task-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:var(--r-md);font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:var(--ease);box-shadow:0 4px 16px #6366f159;white-space:nowrap;min-height:40px}.new-task-btn:hover{background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 6px 24px #6366f180;transform:translateY(-1px)}.new-task-fab{display:none;position:fixed;bottom:1.5rem;right:1.5rem;z-index:150;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 28px #6366f18c,0 2px 8px #0006;align-items:center;justify-content:center;transition:var(--ease);animation:fabPop .35s cubic-bezier(.34,1.56,.64,1)}.new-task-fab:hover{transform:scale(1.08);box-shadow:0 12px 36px #6366f1a6}.new-task-fab:active{transform:scale(.95)}.board-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;animation:fadeIn .35s ease;gap:1rem}.board-title{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#f1f5f9,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.board-subtitle{color:var(--text-muted);font-size:clamp(.75rem,2vw,.85rem);margin-top:.3rem}.stats-row{display:flex;gap:.75rem;margin-bottom:1.75rem;animation:fadeIn .4s ease .05s both;flex-wrap:wrap}.stat-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;font-size:.8rem;font-weight:600;transition:var(--ease);white-space:nowrap}.stat-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.stat-chip .stat-num{font-size:1rem;font-weight:900}.stat-chip.chip-total .stat-num{color:var(--text-primary)}.stat-chip.chip-todo .stat-num{color:var(--col-todo)}.stat-chip.chip-prog .stat-num{color:var(--col-progress)}.stat-chip.chip-done .stat-num{color:var(--col-done)}.board-scroll-container{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding-bottom:1rem;margin:0 calc(-1 * var(--content-px));padding-left:var(--content-px);padding-right:var(--content-px);scrollbar-width:thin}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;animation:fadeIn .45s ease .1s both}.column{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-xl);padding:1.1rem;min-height:var(--col-min-h);display:flex;flex-direction:column;transition:border-color .2s}.column.drag-over{border-color:var(--accent);background:#6366f10a}.column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.875rem;border-bottom:1px solid var(--glass-border)}.column-title-wrap{display:flex;align-items:center;gap:.5rem}.col-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.col-indicator.todo{background:var(--col-todo);box-shadow:0 0 8px #6366f180}.col-indicator.inprogress{background:var(--col-progress);box-shadow:0 0 8px #f59e0b80}.col-indicator.done{background:var(--col-done);box-shadow:0 0 8px #22c55e80}.column-name{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.col-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:100px;font-size:.7rem;font-weight:700;color:var(--text-muted)}.column-body{flex:1;display:flex;flex-direction:column;gap:.75rem}.col-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:.82rem;gap:.5rem;padding:2rem 0;opacity:.7}.col-empty-icon{font-size:2.5rem;opacity:.35}.task-card{background:#ffffff09;border:1px solid var(--glass-border);border-radius:var(--r-md);padding:.875rem .875rem .75rem;cursor:grab;transition:var(--ease);animation:cardIn .28s ease;position:relative;overflow:hidden}.task-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(99,102,241,.04));opacity:0;transition:opacity .2s;pointer-events:none}.task-card:hover{border-color:#6366f161;background:#ffffff0f;transform:translateY(-2px);box-shadow:0 8px 32px #0006}.task-card:hover:after{opacity:1}.task-card:active{cursor:grabbing;transform:scale(.98)}.task-card-title{font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:.4rem;word-break:break-word}.task-card-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.task-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.625rem}.badge{display:inline-flex;align-items:center;gap:.2rem;padding:.18rem .5rem;border-radius:100px;font-size:.68rem;font-weight:700;letter-spacing:.01em}.badge-high{background:var(--p-high-bg);color:var(--p-high);border:1px solid rgba(239,68,68,.2)}.badge-medium{background:var(--p-medium-bg);color:var(--p-medium);border:1px solid rgba(245,158,11,.2)}.badge-low{background:var(--p-low-bg);color:var(--p-low);border:1px solid rgba(34,197,94,.2)}.badge-category{background:#6366f126;color:var(--accent-light);border:1px solid rgba(99,102,241,.2)}.task-attachment-img{width:100%;max-height:110px;object-fit:cover;border-radius:var(--r-sm);margin-top:.625rem;border:1px solid var(--glass-border)}.task-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.625rem;padding-top:.625rem;border-top:1px solid rgba(255,255,255,.05);gap:.5rem}.task-time{font-size:.68rem;color:var(--text-muted);white-space:nowrap}.task-actions{display:flex;gap:.3rem;flex-shrink:0}.task-btn{padding:.3rem .55rem;border-radius:var(--r-sm);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);font-size:.7rem;font-weight:600;cursor:pointer;transition:var(--ease);font-family:inherit;min-height:32px}.task-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.task-btn.danger:hover{background:var(--danger-bg);color:var(--danger);border-color:#ef44444d}.col-add-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .75rem;background:transparent;border:1px dashed rgba(255,255,255,.1);border-radius:var(--r-md);color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--ease);font-family:inherit;margin-top:auto;min-height:40px}.col-add-btn:hover{border-color:var(--accent);color:var(--accent);background:#6366f10d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.6rem 1.1rem;border:none;border-radius:var(--r-sm);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--ease);min-height:44px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1);transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btn-ghost{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-ghost:hover:not(:disabled){background:var(--glass-bg-hover);color:var(--text-primary)}.btn-danger-outline{background:transparent;color:var(--danger);border:1px solid rgba(239,68,68,.25)}.btn-danger-outline:hover:not(:disabled){background:var(--danger-bg);border-color:#ef444466}.btn-sm{padding:.375rem .75rem;font-size:.78rem;min-height:36px}.btn-lg{padding:.75rem 1.5rem;font-size:.95rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.375rem}.form-input,.form-textarea,.form-select{width:100%;padding:.65rem .875rem;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;transition:var(--ease);min-height:44px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);background:#6366f10f;box-shadow:0 0 0 3px #6366f126}.form-textarea{resize:vertical;min-height:90px}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .625rem center;background-size:1.1em;padding-right:2.5rem}.form-select option{background:#0d0d22}.select-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .18s ease;padding:1rem;overflow-y:auto}.modal-box{background:#0b0b1e;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-xl);padding:clamp(1.25rem,4vw,1.75rem);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;animation:slideDown .22s cubic-bezier(.34,1.56,.64,1);box-shadow:0 30px 90px #000000a6,0 0 0 1px #ffffff0a;margin:auto}.modal-title{font-size:clamp(1.1rem,3vw,1.3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;background:linear-gradient(135deg,#f1f5f9,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--glass-border);flex-wrap:wrap}.file-zone{border:2px dashed var(--glass-border);border-radius:var(--r-md);padding:1.25rem;text-align:center;cursor:pointer;transition:var(--ease);background:var(--glass-bg);position:relative}.file-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.file-zone:hover,.file-zone.dragging{border-color:var(--accent);background:#6366f10f}.file-zone-icon{font-size:1.75rem;margin-bottom:.35rem;opacity:.7}.file-zone-text{font-size:.82rem;color:var(--text-secondary)}.file-zone-hint{font-size:.72rem;color:var(--text-muted);margin-top:.2rem}.file-preview-img{width:100%;max-height:140px;object-fit:cover;border-radius:var(--r-sm);margin-top:.75rem;border:1px solid var(--glass-border)}.file-name{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:var(--glass-bg);border-radius:var(--r-sm);border:1px solid var(--glass-border);font-size:.78rem;color:var(--text-secondary);margin-top:.5rem;word-break:break-all}.file-error{color:var(--danger);font-size:.78rem;padding:.5rem .75rem;background:var(--danger-bg);border-radius:var(--r-sm);border:1px solid rgba(239,68,68,.2);margin-top:.5rem}.loader-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65vh;gap:1.25rem}.loader-ring{width:52px;height:52px;border:3px solid rgba(255,255,255,.06);border-top-color:var(--accent);border-right-color:#a855f7;border-radius:50%;animation:spin .75s linear infinite}.loader-label{color:var(--text-secondary);font-size:.88rem;font-weight:500;animation:pulse 2s ease-in-out infinite}.dashboard{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--glass-border);animation:fadeIn .5s ease .2s both}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}.dashboard-title{font-size:clamp(1rem,2.5vw,1.1rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.chart-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-xl);padding:1.5rem;transition:var(--ease);overflow:hidden}.chart-card:hover{border-color:var(--glass-border-h)}.chart-card-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.25rem}.chart-card-value{font-size:clamp(1.5rem,4vw,2rem);font-weight:900;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1rem}.completion-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;background:var(--success-bg);color:var(--success);border:1px solid rgba(34,197,94,.2);border-radius:100px;font-size:.75rem;font-weight:700;margin-bottom:1rem}.progress-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}@media (min-width: 1536px){.board-grid,.charts-grid{gap:1.75rem}}@media (max-width: 1280px){.navbar-search-wrap{max-width:240px}.auth-user-name{max-width:80px}}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}.filter-select{font-size:.75rem}}@media (max-width: 1023px){.board-grid{grid-template-columns:repeat(3,minmax(260px,1fr));min-width:820px}.board-scroll-container{display:block}.navbar-search-wrap{display:none}.navbar-hamburger{display:flex}.new-task-btn{display:none}.new-task-fab{display:flex}.navbar-right .filter-select,.navbar-right .connection-status{display:none}}@media (max-width: 767px){:root{--navbar-h: 56px}.main-content{padding-top:1.25rem;padding-bottom:5rem}.board-grid{grid-template-columns:1fr;min-width:unset;gap:1rem}.board-scroll-container{margin:0;padding-left:0;padding-right:0;overflow:visible}.column{min-height:unset;border-radius:var(--r-lg);padding:1rem}.stats-row{gap:.5rem;margin-bottom:1.25rem;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;scrollbar-width:none}.stats-row::-webkit-scrollbar{display:none}.stat-chip{padding:.4rem .75rem;font-size:.75rem;flex-shrink:0}.board-header{margin-bottom:1.1rem;gap:.5rem;align-items:center}.charts-grid{grid-template-columns:1fr;gap:1rem}.chart-card{padding:1.25rem}.select-row{grid-template-columns:1fr;gap:0}.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92vh;max-width:100%;animation:slideUp .28s cubic-bezier(.34,1.56,.64,1);padding:1.5rem 1.25rem 2rem}.dashboard{margin-top:1.75rem;padding-top:1.5rem}.auth-user-name{display:none}.auth-user-badge{padding:.3rem;border-radius:50%;width:36px;height:36px;justify-content:center}.signout-btn span{display:none}.signout-btn{padding:.45rem .6rem}}@media (max-width: 479px){:root{--content-px: .875rem}.board-title{font-size:1.35rem}.column{padding:.875rem}.task-card{padding:.75rem}.task-card-title{font-size:.82rem}.task-card-desc{font-size:.74rem}.badge{font-size:.62rem;padding:.15rem .4rem}.new-task-fab{bottom:1rem;right:1rem;width:52px;height:52px}.modal-box{padding:1.25rem 1rem 1.75rem}.col-empty{padding:1.5rem 0}.col-empty-icon{font-size:2rem}}@media (hover: none) and (pointer: coarse){.task-card:hover{transform:none;box-shadow:none}.task-btn{min-height:40px;padding:.4rem .6rem}.btn{min-height:48px}.filter-select{min-height:44px}}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes lp-orb-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}.landing-container{min-height:100vh;display:flex;flex-direction:column;background:#04040f;color:#f1f5f9;font-family:Inter,system-ui,sans-serif;position:relative;overflow-x:hidden}.landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.landing-orb{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform,opacity}.orb-1{width:640px;height:640px;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);top:-200px;left:-180px;animation:lp-orb-breathe 9s ease-in-out infinite}.orb-2{width:520px;height:520px;background:radial-gradient(circle,rgba(168,85,247,.15) 0%,transparent 70%);top:80px;right:-140px;animation:lp-orb-breathe 11s ease-in-out infinite reverse}.orb-3{width:380px;height:380px;background:radial-gradient(circle,rgba(34,197,94,.08) 0%,transparent 70%);bottom:160px;left:35%;animation:lp-orb-breathe 14s ease-in-out infinite 3s}.landing-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 90% 55% at 50% 0%,black,transparent);mask-image:radial-gradient(ellipse 90% 55% at 50% 0%,black,transparent)}.landing-nav{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.125rem 4rem;background:#04040fa6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.06)}.landing-logo{font-size:1.2rem;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none}.landing-logo svg{color:#818cf8;flex-shrink:0;-webkit-text-fill-color:initial}.landing-nav-actions{display:flex;align-items:center;gap:.75rem}.btn-landing-ghost{background:#ffffff0a;color:#94a3b8;border:1px solid rgba(255,255,255,.09);padding:.5rem 1.25rem;border-radius:100px;font-weight:600;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn-landing-ghost:hover{background:#ffffff14;color:#f1f5f9;border-color:#ffffff26}.btn-landing-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:.5rem 1.25rem;border-radius:100px;border:none;font-weight:700;font-size:.875rem;font-family:inherit;cursor:pointer;box-shadow:0 4px 16px #6366f161;transition:all .2s ease}.btn-landing-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f18c;background:linear-gradient(135deg,#818cf8,#6366f1)}.landing-hero{position:relative;z-index:10;display:flex;align-items:center;gap:4rem;padding:6rem 4rem 5rem;max-width:1400px;margin:0 auto;width:100%}.hero-content{flex:1 1 0;min-width:0}.hero-visual{flex:1 1 0;position:relative;min-width:0}.hero-badge{display:inline-flex;align-items:center;gap:.45rem;background:#6366f11a;border:1px solid rgba(99,102,241,.28);color:#818cf8;padding:.38rem 1rem;border-radius:100px;font-size:.78rem;font-weight:700;margin-bottom:2rem;letter-spacing:.01em}.hero-title{font-size:4.5rem;font-weight:900;line-height:1.05;letter-spacing:-.045em;margin-bottom:1.5rem;color:#f1f5f9}.hero-highlight{background:linear-gradient(135deg,#6366f1,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.15rem;color:#64748b;line-height:1.65;margin-bottom:2.5rem;max-width:480px}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:.45rem;padding:.875rem 2rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:100px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .22s ease;box-shadow:0 8px 28px #6366f16b}.btn-hero-primary:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 14px 38px #6366f194;background:linear-gradient(135deg,#818cf8,#6366f1)}.btn-hero-secondary{display:inline-flex;align-items:center;gap:.45rem;padding:.875rem 2rem;background:#ffffff0a;color:#94a3b8;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .22s ease}.btn-hero-secondary:hover{background:#ffffff14;color:#f1f5f9;transform:translateY(-2px)}.hero-stats{display:flex;align-items:center;gap:1.5rem}.hero-stat{display:flex;flex-direction:column;gap:.15rem}.hero-stat-num{font-size:1.55rem;font-weight:900;color:#f1f5f9;letter-spacing:-.03em;line-height:1}.hero-stat-label{font-size:.72rem;color:#64748b;font-weight:500}.hero-stat-divider{width:1px;height:38px;background:#ffffff12;flex-shrink:0}.mock-kanban{width:100%;max-width:680px;animation:lp-float 7s ease-in-out infinite;will-change:transform}.mock-kanban-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:1.25rem;box-shadow:0 40px 80px #000000a6,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mock-col{background:#ffffff05;border:1px solid rgba(255,255,255,.055);border-radius:14px;padding:.875rem;display:flex;flex-direction:column;gap:.5rem;min-height:250px}.mock-col-header{display:flex;align-items:center;gap:.4rem;padding-bottom:.625rem;margin-bottom:.1rem;border-bottom:1px solid rgba(255,255,255,.05)}.mock-col-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mock-col-dot.todo{background:#6366f1;box-shadow:0 0 6px #6366f199}.mock-col-dot.inprogress{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.mock-col-dot.done{background:#22c55e;box-shadow:0 0 6px #22c55e99}.mock-col-name{font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#64748b;flex:1}.mock-col-count{background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:100px;font-size:.58rem;font-weight:700;color:#64748b;padding:.1rem .4rem}.mock-card{background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:.625rem;transition:all .2s ease;cursor:default}.mock-card:hover{background:#ffffff0f;border-color:#6366f14d;transform:translateY(-1px);box-shadow:0 6px 20px #00000059}.mock-card-title{font-size:.71rem;font-weight:600;color:#e2e8f0;margin-bottom:.4rem;line-height:1.4}.mock-card-badges{display:flex;gap:.25rem;flex-wrap:wrap}.mock-badge{padding:.1rem .45rem;border-radius:100px;font-size:.58rem;font-weight:700;text-transform:capitalize}.mock-badge-tag{background:#6366f124;color:#818cf8;border:1px solid rgba(99,102,241,.22)}.mock-add-btn{font-size:.64rem;color:#475569;border:1px dashed rgba(255,255,255,.07);border-radius:8px;padding:.38rem;text-align:center;cursor:default;margin-top:auto;transition:all .2s ease}.mock-add-btn:hover{color:#6366f1;border-color:#6366f147}.float-badge{position:absolute;display:flex;align-items:center;gap:.4rem;padding:.45rem .875rem;background:#04040fe0;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:.72rem;font-weight:600;color:#94a3b8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 28px #00000080;white-space:nowrap;z-index:20}.float-badge-1{bottom:-18px;left:8px;animation:lp-float 5.5s ease-in-out infinite 1s}.float-badge-2{top:-18px;right:8px;animation:lp-float 7s ease-in-out infinite .5s}.section-divider{position:relative;z-index:10;max-width:1400px;margin:0 auto;width:calc(100% - 8rem);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}.features-section{position:relative;z-index:10;padding:5.5rem 4rem;max-width:1400px;margin:0 auto;width:100%}.features-header{text-align:center;margin-bottom:3.5rem}.section-badge{display:inline-flex;align-items:center;background:#6366f11a;border:1px solid rgba(99,102,241,.24);color:#818cf8;padding:.32rem 1rem;border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:1.25rem}.section-title{font-size:2.75rem;font-weight:900;letter-spacing:-.04em;color:#f1f5f9;margin-bottom:1rem;line-height:1.08}.section-subtitle{font-size:1.1rem;color:#94a3b8;max-width:500px;margin:0 auto;line-height:1.65}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:1.875rem 1.5rem;transition:all .25s ease;cursor:default}.feature-card:hover{background:#ffffff0e;border-color:#6366f147;transform:translateY(-5px);box-shadow:0 20px 48px #00000073}.feature-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;flex-shrink:0}.feature-title{font-size:1rem;font-weight:700;color:#e2e8f0;margin-bottom:.625rem;letter-spacing:-.01em}.feature-desc{font-size:.875rem;color:#94a3b8;line-height:1.65}.cta-section{position:relative;z-index:10;padding:1rem 4rem 6rem;max-width:1400px;margin:0 auto;width:100%}.cta-card{position:relative;background:#6366f10e;border:1px solid rgba(99,102,241,.18);border-radius:28px;padding:4.5rem 2rem;text-align:center;overflow:hidden}.cta-orb{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:320px;height:320px;background:radial-gradient(circle,rgba(99,102,241,.22) 0%,transparent 70%);pointer-events:none;filter:blur(50px)}.cta-logo-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:#6366f11f;border:1px solid rgba(99,102,241,.28);border-radius:18px;color:#818cf8;margin-bottom:1.75rem}.cta-title{font-size:2.5rem;font-weight:900;letter-spacing:-.04em;color:#f1f5f9;margin-bottom:1rem;line-height:1.1}.cta-subtitle{font-size:1.1rem;color:#94a3b8;max-width:400px;margin:0 auto 2.25rem;line-height:1.6}.landing-footer{position:relative;z-index:10;border-top:1px solid rgba(255,255,255,.05);padding:2rem 4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-logo{font-size:.95rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.4rem}.footer-logo svg{color:#818cf8;-webkit-text-fill-color:initial}.footer-text{font-size:.78rem;color:#475569}.footer-links{display:flex;gap:1rem}.footer-link{background:none;border:none;color:#64748b;font-size:.78rem;font-weight:500;font-family:inherit;cursor:pointer;transition:color .2s}.footer-link:hover{color:#818cf8}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-modal{background:#0b0b1e;border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 32px 80px #000000bf,0 0 0 1px #ffffff0a;position:relative;overflow:hidden;text-align:left}.auth-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.65),rgba(168,85,247,.65),transparent)}.auth-logo-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#6366f11f;border:1px solid rgba(99,102,241,.28);border-radius:13px;color:#818cf8;margin:0 auto 1.25rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:1.55rem;font-weight:800;color:#f1f5f9;margin-bottom:.45rem;letter-spacing:-.03em}.auth-subtitle{color:#94a3b8;font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:1.1rem}.auth-input-group{display:flex;flex-direction:column;gap:.4rem}.auth-input-group label{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.auth-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.75rem 1rem;border-radius:10px;color:#f1f5f9;font-size:.95rem;font-family:inherit;outline:none;transition:all .2s ease;width:100%}.auth-input::placeholder{color:#475569}.auth-input:focus{border-color:#6366f18c;background:#6366f10f;box-shadow:0 0 0 3px #6366f124}.auth-submit-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:.875rem;border-radius:10px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;margin-top:.25rem;width:100%;transition:all .22s ease;box-shadow:0 6px 20px #4f46e561}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #4f46e585;background:linear-gradient(135deg,#818cf8,#6366f1)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:1.5rem;font-size:.875rem;color:#94a3b8}.auth-switch button{background:none;border:none;color:#818cf8;font-weight:700;cursor:pointer;margin-left:.35rem;font-family:inherit;font-size:inherit}.auth-switch button:hover{text-decoration:underline;color:#a5b4fc}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.24);color:#f87171;padding:.7rem .875rem;border-radius:9px;font-size:.82rem;text-align:center;margin-bottom:1rem;font-weight:500}.landing-hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;margin-left:auto}.landing-drawer{display:none;position:absolute;top:100%;left:0;right:0;background:#04040ff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:1.5rem;flex-direction:column;gap:1rem;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 10px 40px #00000080;z-index:99}.landing-drawer.open{display:flex}.mobile-full-btn{width:100%;text-align:center;justify-content:center;padding:.875rem;font-size:1rem}@media (max-width: 1200px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1100px){.landing-hero{gap:2.5rem;padding:4.5rem 3rem 4rem}.hero-title{font-size:3.5rem}}@media (max-width: 900px){.landing-nav{padding:1rem 1.75rem}.desktop-actions{display:none}.landing-hamburger{display:flex}.landing-hero{flex-direction:column;text-align:center;padding:4rem 2rem 3rem}.hero-subtitle{max-width:100%}.hero-actions,.hero-stats{justify-content:center}.hero-visual{width:100%;display:flex;justify-content:center}.mock-kanban{max-width:600px}.float-badge{display:none}.features-section{padding:4rem 2rem}.section-divider{width:calc(100% - 4rem)}.cta-section{padding:1rem 2rem 4.5rem}.cta-card{padding:3.5rem 2rem}.cta-title{font-size:2rem}.landing-footer{padding:1.5rem 2rem;flex-direction:column;text-align:center}}@media (max-width: 640px){.hero-title{font-size:2.75rem}.section-title{font-size:2rem}.features-grid,.mock-kanban-inner{grid-template-columns:1fr}.mock-col{min-height:auto}}.splash-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#04040f;overflow:hidden;animation:splashFadeIn .4s ease both}.splash-root.splash-exit{animation:splashFadeOut .6s ease forwards;pointer-events:none}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes splashFadeOut{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(1.04);filter:blur(8px)}}.splash-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.splash-orb--1{width:700px;height:700px;top:-200px;left:-200px;background:radial-gradient(circle,rgba(99,102,241,.22) 0%,transparent 70%);animation:orbFloat1 12s ease-in-out infinite}.splash-orb--2{width:500px;height:500px;bottom:-100px;right:-150px;background:radial-gradient(circle,rgba(168,85,247,.18) 0%,transparent 70%);animation:orbFloat2 10s ease-in-out infinite}.splash-orb--3{width:350px;height:350px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(34,211,238,.08) 0%,transparent 70%);animation:orbFloat3 8s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.05)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-20px) scale(1.08)}}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-52%) scale(1.15);opacity:1}}.splash-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}.splash-particle{position:absolute;border-radius:50%;background:#6366f180;animation:particleFloat linear infinite;pointer-events:none}@keyframes particleFloat{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.5}to{transform:translateY(-120px) scale(.5);opacity:0}}.splash-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.75rem 3rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:28px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 0 0 1px #6366f114,0 32px 80px #0000008c,inset 0 1px #ffffff0f;animation:cardPop .6s cubic-bezier(.34,1.56,.64,1) both;min-width:min(480px,90vw)}@keyframes cardPop{0%{opacity:0;transform:scale(.88) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.splash-logo-wrap{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.splash-logo-ring{position:absolute;border-radius:50%;border:2px solid transparent}.splash-logo-ring--outer{width:90px;height:90px;border-color:#6366f159;border-top-color:#6366f1;animation:spinRing 1.8s linear infinite}.splash-logo-ring--inner{width:68px;height:68px;border-color:#a855f740;border-bottom-color:#a855f7;animation:spinRing 2.4s linear infinite reverse}@keyframes spinRing{to{transform:rotate(360deg)}}.splash-logo-core{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#6366f140,#a855f733);border:1px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;animation:corePulse 2s ease-in-out infinite}@keyframes corePulse{0%,to{box-shadow:0 0 #6366f166,0 0 20px #6366f133}50%{box-shadow:0 0 0 8px #6366f100,0 0 40px #6366f14d}}.splash-logo-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(99,102,241,.8));animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.splash-brand{font-size:clamp(2rem,5vw,2.6rem);font-weight:900;letter-spacing:-.05em;line-height:1;animation:brandReveal .7s ease .2s both}@keyframes brandReveal{0%{opacity:0;transform:translateY(12px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.splash-brand-flow{background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-brand-forge{background:linear-gradient(135deg,#c084fc,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-tagline{font-size:.85rem;color:#94a3b8b3;font-weight:400;letter-spacing:.02em;text-align:center;animation:brandReveal .7s ease .35s both}.splash-progress-wrap{width:100%;display:flex;flex-direction:column;gap:1rem}.splash-stages{display:flex;flex-direction:column;gap:.45rem}.splash-stage-pill{display:flex;align-items:center;gap:.625rem;padding:.5rem .875rem;border-radius:10px;border:1px solid transparent;font-size:.82rem;font-weight:500;color:#94a3b866;transition:all .35s ease;background:transparent}.splash-stage-pill.done{color:#22c55ebf;border-color:#22c55e1f;background:#22c55e0d}.splash-stage-pill.active{color:#f1f5f9;border-color:#6366f159;background:#6366f114;box-shadow:0 0 16px #6366f11f;animation:stagePillPulse 1.2s ease-in-out infinite}@keyframes stagePillPulse{0%,to{border-color:#6366f159}50%{border-color:#6366f1a6;box-shadow:0 0 24px #6366f133}}.splash-stage-pill.pending{color:#94a3b840}.splash-stage-icon{font-size:1rem;width:1.4rem;text-align:center;flex-shrink:0}.splash-stage-pill.done .splash-stage-icon:after{content:" ✓";font-style:normal}.splash-stage-label{flex:1}.splash-bar-track{position:relative;width:100%;height:6px;background:#ffffff0f;border-radius:100px;overflow:visible}.splash-bar-indeterminate{position:absolute;top:0;left:0;height:100%;width:40%;border-radius:100px;background:linear-gradient(90deg,transparent,#6366f1,#a855f7,transparent);animation:indeterminate 1.4s ease-in-out infinite}@keyframes indeterminate{0%{left:-40%;width:40%}60%{left:100%;width:40%}to{left:100%;width:40%}}.splash-status{display:flex;align-items:center;gap:.5rem;font-size:.78rem}.splash-status-dot{width:6px;height:6px;border-radius:50%;background:#6366f1;animation:dotPulse 1s ease-in-out infinite;flex-shrink:0}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.splash-status-text{color:#94a3b8cc;font-weight:500;animation:statusTextSlide .3s ease both}@keyframes statusTextSlide{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.splash-status-pct{margin-left:auto;font-weight:700;color:#818cf8;font-variant-numeric:tabular-nums;font-size:.82rem}.splash-dots{display:flex;gap:.5rem}.splash-dot{width:8px;height:8px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.splash-dot.done{background:#22c55e80;border-color:#22c55e66}.splash-dot.active{background:#6366f1;border-color:#6366f199;box-shadow:0 0 8px #6366f199;width:24px;border-radius:4px}.splash-version{position:fixed;bottom:1.5rem;font-size:.72rem;color:#94a3b84d;letter-spacing:.05em;font-weight:500;z-index:3}@media (max-width: 520px){.splash-card{padding:2rem 1.5rem;min-width:0;width:calc(100vw - 2.5rem);border-radius:20px}.splash-brand{font-size:2rem}.splash-stages{gap:.35rem}.splash-stage-pill{font-size:.75rem;padding:.425rem .75rem}}