:root{--bg:#f6f7fb;--panel:#fff;--panel-soft:#fafbfc;--text:#202534;--muted:#7b8192;--border:#e8eaf0;--accent:#7659dd;--accent-hover:#6245c5;--accent-soft:#f0ecfb;--shadow:0 5px 20px #26314b04;--sidebar:#181d2c;--sidebar-text:#a2aabe;--success:#328771;--danger:#c75463;--field:#fff;--focus-bg:#ecf4ef;--focus-text:#406354;--card-hover:0 7px 22px #2421430b;--sidebar-width:248px;--radius:14px;color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #a99beb;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:0;border-color:#a794ea;box-shadow:0 0 0 3px #7659dd18}svg.icon{width:19px;height:19px;display:block;flex:none;stroke-width:1.75}span[data-icon],div[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}button{border:0}button svg{pointer-events:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;flex:none;cursor:pointer}kbd{font-family:inherit;font-size:10px;padding:1px 5px;border:1px solid var(--border);border-radius:4px;color:var(--muted);background:var(--panel);font-weight:500}::selection{background:#d8cef8;color:#312759}.skip-link{position:fixed;z-index:100;top:-60px;left:12px;padding:10px;background:var(--panel);border:2px solid var(--accent);border-radius:8px}.skip-link:focus{top:12px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar);color:var(--sidebar-text);padding:32px 20px 18px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:32px;font-weight:750;letter-spacing:-1.2px;text-decoration:none;padding:0 5px}.brand-mark{width:34px;height:37px;display:flex;align-items:center;background:#9274ed;border-radius:10px}.brand-mark svg{width:32px;height:32px}.brand-dot{color:#a18be9}.brand-tag{font-size:8px;letter-spacing:1.4px;color:#9098b0;border:1px solid #363d50;padding:4px 5px;border-radius:5px;margin-left:auto;font-weight:600}.workspace{display:flex;align-items:center;gap:10px;margin:34px 0 32px;border:1px solid #33394a;padding:12px 10px;border-radius:10px}.workspace-icon{width:30px;height:30px;border-radius:8px;background:#2e3548;color:#b5accf}.workspace strong{font-size:10.5px;color:#e4e7f2;display:block;font-weight:550}.workspace div>span{display:block;font-size:9.5px;color:#8790a7;margin-top:2px}.workspace-lock{margin-left:auto;color:#7b849a}.workspace-lock svg{width:13px;height:13px}.nav-label{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#7e889f;padding:0 12px;margin-bottom:12px}.main-nav,.project-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;color:var(--sidebar-text);border-radius:8px;padding:11px 12px;font-size:12px;min-height:43px;transition:background .15s,color .15s}.nav-item .icon{width:17px;height:17px}.nav-item:hover{background:#252c3e;color:#e4e5eb}.nav-item.active{background:#7860c8;color:#fff}.nav-count{margin-left:auto;background:#ffffff1c;border-radius:5px;padding:1px 7px;font-size:10px;min-width:22px;text-align:center;font-weight:600}.nav-count.subtle{background:none;color:#7e899f}.project-label{display:flex;align-items:center;justify-content:space-between;margin-top:29px;margin-bottom:10px;padding-right:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:8px;background:transparent;color:var(--muted);flex-shrink:0;transition:background .15s,color .15s}.icon-button:hover{background:var(--accent-soft);color:var(--accent)}.sidebar-icon{width:25px;height:25px;color:#929bb3}.sidebar-icon svg{width:16px;height:16px}.sidebar-icon:hover{background:#30374a;color:#eee}.project-row{display:flex;align-items:center;border-radius:8px}.project-row .nav-item{min-width:0;flex:1;padding-right:5px;font-size:11.5px}.project-row .nav-item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-row.active{background:#2b3044}.project-row.active .nav-item{color:#eae5ff}.project-row .project-edit{opacity:0;margin-right:5px}.project-row:hover .project-edit,.project-row:focus-within .project-edit{opacity:1}.project-dot{width:8px;height:8px;border-radius:3px;flex-shrink:0;margin-left:4px;margin-right:4px}.project-num{color:#737f98;margin-left:auto;margin-right:4px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:36px}.local-card{background:#22293b;border:1px solid #2f374b;border-radius:12px;padding:15px 13px}.local-card-title{display:flex;align-items:center;gap:7px;color:#e0e5f0;font-size:11px}.local-card-title>span:last-child{margin-left:auto;color:#7e92a3}.local-card-title svg{width:14px;height:14px}.local-dot{background:#92c9b1;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 3px #92c9b115}.local-dot.error{background:#e9b381}.local-card p{font-size:10.5px;line-height:1.8;color:#929eb7;margin:9px 0 14px}.backup-button{font-size:10.5px;display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #424b61;border-radius:6px;background:transparent;color:#d0d7e6;width:100%;text-align:left}.backup-button>span:last-child{margin-left:auto}.backup-button svg{width:13px;height:13px}.backup-button:hover{background:#30394f}.sidebar-footer{display:flex;align-items:center;gap:12px;margin-top:14px;padding:0 4px}.sidebar-footer .text-button{color:#9ba6bf;font-size:10px}.sidebar-footer .text-button svg{width:13px;height:13px}.sidebar-footer .sidebar-icon{margin-left:auto}.version{font-size:9px;color:#6f7b95}.main-shell{grid-column:2;min-width:0}.topbar{height:80px;background:var(--panel);border-bottom:1px solid var(--border);padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:18px}.breadcrumbs{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted);white-space:nowrap}.breadcrumbs strong{font-weight:500;color:var(--text);max-width:190px;overflow:hidden;text-overflow:ellipsis}.breadcrumbs .icon{width:16px;height:16px}.crumb-slash{color:#c6cad3}.topbar-actions{display:flex;align-items:center;gap:19px}.global-search{border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;padding:7px 9px 7px 12px;gap:8px;color:var(--muted);background:var(--panel-soft);width:256px}.global-search input{min-height:22px!important;border:0!important;box-shadow:none!important;min-width:0;outline:0;background:none;padding:0;width:100%;font-size:11px;color:var(--text);height:22px}.global-search:focus-within{border-color:#b6a5e9;box-shadow:0 0 0 3px #7659dd13}.global-search .icon{width:15px;height:15px}.global-search kbd{font-size:10px;padding:0 5px}.personal-avatar{background:#e9e1d5;border:3px solid var(--panel);outline:1px solid var(--border);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:650;color:#83755f}.mobile-menu{display:none}.main-content{padding:31px 40px 0;max-width:1800px;margin:0 auto;outline:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.eyebrow{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase}.tiny-dot{width:5px;height:5px;background:#9b86db;border-radius:50%}h1{font-size:35px;font-weight:650;letter-spacing:-1.25px;line-height:1.25;margin:7px 0 8px}.title-dot{color:var(--accent)}.page-heading p{font-size:12px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-size:11px;font-weight:600;padding:10px 15px;min-height:37px;white-space:nowrap;transition:background .15s,transform .15s}.button svg{width:16px;height:16px}.button.primary{background:var(--accent);border:1px solid var(--accent);color:white;box-shadow:0 3px 8px #7659dd12}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.primary kbd{margin-left:7px;color:#e4dcfb;background:#ffffff18;border-color:#ffffff25;font-size:9px}.button.secondary{border:1px solid var(--border);background:var(--panel);color:var(--text)}.button.secondary:hover{background:var(--panel-soft)}.new-task-button{margin-top:17px;padding:11px 14px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:21px}.metric{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);padding:17px 18px 15px;min-width:0;box-shadow:var(--shadow)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:10px;color:var(--muted);font-weight:550}.metric-icon{width:29px;height:29px;border-radius:8px}.metric-icon svg{width:15px;height:15px}.violet{background:#f0ecfd;color:#8b6bdb}.amber{background:#fcf2df;color:#bd994d}.blue{background:#ebf2fb;color:#6d96ca}.green{background:#eaf5ef;color:#57977a}.metric-value{font-size:30px;line-height:1.1;letter-spacing:-.9px;margin:7px 0 13px;font-weight:630}.metric-bottom{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted);height:15px}.metric-mini-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}.violet-dot{background:#a18bcf}.amber-dot{background:#cda862}.completed-value{display:flex;align-items:center;justify-content:space-between}.metric-percentage{font-size:10px;color:#5e9a81;font-weight:500;letter-spacing:0}.mini-progress{height:4px;background:#edf3ef;border-radius:4px;overflow:hidden;margin-top:23px;margin-bottom:3px}.mini-progress span{display:block;background:#7bb297;height:100%;border-radius:4px;width:0;transition:width .3s}.focus-strip{display:flex;align-items:center;gap:13px;background:var(--focus-bg);border:1px solid #dfece4;border-radius:11px;padding:14px 17px;margin-bottom:31px;color:var(--focus-text)}.focus-symbol{width:28px;height:28px;background:#dcebe0;border-radius:8px;color:#608d6e}.focus-symbol svg{width:16px;height:16px}.focus-strip p{font-size:11px}.focus-strip strong{font-weight:650;margin-right:5px}.focus-strip p>span{color:#779282;font-size:10.5px}.focus-action{display:flex;align-items:center;gap:10px;white-space:nowrap;background:none;color:var(--focus-text);font-weight:600;font-size:10px;margin-left:auto;padding:5px}.focus-action svg{width:15px;height:15px}.tasks-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.tasks-section-heading>div:first-child{display:flex;align-items:center;gap:12px}h2{font-size:17px;font-weight:650;letter-spacing:-.4px}.results-count{color:var(--muted);font-size:10px}.demo-notice{display:flex;gap:8px;align-items:center;font-size:9px;color:var(--muted)}.demo-notice>span{border:1px solid var(--border);border-radius:4px;padding:2px 6px}.demo-notice button{background:none;color:var(--muted);padding:4px 0;text-decoration:underline;text-underline-offset:3px;font-size:9px}.demo-notice button:hover{color:var(--danger)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.view-tabs{display:flex;gap:2px;padding:3px;background:#eaeaf0;border:1px solid #e4e5eb;border-radius:9px;align-items:center}.view-tab{display:flex;align-items:center;gap:7px;background:transparent;color:var(--muted);font-size:10px;font-weight:550;padding:7px 12px;border-radius:6px;min-height:30px;white-space:nowrap}.view-tab svg{height:14px;width:14px}.view-tab.active{background:var(--panel);color:var(--text);box-shadow:0 1px 4px #3037470d}.view-tab:hover:not(.active){color:var(--text);background:#ffffff44}.toolbar-right{display:flex;gap:10px;align-items:center}.sort-label{display:flex;align-items:center;gap:3px;color:var(--muted)}.sort-label svg{width:14px;height:14px}.sort-label select{font-size:10px;border:0;background:transparent;padding:5px 17px 5px 5px;color:var(--muted);max-width:140px;cursor:pointer}.filter-toggle{border:1px solid var(--border);background:var(--panel);font-size:10px;color:#667084;padding:7px 11px;min-height:34px}.filter-toggle[aria-expanded=true],.filter-toggle.has-filters{border-color:#cbbcec;color:var(--accent);background:var(--accent-soft)}.filter-number{background:var(--accent);color:#fff;border-radius:4px;font-size:9px;min-width:16px;padding:0 3px}.filter-tray{display:flex;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px;margin:-7px 0 20px;align-items:end;flex-wrap:wrap}.filter-tray label{flex:1;min-width:115px;display:flex;flex-direction:column;font-size:9px;gap:4px;font-weight:500;color:var(--muted)}.filter-tray select{padding:8px;font-size:10px;min-height:32px;max-width:100%}.reset-filters{height:34px;align-self:end}.active-date-filter{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-bottom:12px;font-size:12px;background:var(--accent-soft);border:1px solid #cbbcec;border-radius:8px}.mobile-board-hint{display:none}.board-scroll{overflow-x:auto;padding:0 2px 16px;margin:0 -2px;scrollbar-width:thin;scrollbar-color:#d4d7e1 transparent}.board{display:grid;grid-template-columns:repeat(3,minmax(245px,1fr));gap:19px;align-items:start;min-width:775px}.board-column{min-width:0;border-radius:12px;padding:0 0 10px;transition:background .2s}.board-column.drag-over{background:var(--accent-soft);outline:2px dashed #b8a4ea;outline-offset:5px}.column-heading{display:flex;align-items:center;gap:8px;padding:0 3px 12px;color:var(--text)}.status-dot{width:7px;height:7px;border-radius:50%;flex:none}.status-dot.todo{background:#8b91a1}.status-dot.doing{background:#b4a0e0}.status-dot.done{background:#6aac90}.column-heading h3{font-size:11px;font-weight:650}.column-count{background:#e9ebf1;color:#8b92a4;padding:0 5px;border-radius:4px;font-size:9px;margin-left:2px;min-width:18px;text-align:center}.column-heading .icon-button{margin-left:auto;width:23px;height:23px}.column-heading .icon-button svg{width:15px;height:15px}.task-stack{display:flex;flex-direction:column;gap:13px;min-height:80px}.task-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:11px;padding:15px 15px 13px;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s,transform .15s;cursor:grab;overflow-wrap:anywhere}.task-card:hover{box-shadow:var(--card-hover);border-color:#d5cce8;transform:translateY(-1px)}.task-card.dragging{opacity:.38;transform:rotate(-1deg)}.task-card.drop-before{box-shadow:0 -4px 0 var(--accent)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:6px;min-width:0}.project-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:5px;font-size:8.5px;font-weight:550;max-width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-badge .badge-dot{width:4px;height:4px;border-radius:50%;background:currentColor;flex:none}.project-badge[data-color=violet]{background:#f0eafa;color:#8968bf}.project-badge[data-color=blue]{background:#eaf1fb;color:#628ac2}.project-badge[data-color=green]{background:#e9f3eb;color:#5d9471}.project-badge[data-color=orange]{background:#fcf0e5;color:#b0804d}.project-badge[data-color=pink]{background:#f9eaf1;color:#b26e8f}.project-badge[data-color=teal]{background:#e6f3f3;color:#468e91}.project-badge[data-color=none]{background:#f1f2f5;color:#9299a8}.card-menu-button{width:22px;height:22px;margin-right:-4px;color:#a3a9b6}.card-menu-button svg{width:17px;height:17px}.task-title-button{display:block;text-align:left;background:none;padding:0;color:var(--text);font-size:12.5px;font-weight:610;line-height:1.5;width:100%;overflow-wrap:anywhere}.task-title-button:hover{color:var(--accent)}.task-card.done .task-title-button{color:#858d9d;text-decoration:line-through;text-decoration-color:#b9bfca;text-decoration-thickness:1px}.task-description{font-size:10px;color:var(--muted);line-height:1.75;margin-top:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:0;overflow-wrap:anywhere}.card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px}.tag{font-size:8.5px;color:#8a90a1;background:var(--panel-soft);border:1px solid var(--border);border-radius:4px;padding:1px 5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist-progress{margin-top:13px;display:flex;align-items:center;gap:9px}.checklist-progress-track{height:3px;border-radius:3px;flex:1;background:var(--border);overflow:hidden}.checklist-progress-track span{height:100%;display:block;background:#ac9bd8;border-radius:3px}.checklist-progress .checklist-mini{display:flex;gap:4px;align-items:center;color:var(--muted);font-size:9px}.checklist-mini svg{width:12px;height:12px}.card-bottom{display:flex;align-items:center;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid var(--border);font-size:9px;flex-wrap:wrap}.priority{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:9px}.priority svg{width:11px;height:11px;stroke-width:2.5}.priority.alta{color:#c67873}.priority.media{color:#b39860}.priority.baja{color:#709b8b}.due-date{margin-left:auto;display:flex;align-items:center;gap:4px;color:#9299a8;white-space:nowrap;font-size:9px}.due-date svg{width:12px;height:12px}.due-date.overdue{color:var(--danger)}.due-date.today{color:#b89559}.quick-complete{width:21px;height:21px;color:#c3c8d2;border-radius:50%;margin-left:2px;padding:0;display:flex;align-items:center;justify-content:center;background:none}.quick-complete svg{width:17px;height:17px}.quick-complete:hover{color:var(--success);background:#eaf4ef}.quick-complete.is-done{color:#76a68e}.column-add{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;width:100%;border:1px dashed #dfe2ea;border-radius:9px;padding:10px;background:transparent;color:#969cad;margin-top:13px}.column-add:hover{border-color:#b7a3e2;background:var(--accent-soft);color:var(--accent)}.column-add svg{width:13px;height:13px}.column-empty{padding:27px 12px;text-align:center;border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-size:11px;line-height:1.8;background:#ffffff30}.column-empty span{display:block;font-size:10px;opacity:.75}.empty-state{text-align:center;border:1px dashed #d9dbe6;border-radius:14px;padding:55px 24px;background:var(--panel-soft)}.empty-art{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:var(--accent-soft);color:#a795da;border-radius:22px}.empty-art svg{width:32px;height:32px;stroke-width:1.4}.empty-state h3{font-size:18px;margin-bottom:8px;letter-spacing:-.3px}.empty-state p{font-size:12px;color:var(--muted);margin:0 auto 20px;max-width:360px}.empty-state .button{margin:3px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:26px 0 22px;color:#a0a6b3;font-size:9px}.page-footer>span{display:flex;gap:5px;align-items:center}.page-footer .icon{width:11px;height:11px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--muted);font-size:11px;padding:5px 0}.text-button:hover{color:var(--accent)}.text-button svg{width:14px;height:14px}.page-footer .text-button{font-size:9px;color:var(--muted)}.danger{color:var(--danger)!important}.task-menu{position:fixed;z-index:90;background:var(--panel);box-shadow:0 12px 45px #18212a26;border:1px solid var(--border);border-radius:11px;padding:6px;min-width:190px}.task-menu button{display:flex;align-items:center;gap:9px;padding:9px 10px;font-size:11px;background:none;width:100%;text-align:left;border-radius:6px;color:var(--text)}.task-menu button:hover,.task-menu button:focus{background:var(--accent-soft);outline:none}.task-menu svg{height:15px;width:15px;color:var(--muted)}.menu-divider{border-top:1px solid var(--border);margin:4px 5px}.menu-label{font-size:9px;letter-spacing:.7px;color:var(--muted);padding:7px 10px 3px}.task-menu .current-state{color:var(--accent);font-weight:600}.task-menu .current-check{margin-left:auto}.task-list-view{border:1px solid var(--border);border-radius:12px;background:var(--panel);overflow:hidden}.list-header,.list-row{display:grid;grid-template-columns:28px minmax(140px,1.6fr) minmax(75px,1fr) 76px 95px 110px 27px;gap:12px;align-items:center;padding:15px 17px}.list-header{background:var(--panel-soft);font-size:9px;color:var(--muted);font-weight:550;border-bottom:1px solid var(--border);padding-top:12px;padding-bottom:12px}.list-row{border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.list-row:hover{background:var(--panel-soft)}.list-title .task-title-button{font-size:11.5px}.list-title .list-task-note{font-size:9px;color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.list-row.done .task-title-button{color:var(--muted);text-decoration:line-through}.list-row .project-badge{max-width:100%;width:fit-content}.list-row .due-date{margin-left:0;font-size:9px}.list-state-select{font-size:9px;padding:5px 19px 5px 7px!important;min-height:29px!important;background:var(--panel-soft)!important}.calendar-panel{border:1px solid var(--border);border-radius:12px;background:var(--panel);overflow:hidden}.calendar-header{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.calendar-header h3{font-size:14px;text-transform:capitalize;font-weight:600}.calendar-controls{display:flex;align-items:center;gap:6px}.calendar-controls .button{min-height:29px;padding:5px 10px;font-size:10px}.calendar-controls .icon-button{height:29px;width:29px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekday{padding:9px 4px;text-align:center;background:var(--panel-soft);font-size:9px;color:var(--muted);font-weight:550;border-bottom:1px solid var(--border)}.calendar-day{min-height:110px;padding:6px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-width:0;background:var(--panel)}.calendar-day:nth-child(7n){border-right:0}.calendar-day:nth-last-child(-n+7){border-bottom:0}.calendar-day.outside{background:var(--panel-soft)}.calendar-day.outside .day-number{color:#bbc0ca}.day-number{font-size:10px;width:24px;height:24px;border-radius:50%;background:none;color:var(--muted);display:flex;align-items:center;justify-content:center;margin-bottom:3px}.day-number:hover{background:var(--accent-soft);color:var(--accent)}.calendar-day.today .day-number{background:var(--accent);color:white}.calendar-task{display:block;width:100%;text-align:left;padding:3px 5px;margin-bottom:3px;font-size:9px;background:var(--accent-soft);border-left:2px solid #ad97dc;color:#7c61af;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-task.done{color:#679982;background:#edf4ef;border-left-color:#8abb9a;text-decoration:line-through}.calendar-task.overdue{background:#faf0f0;color:#b07178;border-left-color:#d394a0}.calendar-more{background:none;font-size:9px;color:var(--muted);padding:1px 4px}.calendar-more:hover{color:var(--accent)}.calendar-empty-hint{font-size:10px;color:var(--muted);padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:10px;align-items:center}.calendar-empty-hint .text-button{font-size:10px}.modal{background:var(--panel);color:var(--text);border:1px solid var(--border);padding:0;border-radius:18px;box-shadow:0 24px 100px #10152840;width:620px;max-width:calc(100% - 28px);max-height:92vh;max-height:92svh;overflow:auto;overscroll-behavior:contain}.modal::backdrop{background:#14192770;backdrop-filter:blur(5px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px 20px;border-bottom:1px solid var(--border);gap:10px}.modal-header .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:6px}.modal-header h2{font-size:22px;font-weight:650;letter-spacing:-.65px}.modal-header .icon-button{align-self:flex-start}.modal-body{padding:22px 25px 25px}.modal-footer{padding:16px 25px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--panel-soft)}.footer-spacer{flex:1}.field-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:550;color:var(--text);margin-bottom:7px}.field-optional{color:var(--muted);font-weight:400;font-size:9px}.required{color:var(--accent)}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--border);border-radius:7px;background:var(--field);padding:9px 11px;font-size:12px;color:var(--text);min-height:38px}select{cursor:pointer}textarea{resize:vertical;line-height:1.7;width:100%;min-height:88px}input::placeholder,textarea::placeholder{color:#a3a9b7}.modal input:not([type=checkbox]):not([type=radio]){width:100%}.title-input{font-size:15px!important;font-weight:550;min-height:45px!important;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:19px 0}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:550}.form-grid select{width:100%;font-weight:400}.checklist-heading{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.checklist-heading>span{font-size:10px;color:var(--muted)}.checklist-heading .field-label{margin-bottom:8px}.checklist-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}.checklist-row .checklist-text{font-size:11px!important;padding:7px 9px!important;min-height:32px!important;flex:1;min-width:0}.checklist-row.done .checklist-text{text-decoration:line-through;color:var(--muted)}.checklist-row .icon-button{width:28px;height:28px}.checklist-row .icon{width:14px;height:14px}.checklist-add{display:flex;align-items:center;gap:8px}.checklist-add input{background:var(--panel-soft)!important;font-size:11px!important;flex:1;min-width:0}.checklist-add .button{width:38px;min-height:38px;padding:0}.project-modal{width:455px}.color-fieldset{border:0;padding:0;margin:20px 0 0}.color-fieldset legend{font-size:11px;font-weight:550;margin-bottom:12px}.project-colors{display:flex;gap:12px}.color-option{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.color-option input{position:absolute;opacity:0;width:26px;height:26px}.color-swatch{height:28px;width:28px;display:block;border-radius:50%;border:3px solid var(--panel);outline:2px solid transparent;transition:outline-color .1s}.color-option input:checked+.color-swatch{outline-color:var(--accent)}.color-option input:focus-visible+.color-swatch{outline:3px solid var(--text)}.confirm-modal{width:440px}.confirm-modal .modal-header{border:0;padding-bottom:0}.confirm-icon{background:#faeee6;color:#b5815c;border-radius:12px;width:42px;height:42px}.confirm-modal h2{font-size:21px;margin-bottom:11px}.confirm-modal p{font-size:12px;line-height:1.8;color:var(--muted)}.confirm-modal .modal-body{padding-top:16px}.confirm-modal .modal-footer{justify-content:flex-end}.help-modal{width:565px}.help-modal .modal-body>p{font-size:12px;line-height:1.9;color:var(--muted)}.help-block{display:flex;gap:12px;margin-top:20px}.help-block>span{height:30px;width:30px;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.help-block svg{height:17px;width:17px}.help-block strong{font-size:12px;font-weight:600}.help-block p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:3px}.help-modal .help-note{font-size:10px!important;padding:12px;background:var(--panel-soft);border:1px solid var(--border);border-radius:8px;margin:18px 0}.help-modal h3{font-size:13px;margin-top:20px;margin-bottom:12px}.shortcut-list{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:11px;color:var(--muted)}.shortcut-list kbd{justify-self:end}.help-modal .modal-footer{justify-content:flex-end}.toast-container{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:120;max-width:calc(100% - 32px)}.toast{display:flex;align-items:center;gap:10px;background:#252b3b;color:#f4f2fc;border:1px solid #ffffff12;border-radius:11px;box-shadow:0 6px 25px #161b3430;padding:13px 16px;font-size:12px;animation:toast-in .2s ease}.toast>svg{width:16px;height:16px;color:#a8d2b8;flex:none}.toast button{color:#d7c8fb;background:none;font-size:11px;font-weight:650;padding:3px 6px;white-space:nowrap}.toast .toast-close{color:#9aa2b7;width:22px;min-width:22px;padding:2px;margin-left:6px}.toast-close svg{width:14px;height:14px}.toast-message{max-width:500px}.storage-warning{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:12px 14px;border:1px solid #f0d3aa;background:#fff3e0;color:#976c37;border-radius:10px;font-size:11px;margin-bottom:18px}.storage-warning .text-button{color:#865822;text-decoration:underline}.form-error{font-size:11px;color:var(--danger);margin-top:12px}.noscript{position:fixed;inset:0;background:var(--bg);z-index:200;display:flex;align-items:center;justify-content:center;font-size:20px;padding:30px}
@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
[data-theme=dark]{--bg:#171b27;--panel:#202535;--panel-soft:#252b3d;--text:#e4e7f0;--muted:#919ab1;--border:#33394d;--accent:#9b82e8;--accent-hover:#876bd8;--accent-soft:#322c48;--shadow:none;--sidebar:#111521;--sidebar-text:#929db5;--success:#83b89f;--danger:#dc909c;--field:#1c2231;--focus-bg:#233831;--focus-text:#a0c7b2;--card-hover:0 7px 22px #0e112733;color-scheme:dark}[data-theme=dark] .topbar .global-search{background:#171c2a}[data-theme=dark] .view-tabs{background:#131925;border-color:var(--border)}[data-theme=dark] .focus-strip{border-color:#354b42}[data-theme=dark] .focus-symbol{background:#2f4e40;color:#a0c0ad}[data-theme=dark] .focus-strip p>span{color:#94b29f}[data-theme=dark] .column-count{background:#2b3144;color:#a6afc5}[data-theme=dark] .mini-progress{background:#2c3c34}[data-theme=dark] .violet{background:#3a2e53;color:#b79bea}[data-theme=dark] .amber{background:#443c2c;color:#d8bf81}[data-theme=dark] .blue{background:#2c3b50;color:#9fbfe1}[data-theme=dark] .green{background:#2c453b;color:#99c7ac}[data-theme=dark] .project-badge[data-color=violet]{background:#392e4e;color:#c0a9e6}[data-theme=dark] .project-badge[data-color=blue]{background:#2b3a52;color:#a0bce4}[data-theme=dark] .project-badge[data-color=green]{background:#2c4136;color:#a0c3a9}[data-theme=dark] .project-badge[data-color=orange]{background:#44372c;color:#d4b08c}[data-theme=dark] .project-badge[data-color=pink]{background:#452e3c;color:#d0a1bb}[data-theme=dark] .project-badge[data-color=teal]{background:#294344;color:#99c5c5}[data-theme=dark] .project-badge[data-color=none]{background:#303747;color:#adb5c7}[data-theme=dark] .priority.alta{color:#dda5a0}[data-theme=dark] .priority.media{color:#d1bb86}[data-theme=dark] .priority.baja{color:#9bc3b3}[data-theme=dark] .due-date{color:#a5adc1}[data-theme=dark] .due-date.today{color:#d6bc86}[data-theme=dark] .due-date.overdue{color:var(--danger)}[data-theme=dark] .column-add{border-color:var(--border)}[data-theme=dark] .column-empty{background:#252b3d44}[data-theme=dark] .calendar-task.done{background:#2c4538;color:#a0bfae}[data-theme=dark] .calendar-task.overdue{background:#432c36;color:#d4a0af}[data-theme=dark] .calendar-task{color:#bba5e2}[data-theme=dark] .active-date-filter{border-color:#52416d}[data-theme=dark] .confirm-icon{background:#41332d;color:#c9a586}[data-theme=dark] .storage-warning{background:#483a25;border-color:#7b613c;color:#ead1a9}[data-theme=dark] .storage-warning .text-button{color:#ead1a9}
@media(min-width:1550px){.main-content{padding:38px 52px 0}.topbar{padding:0 52px}.board{gap:24px}.task-card{padding:20px 20px 16px}.task-title-button{font-size:14px}.task-description{font-size:11px}.card-bottom{margin-top:17px}.project-badge{font-size:9px}.metrics{gap:21px}.metric{padding:20px 23px}.metric-value{font-size:33px}.metric-top{font-size:11px}.metric-bottom{font-size:10px}.page-heading{margin-bottom:31px}.focus-strip{margin-bottom:36px}.task-stack{gap:16px}.column-heading h3{font-size:12px}}
@media(max-width:1200px){:root{--sidebar-width:224px}.sidebar{padding-left:15px;padding-right:15px}.topbar{padding:0 25px}.main-content{padding:28px 25px 0}.global-search{width:215px}.topbar-actions{gap:11px}.metrics{gap:10px}.metric{padding:14px}.metric-bottom{font-size:8.5px}.board{gap:14px;min-width:740px;grid-template-columns:repeat(3,minmax(235px,1fr))}.task-card{padding:14px 13px 12px}.focus-strip p>span{display:block;font-size:10px}.focus-strip p{font-size:11px}.list-header,.list-row{grid-template-columns:24px minmax(135px,1fr) 88px 64px 82px 99px 22px;gap:8px;padding-left:12px;padding-right:12px}}
@media(max-width:1020px){:root{--sidebar-width:245px}.app-shell{display:block}.main-shell{width:100%}.sidebar{transform:translateX(-100%);transition:transform .22s ease;z-index:80;padding-top:25px}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-shade{position:fixed;inset:0;background:#131a2e60;backdrop-filter:blur(3px);z-index:70}.mobile-menu{display:flex}.topbar{gap:14px;height:68px}.breadcrumbs{margin-right:auto}.breadcrumbs>span:nth-child(2),.breadcrumbs>span:nth-child(3){display:none}.topbar-actions{gap:9px}.main-content{padding-top:28px}.project-row .project-edit{opacity:1}.metrics{gap:14px}.metric{padding:16px}.board{min-width:740px}.task-title-button{font-size:13px}}
@media(max-width:720px){body{font-size:13px}.topbar{padding:0 15px;gap:8px;height:63px}.breadcrumbs{display:none}.topbar-actions{flex:1;min-width:0;gap:7px}.global-search{width:auto;flex:1;min-width:0;padding:5px 9px}.global-search input{font-size:12px;min-height:28px!important}.global-search kbd{display:none}.personal-avatar{display:none}.main-content{padding:22px 17px 0}.page-heading{align-items:center;margin-bottom:22px;gap:12px}.page-heading .eyebrow{font-size:8px;letter-spacing:.8px}h1{font-size:30px;margin-top:8px;margin-bottom:7px;letter-spacing:-1px}.page-heading p{font-size:11px;line-height:1.7;max-width:220px}.new-task-button{font-size:10px;padding:10px;gap:5px;margin-top:18px;min-height:38px}.new-task-button kbd{display:none}.new-task-button svg{width:14px;height:14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.metric{padding:13px 14px 12px;border-radius:11px}.metric-top{font-size:10px}.metric-value{font-size:27px;margin-top:4px;margin-bottom:10px}.metric-icon{width:25px;height:25px}.metric-icon svg{width:14px;height:14px}.metric-bottom{font-size:8px;line-height:1.5;height:18px}.metric-percentage{font-size:10px}.mini-progress{margin-top:22px;margin-bottom:6px}.focus-strip{gap:10px;padding:13px;margin-bottom:24px}.focus-strip p{font-size:10px;line-height:1.7}.focus-strip p>span{font-size:9px}.focus-action{font-size:0;gap:0;padding:5px}.focus-action svg{width:17px;height:17px}.focus-symbol{width:25px;height:25px;border-radius:7px}.tasks-section-heading{align-items:start;gap:6px;margin-bottom:15px}.tasks-section-heading>div:first-child{gap:7px;align-items:baseline}h2{font-size:16px}.results-count{font-size:9px}.demo-notice{flex-direction:column;align-items:end;gap:1px;font-size:8px}.demo-notice button{font-size:8px;padding:2px}.toolbar{gap:7px;margin-bottom:12px;align-items:center}.view-tab{font-size:9px;padding:7px 8px;gap:5px;min-height:31px}.view-tab svg{width:12px;height:12px}.view-tabs{padding:3px;gap:1px}.sort-label{display:none}.toolbar-right{gap:4px}.filter-toggle{font-size:9px;padding:7px 8px;gap:4px;min-height:37px}.filter-toggle svg{height:13px;width:13px}.filter-number{font-size:8px;min-width:13px}.filter-tray{padding:12px;gap:10px;margin-top:0}.filter-tray label{min-width:120px}.filter-tray select{font-size:11px}.reset-filters{font-size:10px}.mobile-board-hint{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px;margin:0 0 15px}.mobile-board-hint svg{width:12px;height:12px}.board-scroll{margin-right:-17px;padding-right:17px;padding-bottom:15px;scroll-snap-type:x proximity}.board{display:flex;gap:15px;min-width:0;width:max-content;max-width:none}.board-column{width:calc(100vw - 67px);max-width:355px;scroll-snap-align:start;padding-bottom:0}.column-heading{padding-bottom:10px}.column-heading h3{font-size:11px}.task-card{padding:16px}.task-title-button{font-size:13px}.task-description{font-size:11px}.project-badge{font-size:9px}.tag{font-size:9px}.card-bottom{font-size:10px}.priority,.due-date{font-size:10px}.task-stack{gap:12px}.column-add{font-size:11px}.page-footer{align-items:start;padding-top:21px;font-size:8px;gap:15px}.page-footer>span{align-items:start;max-width:210px}.page-footer .text-button{font-size:0;gap:0}.page-footer kbd{font-size:10px;padding:1px 6px}.list-header{display:none}.list-row{grid-template-columns:24px minmax(0,1fr) 25px;gap:5px 9px;padding:15px}.list-row>input{grid-column:1;grid-row:1;align-self:center}.list-title{grid-column:2;grid-row:1;min-width:0}.list-title .task-title-button{font-size:12px}.list-row>.project-badge{grid-column:2;grid-row:2;font-size:8px;justify-self:start;max-width:70%;margin-top:5px}.list-row>.priority{grid-column:2;grid-row:3;justify-self:start;margin-top:5px}.list-row>.due-date{grid-column:2;grid-row:3;justify-self:end;margin-top:5px;font-size:9px}.list-state-select{grid-column:2;grid-row:4;margin-top:6px;justify-self:start;min-width:125px}.list-row>.card-menu-button{grid-column:3;grid-row:1;align-self:start}.calendar-header{padding:12px 10px}.calendar-header h3{font-size:12px}.calendar-controls{gap:1px}.calendar-controls .button{font-size:9px}.calendar-day{min-height:91px;padding:3px}.day-number{font-size:9px;width:22px;height:22px}.calendar-task{font-size:8px;padding:3px;line-height:1.5}.calendar-weekday{font-size:8px}.calendar-more{font-size:8px;padding:0}.calendar-empty-hint{font-size:9px;align-items:start;padding:10px;line-height:1.7}.calendar-empty-hint>span{max-width:65%}.calendar-empty-hint .text-button{font-size:9px;white-space:nowrap}.modal{max-width:calc(100% - 20px);border-radius:14px;max-height:94vh;max-height:94svh}.modal-header{padding:19px 19px 17px}.modal-header .eyebrow{font-size:7px;letter-spacing:1px}.modal-header h2{font-size:20px}.modal-body{padding:18px 19px}.modal-footer{padding:14px 16px;gap:8px}.modal-footer .button{font-size:10px;padding:9px 11px}.modal-footer .text-button{font-size:10px}.modal-footer .text-button svg{width:12px;height:12px}.form-grid{gap:12px}.form-grid label{font-size:10px}.modal input:not([type=checkbox]):not([type=radio]),.modal textarea,.modal select{font-size:16px!important;min-height:42px}.modal .field-label{font-size:11px}.modal .field-optional{font-size:8px}.modal .checklist-row .checklist-text{font-size:16px!important}.help-modal .modal-header h2{font-size:19px}.toast-container{bottom:15px;width:max-content;max-width:calc(100% - 24px)}.toast{font-size:11px;padding:12px;gap:7px}.toast-message{max-width:240px}.toast button{font-size:10px}.empty-state{padding:40px 20px}.empty-state h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Account and connection UI. Existing board, list, calendar and themes are retained. */
[hidden]{display:none!important}
.auth-screen{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;background:radial-gradient(ellipse at 15% 0%,#e8def7 0%,transparent 45%),radial-gradient(ellipse at 90% 100%,#dfeae8 0%,transparent 40%),#f5f6f8;color:#222738}
.auth-card{width:100%;max-width:445px;background:#fff;border:1px solid #e5e4ec;border-radius:24px;padding:38px 40px;box-shadow:0 18px 80px #39334c0a}
.auth-brand{font-size:35px;font-weight:800;letter-spacing:-2px;margin-bottom:32px}.auth-brand span{color:#7454e8}
.auth-card .eyebrow{color:#7b7294;font-size:10px;letter-spacing:1.7px}.auth-card h1{font-size:32px;letter-spacing:-1.2px;margin:12px 0}.auth-intro{color:#7b8090;line-height:1.7;margin-bottom:28px;font-size:14px}
.auth-card form{display:flex;flex-direction:column}.auth-card label{font-size:12px;font-weight:600;margin-bottom:8px}.auth-card input{width:100%;min-height:46px;border:1px solid #dcdfe7;border-radius:9px;background:#fbfcfd;padding:10px 13px;margin-bottom:19px;color:#252937;font:inherit;font-size:15px;outline:none}.auth-card input:focus{border-color:#7454e8;box-shadow:0 0 0 3px #7454e815}
.auth-card .button{justify-content:center;min-height:46px;margin-top:4px;font-size:13px}.auth-card .button:disabled{opacity:.6;cursor:wait}.auth-error{color:#a52b43;font-size:12px;line-height:1.6;background:#fff1f3;border-radius:8px;padding:12px;margin:0 0 16px}.auth-note{font-size:11px;line-height:1.8;text-align:center;color:#888998;margin:24px 0 0}.auth-footer{margin-top:25px;color:#8d8d9a;font-size:11px}
.account-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 2px 4px;font-size:11px}.account-row>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c7c5d6}.account-row .text-button{color:#d0ccdf;font-size:11px}.storage-warning{flex-wrap:wrap}.storage-warning>span:nth-child(2){flex:1;min-width:190px}.storage-warning .text-button{white-space:nowrap}
@media(max-width:520px){.auth-screen{padding:24px 16px}.auth-card{padding:30px 25px;border-radius:20px}.auth-card input{font-size:16px}.auth-card h1{font-size:29px}}