:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080b10;--bg-soft:#0d121a;--surface:#111821;--surface-strong:#172233;--surface-muted:#1b2737;--line:#263246;--line-strong:#38506e;--text:#eef4ff;--text-muted:#93a3b8;--text-soft:#c7d4e6;--accent:#3298ff;--accent-strong:#1976d2;--accent-soft:#3298ff29;--danger:#ff6b5f;--danger-soft:#ff6b5f1f;--success:#55d6ff;--shadow:0 24px 80px #00000057}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);letter-spacing:0;background:radial-gradient(circle at 20% -10%,#3298ff26,#0000 34rem),linear-gradient(#0c121d 0%,#080b10 42%,#05070b 100%);margin:0;font-family:IBM Plex Sans,Aptos,Helvetica Neue,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{color:#8fc8ff}button,input,select,textarea{font:inherit}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0b1018;border-radius:8px;outline:none;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text);line-height:1.08}.app-shell{min-height:100vh}.navbar{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b10db;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.brand{color:var(--text);font-size:17px;font-weight:800}.brand:before{content:"";background:var(--accent);border-radius:3px;width:10px;height:10px;margin-right:10px;display:inline-block;box-shadow:0 0 18px #3298ffb3}.nav-actions{align-items:center;gap:12px;display:flex}.nav-link{color:var(--text-soft);border:1px solid #0000;border-radius:8px;padding:8px 10px;font-weight:800}.nav-link:hover{border-color:var(--line);color:var(--text);background:#ffffff0a;text-decoration:none}.user-hover{align-items:center;display:inline-flex;position:relative}.user-menu-button{border:1px solid var(--line);color:var(--text-soft);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:8px 12px;font-weight:800}.user-menu-button:hover,.user-hover:focus-within .user-menu-button{border-color:var(--accent);color:var(--text)}.user-hover-card{z-index:10;min-width:240px;padding-top:10px;display:none;position:absolute;top:100%;right:0}.user-hover-card-inner{border:1px solid var(--line);box-shadow:var(--shadow);background:#0d131d;border-radius:8px;gap:10px;padding:12px;display:grid}.user-hover:hover .user-hover-card,.user-hover:focus-within .user-hover-card{display:block}.user-hover-card-inner strong,.user-hover-card-inner span{overflow-wrap:anywhere}.user-hover-card-inner span{color:var(--text-muted);font-size:13px}.page{width:min(1280px,100% - 32px);margin:0 auto;padding:34px 0}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-header h1{margin-bottom:7px;font-size:clamp(30px,4vw,46px)}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel,.modal,.board-card,.column,.task-card,.side-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#121c2af0,#0c1119f0);border-radius:8px}.auth-panel{width:min(430px,100%);padding:30px}.form{gap:14px;display:grid}.form label{color:var(--text-soft);gap:7px;font-size:14px;font-weight:700;display:grid}.button{border:1px solid var(--accent);background:var(--accent);color:#06111f;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:8px 14px;font-weight:800;transition:transform .14s,background .14s,border-color .14s,color .14s;display:inline-flex}.button:hover{color:#06111f;background:#8fc8ff;text-decoration:none;transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button-secondary{border-color:var(--line-strong);color:var(--text);background:#101722}.button-secondary:hover{border-color:var(--accent);background:var(--surface-muted);color:var(--text)}.button-danger{background:var(--danger-soft);color:#ffafa8;border-color:#ff6b5f80}.button-danger:hover{border-color:var(--danger);color:#ffd1cd;background:#ff6b5f2e}.icon-button{border:1px solid var(--line);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#0d131d;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{border-color:var(--line-strong);color:var(--text)}.muted,.meta,.empty-state{color:var(--text-muted)}.meta{font-size:13px}.error,.success{border-radius:8px;padding:10px 12px}.error{background:var(--danger-soft);color:#ffb4ad;border:1px solid #ff6b5f61}.success{color:#bdeeff;background:#55d6ff1f;border:1px solid #55d6ff61}.success-text{color:var(--success)}.danger-text{color:var(--danger)}.landing{background:radial-gradient(circle at 80% 8%,#3298ff1f,#0000 30rem),linear-gradient(#080b1000,#080b1099);min-height:100vh}.public-nav{background:#080b10ad;border-bottom:1px solid #ffffff0f}.hero-section,.features-section,.cta-section,.footer{width:min(1120px,100% - 32px);margin:0 auto}.hero-section{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:44px;min-height:calc(100vh - 190px);padding:56px 0 36px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:900}.hero-copy h1{max-width:720px;margin-bottom:14px;font-size:clamp(48px,7vw,80px);line-height:.94}.hero-text{max-width:620px;color:var(--text-soft);font-size:20px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-board{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#121d2c,#080d15);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px;display:grid}.mini-column{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-content:start;gap:12px;min-height:320px;padding:12px;display:grid}.mini-column span{color:var(--text-soft);font-size:13px;font-weight:900}.mini-column div{border:1px solid var(--line);background:linear-gradient(180deg, var(--surface-strong), var(--surface));border-radius:8px;height:68px}.features-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px 0 40px;display:grid}.feature-item{border:1px solid var(--line);border-top:2px solid var(--accent);background:linear-gradient(#121c2ab3,#0b1018b3);border-radius:8px;padding:20px}.feature-item h2,.cta-section h2{font-size:22px}.cta-section{border:1px solid var(--line);background:linear-gradient(135deg,#3298ff1a,#0b1018c2);border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.footer{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:20px 0 28px;font-weight:800;display:flex}.board-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.board-card{text-align:center;background:linear-gradient(135deg,#3298ff1a,#0000 46%),linear-gradient(#121c2af0,#0b1018f0);grid-template-rows:1fr auto;justify-items:center;gap:16px;min-height:158px;padding:20px;display:grid}.board-card-link{width:100%;color:inherit;flex-direction:column;align-items:center;gap:10px;display:flex}.board-card-link:hover{text-decoration:none}.board-card h2{overflow-wrap:anywhere;margin:0;font-size:22px;line-height:1.12}.board-card-header{justify-items:center;gap:12px;display:grid}.board-card-footer{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.board-card-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;display:flex}.board-card-meta span{border:1px solid var(--line);background:#ffffff08;border-radius:999px;padding:5px 8px}.board-role-badge{border:1px solid var(--line);color:var(--text-muted);border-radius:999px;flex:none;justify-self:center;padding:4px 8px;font-size:12px;font-weight:900}.board-role-badge.owner{background:var(--accent-soft);color:#c4e3ff;border-color:#3298ff61}.board-role-badge.member{background:#ffffff0a}.board-card-footer{min-height:40px}.board-columns{scrollbar-color:var(--line-strong) transparent;grid-auto-columns:minmax(280px,315px);grid-auto-flow:column;gap:16px;padding:2px 4px 16px;display:grid;overflow-x:auto}.board-workspace{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.board-sidebar{gap:16px;display:grid;position:sticky;top:86px}.side-panel{padding:16px}.side-panel h2{margin-bottom:14px;font-size:18px}.member-list,.delivery-list{gap:10px;display:grid}.member-row{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.member-row:first-child{border-top:0;padding-top:0}.member-row strong,.member-row span{display:block}.member-count{color:var(--text-muted);font-size:14px;font-weight:400}.member-cards{gap:8px;display:grid}.member-card{border:1px solid var(--line);background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.member-card-avatar{background:var(--accent-soft);color:#c4e3ff;border:1px solid #3298ff4d;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.member-card-info{flex:1 1 0;gap:2px;min-width:0;display:grid}.member-card-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.member-card-info .meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.member-card-right{flex:none;align-items:center;gap:6px;display:flex}.member-role-badge{border:1px solid var(--line);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.member-role-badge.owner{background:var(--accent-soft);color:#c4e3ff;border-color:#3298ff61}.member-remove-btn{width:26px;height:26px;font-size:11px}.member-cards-extra{grid-template-rows:auto;gap:8px;display:none}.member-panel:hover .member-cards-extra{display:grid}.member-expand-hint{color:var(--text-muted);text-align:center;margin:2px 0 0;font-size:12px;font-style:italic}.member-panel:hover .member-expand-hint{display:none}.compact-form{grid-template-columns:minmax(0,1fr) auto;margin-bottom:14px}.row-actions,.member-actions,.invite-notifications{flex-wrap:wrap;gap:8px;display:flex}.member-actions{justify-content:space-between;align-items:center}.button-small{min-height:32px;padding:5px 10px;font-size:13px}.invite-notifications{margin-bottom:18px}.invite-pill{background:var(--accent-soft);color:#c4e3ff;border:1px solid #3298ff57;border-radius:999px;padding:8px 12px;font-weight:800}.invite-panel{margin:0 auto}.column{min-width:280px;box-shadow:none;border-radius:14px;align-self:start;padding:12px}.column[draggable=true],.task-card[draggable=true]{cursor:grab}.column[draggable=true]:active,.task-card[draggable=true]:active{cursor:grabbing}.column-header,.modal-header,.task-card-header,.task-actions,.modal-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.column-header{border-bottom:0;padding:4px 4px 12px}.column-header h2{margin-bottom:0;font-size:18px;font-weight:750}.column-title{align-items:center;gap:10px;display:flex}.column-status-dot{border:2px solid;border-radius:50%;flex:none;width:18px;height:18px;display:inline-flex;position:relative}.column-status-dot:after{content:"";opacity:.18;background:currentColor;border-radius:50%;position:absolute;inset:4px}.column-todo{--task-bg:#2a2a2a;--task-bg-hover:#303030;--task-border:#3a3a3a;background:#202020;border-color:#292929}.column-todo .column-title{color:#a7a7a7}.column-progress{--task-bg:#1b2c40;--task-bg-hover:#213751;--task-border:#1f3958;background:#101a25;border-color:#162a42}.column-progress .column-title{color:var(--accent)}.column-complete{--task-bg:#1b3326;--task-bg-hover:#21402f;--task-border:#254933;background:#101d16;border-color:#183325}.column-complete .column-title{color:#4fbd83}.create-column{background:linear-gradient(#121c2ab3,#0c1119b3)}.task-list{gap:10px;min-height:80px;margin:0 0 12px;display:grid}.task-card{border-color:var(--task-border,#ffffff12);background:var(--task-bg,#1e2d20);box-shadow:none;border-radius:12px;gap:8px;padding:14px;transition:border-color .14s,background .14s;display:grid;position:relative}.task-card:hover{background:var(--task-bg-hover,#243526);border-color:#3298ff4d}.task-title{overflow-wrap:anywhere;color:var(--text);margin-bottom:0;padding-right:52px;font-size:15px;font-weight:700;line-height:1.35}.task-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.task-card-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.task-priority-badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:6px;flex:none;padding:3px 9px;font-size:11px;font-weight:800}.priority-low{color:#7bd9a4;background:#4fbd831f;border-color:#4fbd834d}.priority-medium{background:var(--accent-soft);color:#c4e3ff;border-color:#3298ff4d}.priority-high{color:#ffb74d;background:#ff8c001f;border-color:#ff8c004d}.task-due-date{color:var(--text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.task-card-hover-actions{opacity:0;pointer-events:none;gap:4px;transition:opacity .14s;display:flex;position:absolute;top:10px;right:10px}.task-card:hover .task-card-hover-actions{opacity:1;pointer-events:auto}.icon-button-danger{color:var(--danger);border-color:#ff6b5f66}.icon-button-danger:hover{border-color:var(--danger);background:var(--danger-soft);color:#ffd1cd}.new-task-button{width:100%;min-height:48px;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid;border-radius:12px;align-items:center;gap:14px;padding:10px 14px;font-size:15px;font-weight:800;display:flex}.new-task-button span{font-size:22px;line-height:1}.new-task-button:hover{color:var(--accent);background:#3298ff0d}.column-progress .new-task-button{color:var(--accent)}.column-complete .new-task-button{color:#7bd9a4}.full-width{width:100%}.back-link{color:var(--text-muted);margin-bottom:10px;display:inline-block}.modal-backdrop{z-index:20;background:#000000a3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop-danger{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 28%,#ff6b5f33,#0000 24rem),#000000d1}.modal{width:min(470px,100%);padding:20px}.delete-board-modal{background:#111720;border-color:#ff6b5f73;box-shadow:0 28px 90px #0000009e}.delete-warning{color:var(--text-soft);background:#ff6b5f1a;border:1px solid #ff6b5f47;border-radius:10px;gap:6px;padding:12px;display:grid}.delete-warning strong{color:#ffd1cd}.delete-warning span{color:var(--text-muted);font-size:13px}.modal-header{margin-bottom:16px}.modal-header h2{margin-bottom:0}.modal-actions{justify-content:flex-end}.board-sidebar .column{min-width:0}.page-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.sort-wrapper{position:relative}.sort-toggle{white-space:nowrap;align-items:center;gap:7px;display:flex}.sort-menu{z-index:20;border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow);background:#0d131d;border-radius:8px;gap:2px;padding:4px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.sort-menu-item{width:100%;color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:600;transition:background .12s,color .12s;display:flex}.sort-menu-item:hover{color:var(--text);background:#ffffff0d}.sort-menu-item.active{color:var(--text)}.sort-check{color:var(--accent);min-width:14px;font-size:12px}.notif-wrapper{position:relative}.notif-button{border:1px solid var(--line);width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;transition:border-color .14s,color .14s;display:flex;position:relative}.notif-button:hover{border-color:var(--accent);color:var(--text)}.notif-badge{background:var(--danger);color:#fff;text-align:center;pointer-events:none;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;line-height:17px;position:absolute;top:-5px;right:-5px}.notif-dropdown{z-index:20;border:1px solid var(--line);width:300px;box-shadow:var(--shadow);background:#0d131d;border-radius:8px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-dropdown-header{border-bottom:1px solid var(--line);color:var(--text-soft);justify-content:space-between;align-items:center;padding:12px 14px 10px;font-size:13px;font-weight:700;display:flex}.notif-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.notif-clear:hover{color:var(--danger)}.notif-empty{color:var(--text-muted);text-align:center;margin:0;padding:20px 14px;font-size:13px}.notif-list{scrollbar-color:var(--line-strong) transparent;max-height:320px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--line);color:inherit;align-items:flex-start;gap:10px;padding:11px 14px;text-decoration:none;transition:background .12s;display:flex}.notif-item:hover{color:inherit;background:#ffffff08;text-decoration:none}.notif-item:last-child{border-bottom:none}.notif-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;margin-top:5px}.notif-body{flex:1 1 0;gap:2px;min-width:0;display:grid}.notif-event{color:var(--text);font-size:13px;font-weight:600}.notif-board{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.notif-time{color:var(--text-muted);flex:none;margin-top:2px;font-size:11px}@media (width<=860px){.board-workspace{grid-template-columns:1fr}.board-sidebar{position:static}}@media (width<=700px){.navbar,.page-header,.nav-actions{flex-direction:column;align-items:stretch}.page{width:min(100% - 20px,1180px);padding:22px 0}.board-columns{grid-auto-columns:auto;grid-auto-flow:row}.hero-section,.features-section,.cta-section,.footer{grid-template-columns:1fr}.hero-section{min-height:auto}.hero-board,.features-section,.cta-section,.footer{grid-template-columns:1fr;display:grid}.cta-section,.footer{align-items:start}.column{min-width:0}.task-actions{flex-direction:column}}