:root{--bg:#f5f7fb;--surface:#fff;--surface-strong:#eef3f7;--text:#172033;--muted:#647084;--line:#dce2ea;--line-strong:#c7d0dd;--primary:#246bfe;--primary-strong:#174ec2;--primary-soft:#e7efff;--success:#1f8f5f;--warning:#b7791f;--danger:#c2413b;--purple:#8b5cf6;--shadow:0 18px 48px #1720331f;--radius:8px;--font:"Segoe UI", SegoeUI, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;color:var(--text);background:var(--bg);font-family:var(--font);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}h1,h2,h3,p{margin:0}#root{min-height:100vh}.app-shell{min-width:100%;min-height:100vh;padding:18px;overflow-x:auto}.topbar,.toolbar,.stats-strip,.team-layout,.auth-panel,.modal-panel,.board-column,.invite-panel,.team-list{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}.topbar{grid-template-columns:minmax(220px,1fr) auto minmax(230px,auto);align-items:center;gap:18px;padding:16px;display:grid}.eyebrow{color:var(--primary);letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:800}.topbar h1,.auth-brand h1{color:var(--text);font-size:clamp(1.35rem,2.5vw,1.8rem);font-weight:800}.main-nav,.account-box,.task-card-top,.profile-row,.invite-panel header,.modal-panel header,.team-list header,.stats-strip,.metric,.toolbar,.segmented-control,.form-actions,.color-picker legend,.responsible-chip,.date-chip,.status-chip,.user-status{align-items:center;display:flex}.main-nav{gap:8px}.nav-button,.primary-button,.ghost-button,.icon-button,.segmented-control button,.demo-logins button,.drag-handle,.toast{border-radius:var(--radius);color:var(--text);background:0 0;border:1px solid #0000;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.nav-button,.primary-button,.ghost-button,.segmented-control button,.demo-logins button{white-space:nowrap;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;font-weight:700}.nav-button{background:var(--surface-strong);color:var(--muted)}.nav-button.active,.segmented-control button.active{background:var(--primary-soft);color:var(--primary-strong);border-color:#bed1ff}.account-box{flex-wrap:wrap;justify-content:flex-end;gap:12px}.group-switcher{border:1px solid var(--line);border-radius:var(--radius);min-height:38px;color:var(--muted);background:#fff;align-items:center;gap:7px;padding:0 9px;display:flex}.group-switcher svg{color:var(--primary);flex:none}.group-switcher select{min-width:90px;max-width:170px;color:var(--text);background:0 0;border:0;outline:0;font-weight:800}.account-box div{justify-items:end;display:grid}.account-box strong{font-size:.95rem}.account-box span{color:var(--muted);font-size:.82rem}.icon-button,.drag-handle{justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button{background:var(--surface-strong)}.icon-button.compact{width:30px;height:30px}.icon-button:hover,.drag-handle:hover,.ghost-button:hover,.nav-button:hover,.segmented-control button:hover{border-color:var(--line-strong);background:#f7f9fc}.primary-button{border-color:var(--primary);background:var(--primary);color:#fff;display:inline-flex}.primary-button:hover{background:var(--primary-strong)}.primary-button.wide{width:100%}.ghost-button.wide{justify-content:center;width:100%}.ghost-button{border-color:var(--line);background:#fff;display:inline-flex}.ghost-button.danger{color:var(--danger);background:#fff5f4;border-color:#f1c6c3}.stats-strip{flex-wrap:wrap;gap:12px;margin-top:14px;padding:12px}.metric{border:1px solid var(--line);border-radius:var(--radius);flex:1;gap:8px;min-width:150px;padding:10px 12px}.metric svg{color:var(--primary)}.metric span{color:var(--muted);font-weight:700}.metric strong{margin-left:auto;font-size:1.15rem}.toolbar{flex-wrap:wrap;gap:10px;margin-top:14px;padding:12px}.segmented-control{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;gap:4px;padding:4px}.segmented-control button{min-height:34px;padding:6px 10px;display:inline-flex}.search-field,.select-field,.auth-form label,.task-form label,.invite-form label{color:var(--muted);gap:7px;font-size:.82rem;font-weight:800;display:grid}.search-field,.select-field{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;min-width:190px;min-height:40px;padding:0 10px;display:flex;position:relative}.search-field{flex:230px}.select-field{flex:0 225px}.search-field svg,.select-field svg{color:var(--muted);flex:none}.search-field input,.select-field select{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.board-scroll{overscroll-behavior-x:contain;margin-top:14px;padding-bottom:14px;overflow-x:auto}.board{grid-auto-columns:minmax(280px,330px);grid-auto-flow:column;gap:14px;width:max-content;min-width:100%;min-height:470px;display:grid}.board-scroll::-webkit-scrollbar{height:12px}.board-scroll::-webkit-scrollbar-track{background:#e7edf6;border-radius:999px}.board-scroll::-webkit-scrollbar-thumb{background:#8fa1b8;border:3px solid #e7edf6;border-radius:999px}.board-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}.board-column{flex-direction:column;min-height:430px;display:flex;overflow:hidden}.board-column.drop-target{border-color:var(--column-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--column-accent) 22%, transparent)}.board-column>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:14px;display:flex}.board-column h2{font-size:1rem;font-weight:800}.board-column header span{color:var(--muted);font-size:.8rem;font-weight:700}.board-column header i{background:var(--column-accent);border-radius:999px;width:11px;height:38px}.task-stack{align-content:start;gap:10px;min-height:100%;padding:12px;display:grid}.empty-column{border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);text-align:center;padding:18px 12px}.task-card{border:1px solid var(--line);border-left:6px solid var(--card-color);border-radius:var(--radius);touch-action:none;background:#fff;gap:10px;padding:12px;display:grid;position:relative;box-shadow:0 8px 20px #1720330f}.task-card.dragging{z-index:10;opacity:.82;box-shadow:var(--shadow)}.task-card-top{justify-content:space-between;gap:8px}.drag-handle{width:28px;height:28px;color:var(--muted);background:#f4f7fb}.status-chip{min-width:0;color:var(--status-color);background:color-mix(in srgb, var(--status-color) 12%, white);border-radius:999px;flex:1;justify-content:center;gap:6px;padding:5px 8px;font-size:.72rem;font-weight:800}.task-card h3{overflow-wrap:anywhere;font-size:.98rem;font-weight:800}.task-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.86rem;display:-webkit-box;overflow:hidden}.task-card footer{gap:7px;display:grid}.responsible-chip,.date-chip,.user-status{min-width:0;color:var(--muted);gap:6px;font-size:.78rem;font-weight:750}.responsible-chip,.date-chip{border-radius:var(--radius);background:#f4f7fb;padding:7px 8px}.responsible-chip{color:#27507a}.date-chip.late{color:var(--danger);background:#fff1f0}.team-layout{background:0 0;border:0;grid-template-columns:minmax(0,1fr) 330px;gap:14px;margin-top:14px;display:grid}.team-list,.invite-panel{padding:16px}.team-list header{justify-content:space-between;gap:12px;margin-bottom:12px}.team-list h2,.invite-panel h2,.modal-panel h2{font-size:1.1rem;font-weight:800}.team-list header span{color:var(--muted);font-weight:800}.profile-table{gap:9px;display:grid}.profile-row{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:44px minmax(190px,1fr) minmax(155px,180px) minmax(150px,auto);gap:12px;min-height:68px;padding:10px;display:grid}.profile-row>div:nth-child(2){min-width:0;display:grid}.profile-row strong,.profile-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-row span{color:var(--muted)}.avatar{color:#fff;background:linear-gradient(135deg,#246bfe,#1f8f5f);border-radius:999px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.profile-row select,.task-form input,.task-form textarea,.task-form select,.invite-form input,.invite-form select,.auth-form input{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-width:0;color:var(--text);background:#fff;outline:0;padding:10px 11px}.profile-row select:focus,.task-form input:focus,.task-form textarea:focus,.task-form select:focus,.invite-form input:focus,.invite-form select:focus,.auth-form input:focus,.search-field:focus-within,.select-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #246bfe21}.user-status{justify-content:flex-start}.user-status.verified{color:var(--success)}.invite-panel{align-self:start}.invite-panel header{gap:9px;margin-bottom:14px}.invite-panel header svg{color:var(--primary)}.invite-form,.auth-form,.task-form{gap:14px;display:grid}.group-create-form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.auth-shell{place-items:center;min-height:100vh;padding:18px;display:grid}.auth-panel{width:min(100%,480px);box-shadow:var(--shadow);gap:24px;padding:24px;display:grid}.auth-brand{grid-template-columns:54px 1fr;align-items:center;gap:14px;display:grid}.brand-mark{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#246bfe,#1f8f5f);place-items:center;width:54px;height:54px;display:grid}.demo-logins{gap:10px;display:grid}.demo-logins button{border-color:var(--line);text-align:left;background:#fff;grid-template-columns:24px 1fr auto;align-items:center;display:grid}.demo-logins small{color:var(--muted);font-weight:800}.form-error,.form-success{border-radius:var(--radius);padding:10px 12px;font-weight:750}.form-error{color:var(--danger);background:#fff1f0}.form-success{color:var(--success);background:#edf9f3}.boot-screen{min-height:100vh;color:var(--muted);place-items:center;gap:14px;font-weight:800;display:grid}.spinner{border:4px solid var(--line);border-top-color:var(--primary);border-radius:999px;width:36px;height:36px;animation:.9s linear infinite spin}.modal-backdrop{z-index:50;background:#09101d7a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-panel{width:min(100%,660px);max-height:calc(100vh - 36px);box-shadow:var(--shadow);overflow:auto}.modal-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:16px}.task-form{padding:16px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.assignment-group,.color-picker{border:1px solid var(--line);border-radius:var(--radius);gap:10px;padding:12px;display:grid}.assignment-group legend,.color-picker legend{color:var(--muted);padding:0 5px;font-size:.82rem;font-weight:800}.color-picker legend{gap:6px}.color-picker>div{grid-template-columns:repeat(8,minmax(30px,1fr));gap:8px;display:grid}.color-picker button{aspect-ratio:1;border-radius:var(--radius);background:var(--swatch);border:2px solid #0000;min-height:34px}.color-picker button.active{border-color:#111827;box-shadow:inset 0 0 0 3px #fffc}.task-form footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-actions{justify-content:flex-end;gap:8px;margin-left:auto}.toast{z-index:80;max-width:min(420px,100vw - 36px);box-shadow:var(--shadow);text-align:left;background:#fff;border-color:#c8ddff;padding:12px 14px;font-weight:800;position:fixed;bottom:18px;right:18px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.topbar{grid-template-columns:1fr}.main-nav,.account-box{justify-content:flex-start}.account-box div{justify-items:start}.team-layout{grid-template-columns:1fr}.profile-row{grid-template-columns:44px minmax(0,1fr)}.profile-row select,.profile-row .user-status{grid-column:2}}@media (width<=640px){.app-shell,.topbar,.toolbar,.stats-strip{padding:10px}.segmented-control,.main-nav,.toolbar{width:100%}.segmented-control button,.main-nav .nav-button{flex:1;min-width:0}.search-field,.select-field,.primary-button{flex:100%;width:100%}.board{grid-auto-columns:minmax(260px,88vw)}.form-grid,.auth-brand{grid-template-columns:1fr}.task-form footer{flex-direction:column;align-items:stretch}.form-actions{width:100%}.form-actions>button,.task-form footer>button{flex:1}}