@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-app:#0a0b10;--bg-surface:#121420;--bg-surface-elevated:#1a1d30;--border-color:#ffffff14;--border-color-hover:#ffffff29;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--glass-bg:#ffffff08;--glass-border:#ffffff0f;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.kanban-app{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.workspace-bg{filter:brightness(.5)contrast(1.1)blur(8px);opacity:.3}.workspace-overlay{background:linear-gradient(#0a0b1099 0%,#0a0b10f2 100%)}.app-header{-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:100;background:#121420b3;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;display:flex}.brand-logo{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;font-size:1.5rem;font-weight:800;font-family:var(--font-display);letter-spacing:-.5px;-webkit-background-clip:text}.brand-tag{color:#818cf8;background:#6366f126;border:1px solid #6366f14d;border-radius:9999px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.header-actions{align-items:center;gap:1rem;display:flex}.btn{cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-sans);text-shadow:0 1px 2px #0000004d;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d,inset 0 1px 1px #fff3}.btn:active{transform:translateY(2px);box-shadow:0 1px 2px #00000080,inset 0 3px 5px #0006}.btn-primary{background:linear-gradient(180deg, #818cf8, var(--accent-primary));color:#fff;border-top:1px solid #a5b4fc}.btn-primary:hover{background:linear-gradient(180deg, #a5b4fc, var(--accent-primary-hover));transform:translateY(-2px);box-shadow:0 6px 15px #6366f180,inset 0 1px 1px #fff6}.btn-secondary{background:linear-gradient(180deg, var(--bg-surface-elevated), var(--bg-surface));border:1px solid var(--border-color);color:var(--text-primary);border-top:1px solid #ffffff26}.btn-secondary:hover{border-color:var(--border-color-hover);background:linear-gradient(180deg, #2a2d45, var(--bg-surface-elevated));transform:translateY(-2px);box-shadow:0 6px 12px #0006,inset 0 1px 1px #fff3}.btn-danger{color:#fca5a5;background:linear-gradient(#ef444433,#ef44440d);border:1px solid #ef44444d;border-top-color:#ef444480}.btn-danger:hover{background:linear-gradient(180deg, #f87171, var(--accent-danger));color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #ef444466,inset 0 1px 1px #fff6}.btn-icon{border-radius:8px;padding:.5rem}.dashboard-container{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem 2rem;display:flex}.board-select-bar{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.board-picker{align-items:center;gap:1rem;display:flex}.select-dropdown{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-color);font-family:var(--font-sans);cursor:pointer;border-radius:8px;outline:none;padding:.5rem 1rem}.select-dropdown:focus{border-color:var(--accent-primary)}.board-canvas{perspective:1200px;transform-style:preserve-3d;flex:1;align-items:flex-start;gap:1.5rem;padding:1rem;display:flex;overflow-x:auto}.board-list{-webkit-backdrop-filter:blur(20px);width:320px;min-width:320px;max-height:calc(100vh - 240px);transform-style:preserve-3d;background:#1416234d;border:1px solid #ffffff0d;border-color:#ffffff26 #ffffff0d #0009;border-radius:16px;flex-direction:column;transition:all .3s;display:flex;transform:translateZ(0);box-shadow:inset 0 0 25px #0009,0 15px 35px #00000080}.board-list.drag-over{border-color:var(--accent-primary);background:#6366f10d}.list-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.list-title-area{align-items:center;gap:.5rem;display:flex}.list-title{font-family:var(--font-display);color:var(--text-primary);font-size:1rem;font-weight:600}.card-count-badge{color:var(--text-secondary);background:#ffffff14;border-radius:9999px;padding:.1rem .4rem;font-size:.75rem;font-weight:500}.list-cards-container{flex-direction:column;flex:1;gap:.75rem;min-height:50px;padding:1rem;display:flex;overflow-y:auto}.list-footer{border-top:1px solid #ffffff0a;padding:.75rem 1rem}.kanban-card{cursor:grab;transform-style:preserve-3d;background:linear-gradient(160deg,#2a2e41f2,#1a1d2de6);border:1px solid #000c;border-color:#ffffff40 #000c #000c #ffffff1a;border-radius:12px;padding:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:translateZ(10px);box-shadow:0 6px 10px #0006,0 2px 4px #0009,inset 0 1px #ffffff26}.kanban-card:active{cursor:grabbing;transition:all .1s;transform:translateZ(-5px)scale(.98);box-shadow:0 2px 5px #0009,inset 0 2px 5px #00000080}.kanban-card:hover{z-index:10;border-top-color:#fff6;transform:translateZ(30px)translateY(-8px)rotateX(4deg);box-shadow:0 25px 40px #0009,0 10px 15px #0006,inset 0 1px 1px #ffffff4d}.kanban-card.overdue{border-left:4px solid var(--accent-danger)}.card-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem;display:flex}.tag-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.card-title{color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem;font-weight:600;line-height:1.4}.card-desc-preview{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-meta{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:.6rem;padding-top:.6rem;font-size:.75rem;display:flex}.card-due-date{color:var(--text-secondary);align-items:center;gap:.25rem;display:flex}.card-due-date.alert{color:var(--accent-danger);font-weight:600}.member-avatar{color:#fff;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:600;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#05050acc;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-color);width:100%;max-width:500px;box-shadow:var(--glass-shadow);border-radius:16px;padding:1.75rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.form-input,.form-textarea,.form-select{background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);border-radius:8px;outline:none;padding:.65rem .85rem;font-size:.9rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-primary)}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;border:2px dashed var(--border-color);color:var(--text-secondary);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}.placeholder-card{border:1px dashed var(--border-color);color:var(--text-muted);text-align:center;background:0 0;padding:.75rem}.tag-selector-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.25rem;display:grid}.tag-select-item{background:var(--bg-surface-elevated);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem;font-size:.8rem;display:flex}.tag-select-item.selected{border-color:var(--accent-primary);background:#6366f11a}.landing-container{background-color:var(--bg-app);min-height:100vh;position:relative;overflow-x:hidden}.dynamic-3d-bg{z-index:0;opacity:.6;filter:brightness(.8)contrast(1.1);pointer-events:none;background-image:url(/3d-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:30s ease-in-out infinite alternate floatBackground;position:fixed;inset:-5%}@keyframes floatBackground{0%{transform:scale(1)translate(0)}50%{transform:scale(1.05)translate(-1%,2%)}to{transform:scale(1.02)translate(1%,-1%)}}.mesh-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0a0b1033 0%,#0a0b10e6 100%);position:absolute;inset:0}.landing-nav{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#0a0b1066;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:relative}.landing-main{z-index:10;flex-direction:column;gap:6rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex;position:relative}.hero-section{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.hero-badge{color:#a5b4fc;letter-spacing:.5px;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f133;border-radius:999px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.hero-title{font-family:var(--font-display);letter-spacing:-1px;font-size:4rem;font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(135deg,#a5b4fc,#c084fc,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.25rem;line-height:1.6}.hero-cta{margin-top:1rem}.btn-large{border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;box-shadow:0 10px 30px #6366f166}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:1rem;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--accent-primary), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--border-color-hover);transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{background:#6366f11a;border:1px solid #6366f133;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.text-primary{color:var(--accent-primary)}.feature-card h3{font-family:var(--font-display);color:var(--text-primary);font-size:1.25rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.landing-footer{z-index:10;text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);padding:2rem;font-size:.875rem;position:relative}.transition{transition:all .2s}.hover-primary:hover{color:var(--accent-primary)}