@charset "UTF-8";
:root{color-scheme:dark;--bg:#090c13;--panel:rgba(31,37,53,.56);--panel-strong:rgba(29,35,49,.88);--border:rgba(222,232,255,.10);--border-light:rgba(233,241,255,.17);--text:#f1f4fc;--muted:#9ca8bd;--subtle:#6f7d96;--accent:#a69bff;--cyan:#86d7ed;--green:#80d4b0;--amber:#e9c288;--red:#f29baf;--radius:22px;--shadow:0 16px 50px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-synthesis:none}
svg:where(:not(#canvas)){width:18px;height:18px}
.profile-dialog{width:min(440px,calc(100vw - 32px))}.profile-dialog h2{font-size:20px;font-weight:520;letter-spacing:-.5px;line-height:1.4;margin:5px 0 0}.profile-preview{display:flex;align-items:center;gap:14px;padding:4px 0 25px;margin-bottom:22px;border-bottom:1px solid #d6e1ff0c;min-width:0}.profile-preview>.avatar{width:48px;height:48px;font-size:17px;border-color:#d9cdff3b;box-shadow:inset 0 1px 0 #f5f0ff30,0 6px 20px #0002}.profile-preview>div{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-preview strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:520;letter-spacing:-.3px;color:#e0e6f5}.profile-preview small{font-size:11px;color:#7c8ba6}.profile-dialog .field-hint{font-size:11px;line-height:1.7;color:#7889a5;margin:0}.profile-dialog .field{margin-bottom:11px}.profile-dialog .form-error{margin-top:16px!important;margin-bottom:0!important}.mobile-profile-button{display:none!important}@media(max-width:720px){.mobile-profile-button{display:inline-flex!important}.profile-dialog{width:calc(100vw - 24px);max-width:440px}.profile-dialog .dialog-body{padding-top:22px}.profile-preview{padding-bottom:22px;margin-bottom:20px}.profile-preview strong{font-size:16px}}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;letter-spacing:-.015em;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}a{color:inherit;text-decoration:none}svg{display:block;flex-shrink:0}button svg{width:19px;height:19px}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #b3acff;outline-offset:4px}::selection{color:white;background:#7567af}input::placeholder,textarea::placeholder{color:#737f96}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(166,181,209,.2);border-radius:9px}
#ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 65% -8%,rgba(75,69,128,.15),transparent 51%),linear-gradient(130deg,#11141e 0,#0b0e15 44%,#090d13 100%)}
#ambient i{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.2;transform:translateZ(0)}#ambient i:nth-child(1){background:#615fca;top:-370px;left:30%;width:850px}#ambient i:nth-child(2){background:#376f87;bottom:-480px;right:10%;width:850px;height:800px}#ambient i:nth-child(3){background:#775584;bottom:-290px;left:-300px;opacity:.12}
.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:35px 18px 24px;display:flex;flex-direction:column;border-right:1px solid rgba(221,229,255,.07);background:linear-gradient(140deg,rgba(27,30,43,.63),rgba(18,23,33,.47));backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px)}
.brand{display:flex;align-items:center;gap:12px;padding:0 14px;color:#f7f8ff}.brand>svg{width:34px;height:34px;color:#ddd8ff}.brand>span{font-size:24px;font-weight:620;letter-spacing:-1px}.brand small{font-size:10px;letter-spacing:1.6px;color:#949cb7;font-weight:500;margin-left:1px}.workspace-pill{margin:35px 2px 30px;padding:12px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(230,236,255,.1);border-radius:14px;background:linear-gradient(115deg,rgba(227,227,255,.06),rgba(255,255,255,.015));color:#cad2e5;font-size:12px}.workspace-pill svg{width:16px;height:16px;color:#aea7de}.workspace-pill strong{font-weight:550}.workspace-pill small{color:#8590a6;font-size:10px}.side-label{text-transform:uppercase;font-size:9px;letter-spacing:1.8px;font-weight:650;color:#747f97;margin:0 15px 10px}.nav-item{position:relative;background:transparent;border:1px solid transparent;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:13px;text-align:left;color:#969fb4;margin:4px 0;font-size:13px;transition:background .2s,border-color .2s,color .2s}.nav-item>svg{width:18px;height:18px;opacity:.8}.nav-item:hover{background:rgba(213,218,255,.045);color:#e2e8f6}.nav-item.active{color:#e6e2ff;border-color:rgba(203,192,255,.14);background:linear-gradient(110deg,rgba(159,143,242,.16),rgba(159,143,242,.055));box-shadow:inset 0 1px 0 rgba(246,242,255,.07),0 4px 20px rgba(7,5,26,.08)}.nav-item.active:before{content:"";width:3px;height:15px;position:absolute;left:-19px;border-radius:0 3px 3px 0;background:#b4aaff;box-shadow:0 0 12px #a997e388}.nav-item.active>svg{opacity:1;color:#b5aaff}.nav-item small{margin-left:auto;font-size:10px;color:var(--subtle)}.sidebar-bottom{margin-top:auto;padding:18px 3px 0;border-top:1px solid rgba(226,232,255,.07)}.user-button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;background:transparent;text-align:left;border-radius:13px}.user-button:hover{background:rgba(255,255,255,.035)}.avatar{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:linear-gradient(150deg,#897baf,#4a496d);border:1px solid rgba(244,235,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);font-size:10px;font-weight:650;letter-spacing:.02em;color:#f6eeff}.avatar:nth-child(2n){background:linear-gradient(150deg,#507f8a,#324b63);color:#daf7ff}.user-copy{display:flex;flex-direction:column;line-height:1.4;min-width:0}.user-copy strong{font-size:12px;font-weight:550}.user-copy small{font-size:10px;color:#7e899f;margin-top:4px}.user-button>svg{margin-left:auto;width:15px;color:#8994aa}.main{min-width:0;padding:0 45px 38px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(219,229,255,.055);gap:20px}.breadcrumbs{display:flex;align-items:center;gap:12px;color:#728099;font-size:11px;letter-spacing:.01em}.breadcrumbs strong,.breadcrumbs .current{color:#c1cadd;font-weight:500}.breadcrumbs svg{width:14px;height:14px}.top-actions{display:flex;align-items:center;gap:19px}.presence-stack{display:flex;padding-left:7px}.presence-stack .avatar{margin-left:-7px;border:2px solid #171b28;width:29px;height:29px;font-size:9px}.connection{display:inline-flex;align-items:center;gap:6px;color:#8b9caa;font-size:10px;white-space:nowrap}.connection:before{content:"";width:5px;height:5px;background:#80c6a7;border-radius:50%;box-shadow:0 0 8px #72b79538}.connection.offline:before{background:#e4b47e}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:rgba(232,237,255,.035);border:1px solid rgba(231,238,255,.08);border-radius:10px;color:#b1bbcf;transition:background .2s,transform .2s}.icon-button:hover{background:rgba(235,241,255,.09);color:#fff}.icon-button:active{transform:scale(.94)}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:38px 0 27px;gap:20px}.eyebrow{text-transform:uppercase;letter-spacing:2.1px;font-size:9px;color:#8f9ab5;font-weight:650;margin-bottom:9px}h1{font-weight:570;font-size:30px;letter-spacing:-1.15px;line-height:1.3;margin:0 0 8px;color:#f3f4fc}.subtitle{color:#8290a7;font-size:12px;margin:0;font-weight:400}.heading-actions{display:flex;gap:10px;align-items:center;padding-bottom:4px}.view-switch{display:inline-flex;gap:3px;padding:4px;border:1px solid rgba(221,226,252,.08);background:rgba(9,12,20,.3);border-radius:13px;box-shadow:inset 0 1px 5px rgba(0,0,0,.08)}.view-switch button{display:flex;gap:7px;align-items:center;justify-content:center;border-radius:9px;padding:9px 15px;background:transparent;color:#7f8aa2;font-size:11px;white-space:nowrap;transition:all .2s}.view-switch button svg{width:15px;height:15px}.view-switch button.active{color:#e8e6ff;background:linear-gradient(150deg,rgba(216,209,255,.15),rgba(189,186,255,.07));box-shadow:0 2px 6px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.13)}.view-switch button:hover:not(.active){color:#cbd1e4}.overview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 30px}.stat{position:relative;display:flex;align-items:center;gap:14px;min-height:88px;padding:19px 22px;border:1px solid rgba(222,232,255,.08);border-top-color:rgba(234,242,255,.15);border-radius:17px;background:linear-gradient(130deg,rgba(180,188,226,.06),rgba(87,100,137,.035));backdrop-filter:blur(25px);box-shadow:0 5px 22px rgba(0,0,0,.04);overflow:hidden}.stat:before{content:"";height:1px;position:absolute;left:20px;right:30px;top:0;background:linear-gradient(90deg,transparent,rgba(224,221,255,.12),transparent)}.stat>svg,.stat-icon{width:33px;height:33px;padding:8px;border-radius:11px;background:#b8afff0c;color:#aaa2db}.stat strong,.stat .value{display:block;font-size:26px;font-weight:500;line-height:1.25;letter-spacing:-.7px}.stat span{font-size:10px;color:#8491aa}.stat>div{display:flex;flex-direction:column}.stat .stat-trend{margin-left:auto;font-size:10px}.progress-ring{width:37px;height:37px;transform:rotate(-90deg);color:#9a8bd7;padding:0!important;background:transparent!important}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:24px}.search-field{display:flex;align-items:center;gap:8px;min-width:0;max-width:280px;flex:1;color:#6d7c95;background:rgba(14,18,28,.35);border:1px solid rgba(221,231,255,.09);border-radius:11px;padding:9px 12px}.search-field svg{width:15px;height:15px}.search-field input{width:100%;min-width:0;background:transparent;color:#d5ddec;border:0;outline:none;font-size:11px}.search-field:focus-within{border-color:#a69bff60;box-shadow:0 0 0 3px #a69bff09}.search-field input:focus-visible{outline:none}.filter-pill{background:rgba(216,226,255,.035);border:1px solid rgba(224,232,255,.07);border-radius:10px;padding:9px 13px;font-size:10px;display:inline-flex;align-items:center;gap:7px;color:#8e9bb3}.filter-pill svg{width:13px;height:13px}.filter-pill.active{border-color:#b8a8ee3d;background:#ab95ee10;color:#cfc6eb}.toolbar .primary-button{margin-left:auto}.primary-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid rgba(227,215,255,.32);border-radius:11px;color:#f6f3ff;background:linear-gradient(145deg,rgba(167,151,233,.47),rgba(103,89,158,.55));box-shadow:inset 0 1px 0 rgba(248,243,255,.23),0 3px 12px rgba(35,23,73,.25);font-weight:520;font-size:11px;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}.primary-button:hover{background:linear-gradient(145deg,rgba(185,169,250,.57),rgba(116,99,174,.64));box-shadow:inset 0 1px 0 rgba(248,243,255,.25),0 5px 22px rgba(103,76,166,.17);transform:translateY(-1px)}.primary-button svg{width:15px;height:15px}.secondary-button,.ghost-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;background:rgba(230,236,255,.045);border:1px solid rgba(221,231,255,.11);border-radius:11px;font-size:11px;color:#bac4d7}.secondary-button:hover,.ghost-button:hover{background:rgba(230,236,255,.085);color:#fff}.ghost-button{background:transparent;border-color:transparent}.danger-button{color:#ef9eac;background:#dd6c7d09;border-color:#dd6c7d18}.danger-button:hover{background:#dd6c7d18}
.board-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.kanban-column{min-width:0;padding:0 0 14px;border-radius:18px;background:linear-gradient(180deg,rgba(178,190,225,.028),rgba(178,190,225,.008));border:1px solid rgba(220,231,255,.045);min-height:340px;transition:background .2s,border-color .2s}.kanban-column.drag-over{border-color:#b1a6ef70;background:#a095db0a}.kanban-column>header{display:flex;align-items:center;gap:8px;height:55px;padding:0 16px;border-bottom:1px solid rgba(225,233,255,.035);margin-bottom:12px;font-size:11px}.kanban-column>header h2{font:inherit;font-weight:560;margin:0;color:#c3cce0}.status-dot{width:7px;height:7px;background:#7f8da7;border-radius:50%;box-shadow:0 0 0 3px #7f8da710;display:inline-block;flex-shrink:0}.doing .status-dot,[data-status="doing"] .status-dot{background:#a99be8;box-shadow:0 0 0 3px #a99be810}.review .status-dot,[data-status="review"] .status-dot{background:#d5b37f;box-shadow:0 0 0 3px #d5b37f10}.done .status-dot,[data-status="done"] .status-dot{background:#7bb89d;box-shadow:0 0 0 3px #7bb89d10}.count{font-size:9px;font-weight:500;background:#c5d3ff08;border:1px solid #c5d3ff09;border-radius:5px;min-width:19px;text-align:center;color:#6d7b94;line-height:17px;margin-left:2px}.column-add{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:auto;background:transparent;border-radius:7px;color:#6f7d97}.column-add svg{width:14px;height:14px}.column-add:hover{background:#d0d9ff0c;color:#c6cce2}.task-list{padding:0 10px;min-height:245px;display:flex;flex-direction:column;gap:10px}.task-card{position:relative;text-align:left;width:100%;padding:17px 15px 13px;border:1px solid rgba(224,232,255,.10);border-top-color:rgba(231,239,255,.18);border-radius:14px;background:linear-gradient(137deg,rgba(51,58,79,.48),rgba(28,35,52,.42));box-shadow:0 7px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(18px);transition:transform .18s,border-color .18s,box-shadow .18s;cursor:pointer;overflow:hidden}.task-card:before{content:"";position:absolute;left:25%;right:15%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#e8e4ff2c,transparent)}.task-card:hover{transform:translateY(-3px);border-color:rgba(210,204,255,.23);box-shadow:0 12px 25px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.07)}.task-card.dragging{opacity:.35;transform:rotate(-1deg)}.task-label{font-size:8px;letter-spacing:1px;color:#6e7c96;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px}.task-label .tag{font-size:8px;color:#b1a7d7;padding:2px 5px;letter-spacing:0;background:#ac9bdf10;border-radius:4px}.task-title{font-size:12px;font-weight:550;line-height:1.6;color:#e0e5f1;margin:0 0 7px;letter-spacing:-.025em;overflow-wrap:anywhere}.task-description{font-size:10px;color:#7f8ca5;line-height:1.7;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.task-footer{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid rgba(226,234,255,.055);min-height:34px}.assignee{display:flex;align-items:center;gap:7px;font-size:9px;color:#8190a6}.assignee .avatar{width:20px;height:20px;font-size:7px;border-color:#dad2ff22}.card-icon{display:flex;align-items:center;gap:4px;font-size:9px;color:#687791;margin-left:auto}.card-icon svg{width:12px;height:12px}.task-footer>time{font-size:9px;color:#65738b;margin-left:auto}.empty-column{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:185px;text-align:center;color:#526078;font-size:10px;line-height:1.8;border:1px dashed #b3c4f00c;border-radius:12px;padding:15px}.empty-column svg{width:22px;height:22px;color:#546078;opacity:.6}.column-new{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:transparent;color:#5f6d87;font-size:10px;padding:15px 0 5px}.column-new svg{width:12px;height:12px}.column-new:hover{color:#b6b2d3}.view-section{animation:reveal .25s ease}.board-footnote{font-size:10px;color:#536078;text-align:right;margin-top:20px;display:flex;align-items:center;justify-content:flex-end;gap:7px}.board-footnote svg{width:12px;height:12px}
.canvas-wrap{position:relative;height:calc(100vh - 260px);min-height:480px;border:1px solid rgba(223,234,255,.13);border-top-color:rgba(236,242,255,.2);border-radius:23px;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,rgba(86,77,128,.08),transparent 60%),linear-gradient(130deg,rgba(23,29,42,.68),rgba(14,21,32,.71));box-shadow:var(--shadow);isolation:isolate;touch-action:none}.canvas-wrap:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:2;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}#canvas{width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}#canvasWorld{will-change:transform}.board-object{cursor:move}.board-object.selected{filter:drop-shadow(0 0 5px #b3a6ff55)}.board-object .selection-outline{stroke:#b5a7f7;stroke-width:1.5;fill:none;stroke-dasharray:5 4}.sticky-note{height:100%;width:100%;padding:22px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:hidden;font-family:inherit;font-size:17px;line-height:1.6;color:#e9e2ff;background:linear-gradient(135deg,#4b4267e8,#302d43eb);box-shadow:inset 0 1px 0 #eee1ff29,0 9px 20px #0002;border:1px solid #cec0fa22}.sticky-note[data-color="purple"],.sticky-note.purple{background:linear-gradient(135deg,#4b4267e8,#302d43eb);color:#e9e2ff}.sticky-note[data-color="blue"],.sticky-note.blue{background:linear-gradient(135deg,#304e65e8,#253643eb);border-color:#9ed6ef25;color:#d7edf9}.sticky-note[data-color="green"],.sticky-note.green{background:linear-gradient(135deg,#314f49e8,#273b37eb);border-color:#a0dac925;color:#d5ede4}.sticky-note[data-color="yellow"],.sticky-note.yellow{background:linear-gradient(135deg,#60513ae8,#433a2deb);border-color:#ead09d25;color:#f3e7d2}.sticky-note[data-color="pink"],.sticky-note.pink{background:linear-gradient(135deg,#5e3d50e8,#3e2e3beb);border-color:#ebbbd525;color:#f3ddea}.drawing-tools{position:absolute;z-index:5;top:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:6px;border-radius:15px;border:1px solid rgba(224,234,255,.19);border-top-color:rgba(243,247,255,.3);background:linear-gradient(130deg,rgba(61,67,89,.64),rgba(29,35,52,.66));backdrop-filter:blur(25px) saturate(140%);-webkit-backdrop-filter:blur(25px) saturate(140%);box-shadow:0 10px 40px #0003,inset 0 1px 0 #fff1}.drawing-tools button{display:flex;align-items:center;justify-content:center;position:relative;width:38px;height:38px;color:#a4aec4;background:transparent;border-radius:10px;border:1px solid transparent}.drawing-tools button:hover{background:#dce4ff0b;color:#e5e9f5}.drawing-tools button.active{color:#e5ddff;border-color:#d8cfff26;background:linear-gradient(135deg,#b4a4ef26,#8f80c21a);box-shadow:inset 0 1px 0 #fff1}.drawing-tools button svg{width:17px;height:17px}.drawing-tools .tool-divider{width:1px;height:22px;background:#cbd6ff19;margin:0 4px}.canvas-bottom{position:absolute;z-index:5;bottom:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.canvas-bottom>*{pointer-events:auto}.zoom-control{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #d6e2ff18;border-top-color:#e5ebff2e;border-radius:11px;background:#222a3bab;backdrop-filter:blur(20px);box-shadow:0 4px 20px #0002}.zoom-control button{display:flex;align-items:center;justify-content:center;width:29px;height:28px;background:transparent;color:#9eabc1;border-radius:7px}.zoom-control button:hover{background:#dfe8ff0e}.zoom-control button svg{width:14px;height:14px}.zoom-control>span,.zoom-control .zoom-value{font-size:10px;color:#bac6dc;min-width:40px;text-align:center}.canvas-help{font-size:9px;letter-spacing:.015em;color:#687791;padding:8px 13px;border:1px solid #cbd6ff0c;border-radius:9px;background:#11182380;backdrop-filter:blur(10px)}.canvas-help kbd{font:inherit;background:#c8d5ff08;padding:2px 4px;border:1px solid #cbd6ff10;border-radius:3px;color:#9aa6bc;margin:0 2px}.selection-actions{position:absolute;z-index:6;right:18px;top:18px;display:flex;gap:5px;padding:5px;border:1px solid #d2d8f421;border-radius:11px;background:#293143cf;backdrop-filter:blur(20px)}.selection-actions button{border-radius:7px;background:#f0f3ff08;color:#a8b5cc;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.selection-actions button:hover{background:#f0f3ff14}.selection-actions input[type=color]{width:30px;height:30px;min-height:0;padding:4px;background:none;border:0}.whiteboard-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}.board-status{font-size:10px;color:#78869e;display:flex;align-items:center;gap:7px}.board-status:before{content:"";width:5px;height:5px;background:#83baab;border-radius:50%}.color-swatch{width:22px!important;height:22px!important;border-radius:50%!important;border:2px solid #ffffff30!important;box-shadow:inset 0 0 0 2px #1d2331!important}.color-swatch.active{outline:1px solid #dbd6ff;outline-offset:2px}
.activity-panel{position:fixed;z-index:20;right:22px;top:74px;width:330px;max-height:calc(100vh - 100px);overflow:hidden;border:1px solid rgba(226,235,255,.16);border-top-color:rgba(238,245,255,.25);border-radius:20px;background:linear-gradient(145deg,rgba(49,55,76,.92),rgba(23,31,46,.94));backdrop-filter:blur(45px) saturate(130%);box-shadow:0 25px 80px #0008,inset 0 1px 0 #fff1}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #d9e3ff0d}.panel-header h2{font-size:13px;font-weight:550;margin:0}.panel-header>span{font-size:10px;letter-spacing:1px;color:#929db8}.activity-list{max-height:65vh;overflow:auto;padding:9px 20px 20px}.activity-entry{position:relative;display:flex;align-items:flex-start;gap:10px;padding:15px 0;border-bottom:1px solid #d3defb09;font-size:11px;line-height:1.7;color:#afbad0}.activity-entry:last-child{border-bottom:0}.activity-entry .avatar{width:24px;height:24px;font-size:8px}.activity-entry strong{font-weight:550;color:#d1d9e9}.activity-entry p{margin:0;overflow-wrap:anywhere}.activity-time{font-size:9px;color:#66768f;margin-top:4px}.activity-empty{padding:40px 10px;text-align:center;color:#7c8aa2;font-size:12px}
dialog{color:var(--text);border:1px solid rgba(225,233,255,.18);border-top-color:rgba(239,245,255,.28);background:linear-gradient(140deg,rgba(43,48,66,.97),rgba(23,31,45,.98));backdrop-filter:blur(40px);box-shadow:0 30px 100px #0009,inset 0 1px 0 #fff1;border-radius:23px;padding:0;max-height:90vh;width:min(560px,calc(100vw - 32px));overflow:auto}dialog::backdrop{background:#070a1370;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .25s ease}.dialog-shell>header,.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 27px 19px;border-bottom:1px solid #d6e1ff0c}.dialog-title{font-size:16px;font-weight:550;margin:0;letter-spacing:-.4px}.dialog-title small{display:block;font-size:9px;color:#8190ab;letter-spacing:1.2px;margin-bottom:3px;font-weight:500}.dialog-body{padding:25px 27px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.field label{font-size:10px;color:#a2aec5;font-weight:500;letter-spacing:.015em}.field input,.field textarea,.field select,.comment-form textarea,.comment-form input{width:100%;border:1px solid #dce6ff16;border-top-color:#e2eaff1d;border-radius:10px;padding:11px 12px;background:rgba(9,15,26,.25);color:#dce3f2;outline:0;font-size:12px;transition:border-color .2s,background .2s}.field input:focus,.field textarea:focus,.field select:focus,.comment-form textarea:focus,.comment-form input:focus{border-color:#bcaaf361;background:#1017254a;box-shadow:0 0 0 3px #bcaaf308}.field textarea{resize:vertical;min-height:95px;line-height:1.8}.field select{appearance:auto;color:#c3cfe3}.field select option{background:#252d40;color:#d9e3f7}.field-help{font-size:9px;color:#71809b;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dialog-footer{display:flex;align-items:center;gap:10px;padding:18px 27px 23px;border-top:1px solid #d6e1ff0c}.dialog-footer .primary-button{margin-left:auto}.dialog-footer .danger-button{margin-right:auto}.comments{border-top:1px solid #d6e1ff0c;padding-top:20px;margin-top:8px}.comments h3{font-size:11px;font-weight:550;color:#b8c4d9;margin:0 0 15px}.comment{padding:14px 15px;background:#b8c5ea04;border:1px solid #d6e1ff08;border-radius:11px;margin:0 0 10px}.comment-author{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:550;color:#b5c0d8}.comment-author time{font-size:9px;font-weight:400;color:#697995;margin-left:auto}.comment-body{font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#9baac3;margin:8px 0 0}.comment-form{display:flex;align-items:flex-end;gap:8px;margin-top:14px}.comment-form textarea{min-height:42px;resize:vertical;max-height:150px}.comment-form button{min-width:36px;height:42px}.comments-empty{font-size:10px;color:#6d7c96;padding:6px 0 15px}.dialog-error{font-size:11px;color:#e6a6b3;padding:0 27px 15px}.text-editor textarea{min-height:170px;font-size:15px}.dialog-body .title-input{font-size:17px;font-weight:500}
#loginView{display:grid;place-items:center;min-height:100vh;padding:30px;position:relative}.login-card{position:relative;z-index:1;max-width:420px;width:100%;padding:42px 38px 35px;background:linear-gradient(140deg,rgba(58,62,85,.55),rgba(23,30,45,.65));border:1px solid rgba(222,232,255,.14);border-top-color:rgba(239,243,255,.28);border-radius:28px;backdrop-filter:blur(35px) saturate(130%);box-shadow:0 30px 90px #0004,inset 0 1px 0 #ffffff12}.login-card .brand{padding:0;margin-bottom:38px}.login-card .brand svg{width:37px;height:37px}.login-card .brand span{font-size:27px}.login-card h1{font-size:25px;line-height:1.5;font-weight:540;letter-spacing:-.9px;margin-bottom:10px}.login-card p{font-size:12px;color:#8d9bb5;line-height:1.9;margin:0 0 29px}.login-card .field{margin-bottom:17px}.login-card .field input{padding:13px 14px;background:#0c132433;border-radius:12px}.login-card .primary-button{width:100%;margin-top:7px;padding:13px;font-size:12px}.login-card .login-note{font-size:9px;text-align:center;color:#65738d;margin:23px 0 0;display:flex;justify-content:center;gap:6px;align-items:center}.login-note svg{width:12px;height:12px}.login-orb{position:absolute;width:280px;height:280px;background:radial-gradient(circle at 30% 25%,#c4bbff66,#7265bc22 45%,#26315600 72%);border-radius:50%;filter:blur(10px);left:calc(50% - 300px);top:calc(50% - 320px);z-index:0;pointer-events:none}.login-error{font-size:11px;color:#f0adbb;background:#ed8a9d0a;padding:10px 12px;border:1px solid #ed8a9d15;border-radius:9px;margin:12px 0}.login-footer{position:fixed;bottom:25px;font-size:9px;letter-spacing:2px;color:#4e5b73;text-transform:uppercase}.toast-stack,#toastStack{position:fixed;right:25px;bottom:24px;display:flex;flex-direction:column;gap:9px;z-index:100;max-width:min(390px,calc(100vw - 40px));pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid #dce7ff24;border-top-color:#f0f5ff38;border-radius:13px;background:linear-gradient(140deg,#3c4653e8,#263447ec);backdrop-filter:blur(30px);box-shadow:0 15px 45px #0006;font-size:11px;color:#dce6f5;animation:toast-in .25s ease;pointer-events:auto;overflow-wrap:anywhere}.toast.error{border-color:#f4a9bb30;background:linear-gradient(140deg,#4b3749ed,#352939ed);color:#efc2ce}.toast svg{width:16px;height:16px;color:#b7d8c8}.toast.error svg{color:#e8a5b5}.loading-state{display:grid;place-items:center;min-height:200px;font-size:12px;color:#8594af}.spinner{width:22px;height:22px;border:2px solid #dce4ff15;border-top-color:#b6a9e9;border-radius:50%;animation:spin .7s linear infinite}.empty-state{text-align:center;padding:50px 20px;color:#7d8aa3;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.mobile-brand{display:none}kbd{font-family:inherit}.pointer-label{font-size:11px;fill:#d8cffa}.board-cursor{pointer-events:none}
@keyframes reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.app-shell{grid-template-columns:245px minmax(0,1fr)}.main{padding-left:62px;padding-right:62px}.page-heading{margin-top:46px;margin-bottom:34px}h1{font-size:35px}.overview-strip{gap:20px;margin-bottom:35px}.stat{min-height:99px;padding:22px 26px}.board-grid{gap:22px}.task-card{padding:20px 18px 15px}.task-title{font-size:13px}.task-description{font-size:11px}.kanban-column{min-height:400px}.kanban-column>header{height:61px;font-size:12px}.task-list{gap:12px;padding:0 12px}.canvas-wrap{height:calc(100vh - 280px)}}
@media(max-width:1200px){.app-shell{grid-template-columns:195px minmax(0,1fr)}.main{padding:0 27px 30px}.sidebar{padding-left:12px;padding-right:12px}.nav-item.active:before{left:-13px}.board-grid{gap:11px}.task-list{padding:0 7px;gap:8px}.task-card{padding:14px 12px 11px}.kanban-column>header{padding:0 12px}.stat{padding:17px 16px;gap:10px}.stat strong,.stat .value{font-size:23px}.overview-strip{gap:11px}.page-heading{margin-top:30px}.brand{padding-left:11px}.workspace-pill{font-size:11px;padding:11px 10px}.canvas-help{display:none}}
@media(max-width:1000px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:28px 11px 20px;align-items:center}.brand{padding:0}.sidebar .brand span,.sidebar .brand small,.workspace-pill,.side-label,.sidebar .nav-item span,.sidebar .nav-item small,.user-copy,.sidebar-bottom .user-button>svg{display:none}.sidebar .brand{margin-bottom:43px}.sidebar .brand svg{width:31px;height:31px}.nav-item{justify-content:center;width:46px;height:46px;padding:12px;margin-bottom:8px}.nav-item>svg{width:20px;height:20px}.nav-item.active:before{left:-16px}.sidebar-bottom{width:100%;padding:18px 0 0}.user-button{justify-content:center;padding:4px 0}.main{padding:0 25px 26px}.overview-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{min-height:79px;padding:15px 13px}.stat>svg,.stat-icon{display:none}.stat span{font-size:9px}.stat strong,.stat .value{font-size:24px}.topbar{height:75px}.page-heading{margin:27px 0 24px}.board-grid{overflow-x:auto;grid-template-columns:repeat(4,minmax(204px,1fr));padding-bottom:15px}.task-list{padding:0 10px}.task-card{padding:16px 13px 12px}.canvas-wrap{height:calc(100vh - 237px);min-height:420px}.drawing-tools button{width:34px;height:34px}.drawing-tools{gap:2px;padding:5px}.view-switch button{padding:8px 12px}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;z-index:15;top:auto;bottom:12px;left:50%;transform:translateX(-50%);width:auto;height:60px;max-width:calc(100vw - 30px);display:flex;flex-direction:row;gap:4px;align-items:center;padding:6px 10px;border:1px solid #dce6ff2b;border-top-color:#f1f5ff3b;border-radius:19px;background:linear-gradient(135deg,#3b4356cf,#202c42cf);backdrop-filter:blur(30px) saturate(140%);box-shadow:0 10px 40px #0006,inset 0 1px 0 #fff1}.sidebar .brand,.sidebar .workspace-pill,.sidebar .side-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:4px}.sidebar .nav-item{width:48px;height:44px;margin:0;border-radius:12px}.nav-item.active:before{display:none}.nav-item.active{background:#c5b8ff19;border-color:#d5caff1a}.main{padding:0 19px 100px}.topbar{height:66px;gap:10px}.breadcrumbs{font-size:10px;gap:7px}.breadcrumbs svg{width:12px;height:12px}.top-actions{gap:11px}.connection{font-size:9px}.presence-stack{display:none}.page-heading{align-items:flex-start;flex-direction:column;gap:18px;margin:27px 0 22px}.page-heading h1{font-size:27px}.heading-actions{width:100%;padding:0}.view-switch{width:100%}.view-switch button{flex:1;padding:9px 14px}.eyebrow{font-size:8px}.subtitle{font-size:11px}.overview-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:20px}.stat{display:block;padding:13px 11px;min-height:75px;border-radius:13px}.stat strong,.stat .value{font-size:22px;line-height:1.2;margin-bottom:5px}.stat span{font-size:8px;white-space:nowrap}.stat .progress-ring{display:none}.toolbar{gap:7px;margin-bottom:18px}.search-field{padding:9px 10px;max-width:none}.search-field input{font-size:10px}.filter-pill{padding:9px 10px;font-size:9px}.filter-pill svg{display:none}.toolbar .primary-button{font-size:10px;padding:9px 11px;gap:5px}.board-grid{grid-template-columns:repeat(4,minmax(235px,1fr));margin-right:-19px;padding-right:19px;gap:13px;scroll-snap-type:x proximity}.kanban-column{scroll-snap-align:start;min-height:360px}.task-title{font-size:13px}.task-description{font-size:11px}.task-card{padding:18px 16px 14px}.kanban-column>header{font-size:12px;padding:0 15px}.task-list{padding:0 10px;gap:11px}.canvas-wrap{min-height:440px;height:calc(100dvh - 305px);margin:0 -8px;border-radius:18px}.drawing-tools{top:12px;gap:0;max-width:calc(100% - 24px);padding:4px;border-radius:12px}.drawing-tools button{width:33px;height:34px;border-radius:8px}.drawing-tools button svg{width:16px;height:16px}.drawing-tools .tool-divider{margin:0 3px;height:20px}.canvas-bottom{bottom:13px;left:13px;right:13px}.selection-actions{top:64px;right:12px}.zoom-control{padding:3px}.whiteboard-header{margin-bottom:12px}.board-status{font-size:9px}.activity-panel{right:12px;left:12px;width:auto;top:70px;max-height:calc(100dvh - 160px)}.activity-list{max-height:calc(100dvh - 235px)}dialog{max-height:calc(100dvh - 40px);border-radius:20px;width:calc(100vw - 24px)}.dialog-shell>header,.dialog-header{padding:21px 20px 17px}.dialog-body{padding:21px 20px}.dialog-footer{padding:16px 20px 21px}.form-grid{gap:11px}.login-card{padding:35px 28px 30px;max-width:390px}.login-card .brand{margin-bottom:30px}.login-card h1{font-size:23px}.login-card p{font-size:11px}.toast-stack,#toastStack{right:15px;left:15px;bottom:90px;max-width:none}.toast{font-size:11px}.board-footnote{font-size:9px;justify-content:flex-start;margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.task-card:hover,.primary-button:hover{transform:none}}

/* Shared component details for the live application. */
[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-icon]>svg{width:18px;height:18px}.brand .brand-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:36px;background:linear-gradient(145deg,#d2ccff22,#8f82ce08);border:1px solid #ddd6ff36;border-top-color:#f5f0ff5c;border-radius:11px;font-size:24px;font-weight:500;color:#ded8ff;line-height:1;box-shadow:inset 0 1px 0 #ffffff17,0 6px 20px #8071c31c;letter-spacing:-2px;padding-right:2px}.brand .brand-period{color:#b2a0ee}.workspace-icon{width:28px;height:29px;border-radius:8px;background:linear-gradient(140deg,#b1a2d225,#7b76921a);border:1px solid #d9caff17;display:flex;align-items:center;justify-content:center;color:#b1a3d5;font-size:13px;font-weight:500}.workspace-pill>div{display:flex;flex-direction:column;gap:1px}.workspace-pill>div small{font-size:7px;letter-spacing:1.2px;color:#646e84}.workspace-chevron{margin-left:auto;font-size:16px;color:#66728b}.sidebar-note{padding:30px 14px 15px;margin-top:auto;display:flex;gap:10px;align-items:flex-start}.sidebar-note>[data-icon]{margin-top:2px;color:#69678a}.sidebar-note>[data-icon] svg{width:15px;height:15px}.sidebar-note p{font-size:10px;line-height:1.9;color:#606b81;margin:0}.sidebar-bottom{margin-top:12px;position:relative}.folder-tip{display:flex;align-items:center;gap:9px;padding:5px 7px 17px}.folder-tip>[data-icon]{color:#767d9b}.folder-tip>[data-icon] svg{width:16px;height:16px}.folder-tip>div{display:flex;flex-direction:column;gap:4px}.folder-tip strong{font-size:9px;color:#8a96ae;font-weight:450}.folder-tip code{font-family:inherit;font-size:9px;color:#5f6d87}.folder-tip .icon-button{margin-left:auto;width:25px;height:25px;border:0;background:transparent}.folder-tip .icon-button svg{width:12px;height:12px}.user-button>[data-icon]{margin-left:auto;color:#65718a}.user-button>[data-icon] svg{width:16px;height:16px}.user-menu{position:absolute;bottom:52px;left:8px;right:8px;border:1px solid #d4dcfb22;border-radius:10px;background:#2b3348f5;box-shadow:0 10px 35px #0005;overflow:hidden;z-index:20}.user-menu button{width:100%;text-align:left;display:flex;align-items:center;gap:9px;font-size:11px;color:#c5ccdf;background:transparent;padding:13px 15px}.user-menu button:hover{background:#d1dcff0a}.user-menu svg{width:14px;height:14px}.title-dot{color:#a798dd}.toolbar-end{margin-left:auto;display:flex;align-items:center;gap:10px}.toolbar .search-field kbd{font-size:9px;color:#526078;background:#d4dfff06;padding:0 5px;border-radius:3px;border:1px solid #d4dfff0a}.stat-icon{display:flex;flex-shrink:0}.stat-icon>svg{width:17px;height:17px}.stat-icon.blue{color:#89b8d5;background:#7ab3e30b}.stat-icon.mint{color:#86bca4;background:#80cfb40a}.completion-stat .progress-ring{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;transform:none;border-radius:50%;background:conic-gradient(#b1a3e1 var(--progress,0%),#b1a3e119 0)!important}.completion-stat .progress-ring:before{content:"";position:absolute;inset:3px;background:#1b2030;border-radius:50%}.completion-stat .progress-ring>span{position:relative;z-index:1;font-size:10px;line-height:1;font-weight:550;color:#b4acd4}.completion-stat>div:last-child{gap:4px}.completion-stat>div:last-child>strong{font-size:11px;font-weight:500;letter-spacing:-.1px;line-height:1.6}.completion-stat>div:last-child>span{font-size:9px}.kanban-column>header>div{display:flex;align-items:center;gap:8px}.kanban-column.drop-target{border-color:#b1a6ef70;background:#a095db0a}.task-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.task-card-top .task-label{margin:0}.card-menu{color:#5a6881;display:inline-flex}.card-menu svg{width:14px;height:14px}.done .card-menu{color:#75b198}.mini-avatar,.activity-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:21px;height:21px;background:linear-gradient(150deg,#8e7ba12c,#605b7d29);color:#b3a4d0;border:1px solid #cebad32b;border-radius:50%;font-size:8px;font-weight:550}.card-meta{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:8px;color:#5f6e88;white-space:nowrap}.card-meta .card-icon{font-size:8px;color:#77849a}.unassigned{font-size:8px;color:#5c6c86}.empty-column{width:100%;background:transparent}.empty-column>span{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid #bdd0ff0b;background:#b3c5ee03;border-radius:50%;margin:0 0 5px}.empty-column>span svg{width:12px;height:12px}.empty-column strong{font-size:10px;font-weight:400;color:#5c6a84}.empty-column small{font-size:9px;color:#414f67}.empty-column:hover{border-color:#b8a7f323;background:#afa2ef04}.board-footer{display:flex;align-items:center;gap:7px;font-size:9px;color:#56647d;margin-top:25px}.board-footer .status-dot{width:4px;height:4px;box-shadow:none;background:#617e76}.board-footer>span:last-child{margin-left:auto;color:#4a5870}.status-dot.done{background:#7bb89d;box-shadow:0 0 0 3px #7bb89d10}.status-dot.doing{background:#a99be8}.status-dot.review{background:#d5b37f}.comment{display:flex;align-items:flex-start;gap:10px}.comment>div{flex:1;min-width:0}.comment-author>span{margin-left:auto;font-size:8px;color:#6c7c97;font-weight:400}.activity-avatar{width:25px;height:25px;font-size:8px;margin-top:2px}.subtle-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;background:transparent;border:1px solid transparent;border-radius:9px;font-size:10px;color:#92a0ba;white-space:nowrap}.subtle-button:hover{background:#d0ddff09;color:#d5dcf0;border-color:#d4dfff08}.subtle-button svg{width:14px;height:14px}.subtle-button.danger,.icon-button.danger{color:#ca8d9a}.subtle-button.danger:hover,.icon-button.danger:hover{background:#d5879910;color:#eda5b6}.footer-spacer{flex:1}.dialog-footer .primary-button{margin-left:0}.task-meta{color:#61728e;font-size:9px;margin-top:-4px;margin-bottom:14px}input.dialog-title{display:block;width:100%;padding:0 0 23px;margin:0 0 20px;border:0;border-bottom:1px solid #d6e1ff0c;border-radius:0;color:#edf1fb;background:transparent;font-size:20px;line-height:1.6;font-weight:500;outline:none}input.dialog-title::placeholder{font-size:17px;color:#61718c}input.dialog-title:focus-visible{outline:none;border-bottom-color:#ae9de752}.dialog-header .eyebrow{margin:0}.object-dialog h2{font-size:17px;font-weight:500;margin:6px 0 0}.comment-form{align-items:flex-end}.comment-form .subtle-button{height:auto;min-width:90px;margin-bottom:3px;padding:9px 8px;font-size:9px}.comments h3 span{color:#6c7c96;font-size:9px;font-weight:400;margin-left:4px}.form-error{font-size:11px!important;color:#e5a5b4!important;background:#dd819410;padding:10px 12px;border:1px solid #dd81941c;border-radius:9px;margin:0 0 17px!important}.login-card .login-footer{position:static;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:25px;font-size:9px;letter-spacing:0;text-transform:none;color:#6d7d96}.login-card .login-footer .status-dot{width:4px;height:4px;box-shadow:none;background:#6fa48d}.login-card .login-orb{left:-90px;top:-90px;z-index:-1;opacity:.6;pointer-events:none}.login-card .brand .brand-mark{width:40px;height:42px;font-size:28px;border-radius:13px}.login-card .brand>span:last-child{font-size:29px}.color-picker{position:relative;display:flex;align-items:center;justify-content:center;width:33px;height:35px;cursor:pointer}.color-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.color-picker>span{display:block;width:17px;height:17px;border-radius:50%;border:2px solid #ffffff40;box-shadow:0 0 0 2px #131e34}.selection-actions #editObjectButton{width:auto;padding:0 10px;font-size:10px;gap:5px}.selection-actions #editObjectButton svg{width:13px;height:13px}.zoom-control #zoomReset{width:50px;font-size:10px}.canvas-bottom .board-status{padding:8px 10px;border:1px solid #cad8f40e;border-radius:8px;background:#151d2c77;font-size:9px}.canvas-bottom .board-status:before{display:none}.canvas-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;color:#71839b;width:300px}.canvas-empty>[data-icon]{color:#8d81b4;margin-bottom:10px}.canvas-empty>[data-icon] svg{width:26px;height:26px}.canvas-empty h2{font-size:17px;font-weight:450;color:#8c9ab2;letter-spacing:-.5px;margin:0 0 7px}.canvas-empty p{font-size:11px;line-height:1.8;color:#5b6b84;margin:0}.sticky-note{background:linear-gradient(140deg,color-mix(in srgb,var(--note-color,#a78bfa) 27%,#242b3b),color-mix(in srgb,var(--note-color,#a78bfa) 13%,#1b2433));border-color:color-mix(in srgb,var(--note-color,#a78bfa) 35%,transparent);border-top-color:color-mix(in srgb,var(--note-color,#a78bfa) 55%,transparent);color:color-mix(in srgb,var(--note-color,#a78bfa) 18%,#f1f4fb);box-shadow:inset 0 1px 0 #f1ecff12,0 12px 25px #0003}.canvas-text{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;height:100%;font-size:24px;font-weight:500;line-height:1.5;letter-spacing:-.5px;padding:3px 0;overflow:hidden}.connection>span:first-child:empty{display:none}.connection.offline{color:#a59781}
@media(max-width:1200px){.sidebar-note{padding-left:10px;font-size:9px}.folder-tip{padding-left:3px;gap:7px}.folder-tip>div strong{font-size:8px}.folder-tip>div code{font-size:8px}.completion-stat{gap:9px}.completion-stat .progress-ring{width:34px;height:34px}.completion-stat>div:last-child>strong{font-size:10px}.completion-stat>div:last-child>span{font-size:8px}}
@media(max-width:1000px){.sidebar .brand .brand-mark{display:inline-flex}.sidebar .brand>span:not(.brand-mark){display:none}.sidebar .nav-item>[data-icon]{display:inline-flex}.sidebar .sidebar-note,.sidebar .folder-tip,.sidebar .user-button>[data-icon]{display:none}.sidebar .sidebar-bottom{margin-top:auto}.completion-stat .progress-ring{display:none}.completion-stat>div:last-child>strong{font-size:10px;line-height:1.6}.completion-stat>div:last-child>span{font-size:8px}.user-menu{left:0;right:auto;bottom:0;transform:translateX(60px);width:130px}.stat-icon{display:none!important}}
@media(max-width:720px){.sidebar .nav-item>[data-icon]{display:inline-flex}.sidebar .brand{display:none}.toolbar-end{gap:7px}.toolbar .search-field kbd{display:none}.completion-stat>div:last-child>strong{font-size:9px;white-space:nowrap;line-height:1.5;margin:0 0 4px}.completion-stat>div:last-child>span{font-size:8px;white-space:normal;line-height:1.5}.board-footer{align-items:flex-start;font-size:8px;line-height:1.7;margin-top:13px}.board-footer .status-dot{margin-top:5px}.board-footer>span:last-child{white-space:nowrap}.canvas-bottom .board-status{font-size:8px;gap:5px}.canvas-text{font-size:21px}.color-picker{width:28px;height:30px}.color-picker>span{width:15px;height:15px}.drawing-tools .tool-divider{margin:0 2px}.drawing-tools button{width:30px}.selection-actions #editObjectButton{font-size:9px}.comment-form{align-items:stretch;flex-direction:column;gap:6px}.comment-form .subtle-button{align-self:flex-end;min-width:0;padding:7px 10px}.dialog-title{font-size:17px}.login-card .login-footer{font-size:8px}.login-card .brand .brand-mark{width:37px;height:39px}.login-card .brand>span:last-child{font-size:27px}}

/* Readable working scale: restrained glass, comfortable content. */
.nav-item{font-size:14px;padding-top:14px;padding-bottom:14px}.workspace-pill{font-size:12px}.breadcrumbs{font-size:12px}.connection{font-size:11px}.eyebrow{font-size:10px}h1{font-size:36px;letter-spacing:-1.4px}.subtitle{font-size:14px;line-height:1.7;color:#8c9ab3}.view-switch button{font-size:12px;padding:10px 16px}.stat span{font-size:11px}.stat strong,.stat .value{font-size:29px}.stat{min-height:94px}.completion-stat>div:last-child>strong{font-size:13px}.completion-stat>div:last-child>span{font-size:10px}.completion-stat .progress-ring>span{font-size:11px}.toolbar{margin-bottom:25px}.search-field{padding:11px 13px;max-width:310px}.search-field input{font-size:12px}.filter-pill{font-size:12px;padding:10px 14px}.primary-button{font-size:12px;padding:11px 17px}.kanban-column>header{font-size:13px;height:60px}.count{font-size:10px;min-width:20px;line-height:19px}.task-card{padding:19px 16px 15px}.task-card-top{margin-bottom:13px}.task-label{font-size:9px}.task-title{font-size:14px;line-height:1.65;font-weight:520;margin-bottom:9px}.task-description{font-size:12px;line-height:1.75;color:#8c9ab2;margin-bottom:20px}.task-footer{padding-top:13px}.assignee{font-size:10px}.mini-avatar{width:23px;height:23px;font-size:9px}.card-meta,.card-meta .card-icon,.unassigned{font-size:9px}.empty-column{min-height:200px}.empty-column strong{font-size:12px}.empty-column small{font-size:10px}.board-footer{font-size:10px}.user-copy strong{font-size:13px}.user-copy small{font-size:10px}.sidebar-note p{font-size:11px}.side-label{font-size:10px}.folder-tip strong{font-size:10px}.folder-tip code{font-size:10px}.activity-entry{font-size:12px}.activity-time{font-size:10px}.panel-header h2{font-size:15px}.field label{font-size:12px}.field input,.field textarea,.field select,.comment-form textarea,.comment-form input{font-size:14px;padding:12px 13px}.subtle-button{font-size:12px}.comments h3{font-size:13px}.comment-author{font-size:11px}.comment-body{font-size:12px}.comment-form .subtle-button{font-size:11px}.task-meta{font-size:10px}.dialog-footer{padding-top:20px;padding-bottom:25px}.object-dialog h2{font-size:20px}.dialog-header{min-height:74px}.login-card h1{font-size:30px;line-height:1.5}.login-card p{font-size:13px}.login-card .field label{font-size:12px}.login-card .primary-button{font-size:14px;padding:14px}.login-card .login-footer{font-size:10px}.toast{font-size:12px}
@media(min-width:1600px){h1{font-size:40px}.task-title{font-size:15px}.task-description{font-size:13px}.kanban-column>header{font-size:14px}.task-card{padding:23px 20px 17px}.task-list{gap:14px}.stat{min-height:104px}.stat strong,.stat .value{font-size:32px}.stat span{font-size:12px}.subtitle{font-size:15px}.view-switch button{font-size:13px}.primary-button{font-size:13px}.completion-stat>div:last-child>strong{font-size:14px}.completion-stat>div:last-child>span{font-size:11px}.page-heading{margin-bottom:32px}}
@media(max-width:1200px){.stat{padding:18px 15px;gap:10px}.completion-stat>div:last-child>strong{font-size:11px}.completion-stat>div:last-child>span{font-size:9px}.task-card{padding:17px 14px 14px}.task-title{font-size:13px}.task-description{font-size:11px}.nav-item{font-size:13px}.folder-tip strong,.folder-tip code{font-size:9px}}
@media(max-width:1000px){h1{font-size:33px}.stat{min-height:86px}.stat span{font-size:10px}.stat strong,.stat .value{font-size:28px}.completion-stat>div:last-child>strong{font-size:11px}.completion-stat>div:last-child>span{font-size:9px}.board-grid{grid-template-columns:repeat(4,minmax(228px,1fr))}.task-title{font-size:14px}.task-description{font-size:12px}.sidebar .nav-item>[data-icon]{display:inline-flex}.task-card{padding:19px 16px 15px}}
@media(max-width:720px){h1,.page-heading h1{font-size:29px}.subtitle{font-size:12px}.eyebrow{font-size:9px}.breadcrumbs{font-size:11px}.connection{font-size:10px}.view-switch button{font-size:12px}.overview-strip{gap:7px}.stat{min-height:83px;padding:13px 10px}.stat span{font-size:9px}.stat strong,.stat .value{font-size:25px}.completion-stat>div:last-child>strong{font-size:10px}.completion-stat>div:last-child>span{font-size:9px}.toolbar .primary-button{font-size:11px;padding:10px 12px}.filter-pill{font-size:10px;padding:10px}.search-field{padding:10px;max-width:none}.search-field input{font-size:11px}.board-grid{grid-template-columns:repeat(4,minmax(252px,1fr))}.kanban-column>header{font-size:13px}.task-title{font-size:14px}.task-description{font-size:12px}.board-footer{font-size:9px}.login-card h1{font-size:28px}.login-card p{font-size:12px}.login-card .login-footer{font-size:9px}.field input,.field textarea,.field select,.comment-form textarea,.comment-form input{font-size:14px}.dialog-body{padding:22px 20px}.canvas-wrap{min-height:420px}.canvas-bottom .board-status{font-size:9px}.toast{font-size:12px}}
.user-copy{min-width:0}.user-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee{min-width:0;flex:1}.assignee>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignee .mini-avatar{flex-shrink:0}

.brand .brand-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}