:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-accent:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--brand:#6366f1;--brand-hover:#818cf8;--low:#22c55e;--medium:#eab308;--high:#ef4444;--glass:#ffffff0d;--glass-border:#ffffff1a;--success:#10b981;--gradient-a:#818cf8;--gradient-b:#c084fc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,-apple-system,sans-serif}.app-container{flex-direction:column;max-width:1600px;height:100vh;margin:0 auto;padding:2rem;display:flex}header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}h1{background:linear-gradient(135deg, var(--gradient-a) 0%, var(--gradient-b) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.header-actions{align-items:center;gap:1rem;display:flex}.user-profile{background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.user-profile img{border:1px solid var(--brand);border-radius:50%;width:28px;height:28px}.user-profile span{color:var(--text-primary);font-size:.85rem;font-weight:600}.btn-login,.btn-login-large{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f14d}.btn-login:hover,.btn-login-large:hover{background:var(--brand-hover);transform:translateY(-2px)}.btn-login-large{padding:1rem 2rem;font-size:1.1rem}.btn-logout{color:var(--text-secondary);border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem;transition:all .2s}.btn-logout:hover{color:var(--high);border-color:var(--high);background:#ef44441a}.btn-new{background-color:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f14d}.btn-new:hover{background-color:var(--brand-hover);transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background-color:var(--bg-accent)}.kanban-board{flex:1;align-items:flex-start;gap:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.column{background-color:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;flex-direction:column;width:260px;min-width:260px;max-height:100%;transition:box-shadow .2s;display:flex}.column.is-dragging-column{border-color:var(--brand);opacity:.9;box-shadow:0 20px 25px -5px #00000080}.column-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.column-title-wrapper{flex:1;align-items:center;gap:.5rem;display:flex}.drag-handle-icon{color:var(--text-secondary);opacity:.3;cursor:grab}.column:hover .drag-handle-icon{opacity:.6}.column-title{color:var(--text-primary);cursor:pointer;border-radius:4px;padding:2px 4px;font-size:.95rem;font-weight:700}.column-title:hover{background-color:var(--glass)}.column-title-edit{background:var(--bg-accent);border:1px solid var(--brand);color:#fff;border-radius:4px;width:140px;padding:2px 4px;font-size:.95rem;font-weight:700}.column-header-right{align-items:center;gap:.5rem;display:flex}.task-count{background-color:var(--bg-accent);color:var(--text-secondary);border-radius:999px;padding:2px 6px;font-size:.7rem;font-weight:600}.add-column-ghost{border:2px dashed var(--glass-border);min-width:250px;height:80px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:all .2s;display:flex}.add-column-ghost:hover{background:var(--glass);border-color:var(--brand);color:var(--text-primary)}.task-list{flex:1;min-height:100px;padding:.75rem;transition:background-color .2s;overflow-y:auto}.task-list.dragging-over{background-color:#6366f10d}.task-card{background-color:var(--bg-accent);cursor:grab;border:1px solid var(--glass-border);border-radius:10px;margin-bottom:.75rem;padding:.75rem;transition:transform .2s,box-shadow .2s}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.task-card.is-dragging{border-color:var(--brand);box-shadow:0 20px 25px -5px #00000080}.task-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.task-category{color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.priority-dot{border-radius:50%;width:8px;height:8px}.priority-Alta{background-color:var(--high);box-shadow:0 0 8px var(--high)}.priority-Média{background-color:var(--medium);box-shadow:0 0 8px var(--medium)}.priority-Baixa{background-color:var(--low);box-shadow:0 0 8px var(--low)}.task-title{margin-bottom:.75rem;font-size:.85rem;font-weight:600;line-height:1.4}.task-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.task-date{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.65rem;display:flex}.task-actions{gap:.5rem;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;transition:all .2s}.icon-btn:hover{background-color:var(--glass);color:var(--text-primary)}.icon-btn.danger:hover{color:var(--high)}.icon-btn-danger{color:var(--text-secondary);cursor:pointer;opacity:.5;background:0 0;border:none;transition:all .2s}.icon-btn-danger:hover{opacity:1;color:var(--high)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:20px;width:100%;max-width:500px;padding:2rem;box-shadow:0 25px 50px -12px #00000080}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{background-color:var(--bg-accent);border:1px solid var(--glass-border);color:#fff;border-radius:8px;outline:none;width:100%;padding:.75rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--brand)}.modal-footer{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.btn-save{background-color:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.btn-cancel{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-weight:600}.loading-container{height:80vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:20px;font-family:Outfit,sans-serif;display:flex}.orbit-loader{width:80px;height:80px;position:relative}.planet{background:var(--brand);border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #6366f166}.satellite{border:1px solid #ffffff1a;border-radius:50%;width:60px;height:60px;animation:3s linear infinite orbit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.satellite:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #fff}@keyframes orbit{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.landing-page{background:radial-gradient(circle at 100% 0,#6366f10d,#0000);justify-content:space-between;align-items:center;gap:40px;height:calc(100vh - 80px);padding:60px 5%;display:flex}.landing-content{flex:1;max-width:600px}.badge{color:var(--brand);background:#6366f11a;border-radius:100px;margin-bottom:24px;padding:6px 14px;font-size:.85rem;font-weight:500;display:inline-block}.landing-content h2{letter-spacing:-1px;margin-bottom:24px;font-size:3.5rem;font-weight:700;line-height:1.1}.gradient-text{background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.landing-content p{color:var(--text-secondary);margin-bottom:40px;font-size:1.15rem;line-height:1.6}.landing-features{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}.feature h3{color:#fff;margin-bottom:8px;font-size:1rem}.feature p{color:var(--text-secondary);margin-bottom:0;font-size:.9rem}.btn-login-hero{cursor:pointer;background:#fff;border:none;border-radius:12px;align-items:center;gap:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 10px 20px #ffffff1a;color:#000!important}.btn-login-hero:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 15px 30px #ffffff26}.trust-badge{color:#fff6;margin-top:16px;font-size:.8rem;display:block}.landing-visual{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.preview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;width:300px;height:200px;padding:20px}.preview-card.float{background:#6366f11a;width:250px;animation:4s ease-in-out infinite float;position:absolute;top:40%;right:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.preview-header{background:#ffffff1a;border-radius:5px;width:60px;height:10px;margin-bottom:20px}.preview-header.secondary{background:var(--brand)}.preview-line{background:#ffffff0d;border-radius:4px;width:100%;height:8px;margin-bottom:12px}.preview-line.short{width:60%}.dev-footer{text-align:center;color:var(--text-secondary);opacity:.45;letter-spacing:.03em;flex-shrink:0;padding:.6rem 0 .2rem;font-size:.65rem;transition:opacity .2s}.dev-footer:hover{opacity:.75}.dev-footer a{color:var(--brand);font-weight:500;text-decoration:none}.dev-footer a:hover{text-decoration:underline}@media (width<=768px){html,body{height:100%;overflow:hidden}#root{height:100%}.app-container{flex-direction:column;height:100dvh;min-height:0;padding:.7rem .7rem 0;display:flex;overflow:hidden}header{flex-flow:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:0}header>div:first-child{align-items:center;gap:.4rem;min-width:0;display:flex;overflow:hidden}h1{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;overflow:hidden}header p,.btn-label,.user-name-label{display:none!important}.header-actions{flex-wrap:nowrap;flex-shrink:0;gap:.35rem}.user-profile{padding:.2rem}.user-profile img{width:28px;height:28px}.btn-new,.btn-secondary,.btn-login,.btn-logout{min-width:unset;border-radius:10px;padding:.5rem}.kanban-board{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;flex:1 1 0;align-items:stretch;gap:.75rem;min-height:0;padding:0 .7rem .6rem;display:flex;overflow:auto hidden}.kanban-board::-webkit-scrollbar{display:none}.column{scroll-snap-align:start;width:82vw;min-width:82vw;max-width:82vw;height:100%;max-height:unset;flex-direction:column;flex-shrink:0;display:flex}.task-list{-webkit-overflow-scrolling:touch;flex:1 1 0;min-height:0;padding-bottom:.5rem;overflow-y:auto}.add-column-ghost{scroll-snap-align:start;align-self:flex-start;width:140px;min-width:140px}.modal-content{width:96%;max-height:88dvh;padding:1.25rem;overflow-y:auto}}@media (width<=900px){.landing-page{text-align:center;flex-direction:column;justify-content:center;height:auto;padding-top:60px}.landing-content h2{font-size:2.2rem}.landing-features{grid-template-columns:1fr;gap:1rem}.btn-login-hero{margin:0 auto;padding:12px 24px;font-size:1rem}.landing-visual{display:none}}[data-theme=void]{--bg-primary:#020308;--bg-secondary:#0c0c16;--bg-accent:#18182e;--text-primary:#e0fff4;--text-secondary:#3dd68c;--brand:#00f5a0;--brand-hover:#00d68f;--glass:#00f5a00d;--glass-border:#00f5a024;--gradient-a:#00f5a0;--gradient-b:#00bcd4}[data-theme=aurora]{--bg-primary:#030e10;--bg-secondary:#071d20;--bg-accent:#0e3038;--text-primary:#ccf5ef;--text-secondary:#4aaa96;--brand:#00d9b4;--brand-hover:#00f0cc;--glass:#00d9b40f;--glass-border:#00d9b426;--gradient-a:#00d9b4;--gradient-b:#0ea5e9}[data-theme=solar]{--bg-primary:#100700;--bg-secondary:#1e1000;--bg-accent:#321c00;--text-primary:#fff5e0;--text-secondary:#b08040;--brand:#f97316;--brand-hover:#fb923c;--glass:#f973160f;--glass-border:#f9731626;--gradient-a:#f97316;--gradient-b:#fbbf24}[data-theme=cosmos]{--bg-primary:#08001c;--bg-secondary:#110038;--bg-accent:#1e0055;--text-primary:#f3e8ff;--text-secondary:#9c68cc;--brand:#e879f9;--brand-hover:#f0abfc;--glass:#e879f90f;--glass-border:#e879f926;--gradient-a:#e879f9;--gradient-b:#818cf8}[data-theme=lua]{--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-accent:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--brand:#6366f1;--brand-hover:#4f46e5;--glass:#0000000a;--glass-border:#0000001a;--gradient-a:#6366f1;--gradient-b:#a855f7;--low:#16a34a;--medium:#ca8a04;--high:#dc2626;--success:#059669}[data-theme=marte]{--bg-primary:#100200;--bg-secondary:#200700;--bg-accent:#3c1200;--text-primary:#ffe8de;--text-secondary:#a05040;--brand:#e53e3e;--brand-hover:#fc5252;--glass:#e53e3e0f;--glass-border:#e53e3e26;--gradient-a:#ef4444;--gradient-b:#f97316}[data-theme=black-hole]{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-accent:#141414;--text-primary:#f0f0f0;--text-secondary:#555;--brand:#a78bfa;--brand-hover:#c4b5fd;--glass:#a78bfa0f;--glass-border:#a78bfa1f;--gradient-a:#a78bfa;--gradient-b:#f472b6}.profile-menu-wrapper{position:relative}.user-profile{cursor:pointer;transition:opacity .15s}.user-profile:hover{opacity:.85}.theme-panel{background:var(--bg-secondary);border:1px solid var(--glass-border);z-index:9000;width:272px;box-shadow:0 24px 48px #0000008c, 0 0 0 1px var(--glass-border);-webkit-backdrop-filter:blur(24px);border-radius:18px;padding:1rem;animation:.18s cubic-bezier(.22,1,.36,1) themeSlideIn;position:absolute;top:calc(100% + 10px);right:0}@keyframes themeSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.theme-panel-header{text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);align-items:center;gap:.4rem;margin-bottom:.75rem;padding-bottom:.6rem;font-size:.7rem;font-weight:700;display:flex}.theme-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.theme-card{background:var(--bg-accent);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;outline:none;flex-direction:column;gap:.35rem;padding:.55rem .55rem .5rem;transition:all .15s;display:flex}.theme-card:hover{border-color:var(--brand);background:var(--glass);transform:translateY(-1px)}.theme-card.active{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 20%, transparent)}.theme-swatch{border-radius:7px;width:100%;height:34px;box-shadow:inset 0 0 0 1px #ffffff1a}.theme-name{color:var(--text-primary);white-space:nowrap;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;display:flex}.theme-active-indicator{background:var(--brand);width:6px;height:6px;box-shadow:0 0 6px var(--brand);border-radius:50%;flex-shrink:0;margin-left:auto}[data-theme=lua] .task-card,[data-theme=lua] .modal-content,[data-theme=lua] .column,[data-theme=lua] .theme-panel{box-shadow:0 2px 12px #0000001a}[data-theme=lua] .task-card{border-color:#00000014}[data-theme=lua] header{border-bottom:1px solid #00000014}