@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-tertiary:#27272a;--bg-card:#18181bb3;--border-color:#3f3f4673;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--accent-color:#10b981;--accent-hover:#059669;--accent-glow:#10b9814d;--danger-color:#f43f5e;--danger-glow:#f43f5e59;--success-color:#10b981;--warning-color:#f59e0b;--font-family:"Plus Jakarta Sans", sans-serif;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 30px #0000004d;--shadow-lg:0 20px 50px #0000008c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;overflow-x:hidden}.app-header{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:100;background:#09090bbf;justify-content:space-between;align-items:center;padding:1.25rem 3rem;display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:-.025em;background:linear-gradient(135deg,#fff 40%,#a7f3d0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;font-size:1.6rem;font-weight:800;display:flex}.brand-accent{background:linear-gradient(135deg,#34d399 0%,#059669 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #10b98166;-webkit-background-clip:text;font-size:1.8rem}.header-actions{gap:1rem;display:flex}button{font-family:var(--font-family);cursor:pointer;border:none;border-radius:12px;padding:.65rem 1.35rem;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary{color:#fff;box-shadow:0 4px 14px var(--accent-glow);background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.btn-danger{color:#fff;box-shadow:0 4px 14px var(--danger-glow);background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f43f5e73}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-color);width:90%;max-width:500px;box-shadow:var(--shadow-lg);background:#18181b;border-radius:20px;padding:2.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.6rem;font-size:.85rem;font-weight:600;display:block}.form-control{border:1px solid var(--border-color);color:#fff;width:100%;font-family:var(--font-family);background:#27272a;border-radius:12px;padding:.85rem 1rem;font-size:.95rem;transition:all .2s}.form-control:focus{border-color:var(--accent-color);background:#18181b;outline:none;box-shadow:0 0 0 3px #6366f140}.boards-container{max-width:1280px;margin:4rem auto;padding:0 3rem}.boards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2.5rem;display:grid}.board-card{border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#18181b 0%,#09090b 100%);border-radius:20px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.board-card:before{content:"";opacity:0;background:linear-gradient(#34d399,#10b981);width:6px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.board-card:hover{border-color:#34d399;transform:translateY(-6px);box-shadow:0 12px 30px #10b9812e}.board-card:hover:before{opacity:1}.board-header{border-bottom:1px solid var(--border-color);background:#09090b4d;justify-content:space-between;align-items:center;padding:2rem 3rem;display:flex}.lists-wrapper{align-items:flex-start;gap:1.75rem;min-height:calc(100vh - 180px);padding:2.5rem 3rem;display:flex;overflow-x:auto}.list-column{border:1px solid var(--border-color);width:330px;max-height:calc(100vh - 220px);box-shadow:var(--shadow-sm);background:#18181b;border-radius:20px;flex-direction:column;flex-shrink:0;animation:.45s cubic-bezier(.34,1.56,.64,1) list-appear;display:flex}.list-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.list-title-area{align-items:center;gap:.65rem;display:flex}.list-title-area h4{color:#fff;font-size:1.05rem;font-weight:700}.list-count{color:var(--text-secondary);background:#27272a;border-radius:12px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.cards-container{flex-direction:column;flex-grow:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.cards-container::-webkit-scrollbar{width:6px;height:6px}.lists-wrapper::-webkit-scrollbar{width:6px;height:6px}.cards-container::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:8px}.lists-wrapper::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:8px}.cards-container::-webkit-scrollbar-track{background:0 0}.lists-wrapper::-webkit-scrollbar-track{background:0 0}.kanban-card{border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-sm);background:#27272a80;border-radius:16px;padding:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.35s cubic-bezier(.34,1.56,.64,1) card-appear;position:relative}.kanban-card:hover{background:#27272ab3;border-color:#34d399;transform:translateY(-3px)scale(1.01);box-shadow:0 8px 24px #0006}.card-overdue{animation:1.8s infinite alternate glow-pulse;border:1.5px solid var(--danger-color)!important}@keyframes glow-pulse{0%{box-shadow:0 0 6px #f43f5e33}to{box-shadow:0 0 16px #f43f5ea6}}.card-title{color:#fff;margin-bottom:.5rem;font-size:1rem;font-weight:700}.card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-meta{color:var(--text-secondary);border-top:1px solid #3f3f4666;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;font-size:.75rem;display:flex}.card-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem;display:flex}.tag-badge{text-transform:uppercase;color:#fff;letter-spacing:.05em;text-shadow:0 1px 2px #0006;border-radius:6px;padding:.2rem .55rem;font-size:.65rem;font-weight:800}.date-badge{background:#27272a;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-weight:700;display:flex}.date-badge.overdue{color:var(--danger-color);background:#f43f5e26}.assignee-badge{color:#a5b4fc;background:#6366f126;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-weight:700;display:flex}.manage-panel{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#18181b;border-radius:20px;margin-top:2.5rem;padding:2.5rem}.flex-between{justify-content:space-between;align-items:center;display:flex}.color-dot{border-radius:50%;width:16px;height:16px;display:inline-block}.hero-section{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;max-width:1280px;margin:4rem auto 2rem;padding:0 3rem;display:grid}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.hero-badge{color:#a5b4fc;text-transform:uppercase;letter-spacing:.05em;background:#6366f126;border:1px solid #6366f14d;border-radius:9999px;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700}.hero-content h1{letter-spacing:-.03em;text-align:left;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.15}.hero-gradient{background:linear-gradient(135deg,#34d399 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);text-align:left;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.hero-actions-row{gap:1rem;display:flex}.btn-lg{border-radius:14px;padding:.85rem 1.75rem;font-size:1rem}.hero-visual{border:1px solid var(--border-color);box-shadow:var(--shadow-lg);background:#18181b;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.mockup-header{border-bottom:1px solid var(--border-color);background:#09090b;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.mockup-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.mockup-dot.red{background-color:#ef4444}.mockup-dot.yellow{background-color:#f59e0b}.mockup-dot.green{background-color:#10b981}.mockup-title{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.mockup-body{background:#09090b66;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:1.5rem;display:grid}.mockup-col h5{color:var(--text-secondary);text-transform:uppercase;margin-bottom:.85rem;font-size:.8rem;font-weight:700}.mockup-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#18181b;border-radius:12px;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.card-pulse{animation:2s infinite alternate visual-pulse}@keyframes visual-pulse{0%{border-color:var(--border-color)}to{border-color:#34d399;box-shadow:0 0 10px #10b98140}}.card-glow-rose{border-color:#f43f5e;animation:1.8s infinite alternate rose-pulse}@keyframes rose-pulse{0%{box-shadow:0 0 4px #f43f5e26}to{box-shadow:0 0 12px #f43f5e80}}.stats-bar{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:linear-gradient(90deg,#18181b00 0%,#18181b 50%,#18181b00 100%);justify-content:space-around;max-width:1280px;margin:3rem auto;padding:2rem 3rem;display:flex}.stat-item{text-align:center}.stat-item h3{color:#fff;background:linear-gradient(135deg,#a7f3d0 0%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.75rem;font-weight:800}.stat-item p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.8rem;font-weight:600}@media (width<=968px){.hero-section{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content{align-items:center}.hero-content h1{text-align:center;font-size:2.75rem}.hero-subtitle{text-align:center}.hero-actions-row{justify-content:center}.stats-bar{flex-wrap:wrap;gap:2rem}}.mesh-bg{filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(circle,#10b9811f 0%,#34d3990a 50%,#0000 100%);width:500px;height:500px;position:absolute;top:-150px;right:-100px}.mesh-bg-dashboard{filter:blur(120px);pointer-events:none;z-index:0;background:radial-gradient(circle,#10b98114 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-200px;left:-150px}.mockup-card{transition:all .4s cubic-bezier(.16,1,.3,1)!important}.mockup-card:hover{transform:translateY(-8px)scale(1.03)rotate(.5deg)!important;box-shadow:0 15px 30px #10b98126!important}@keyframes list-appear{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes card-appear{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}