@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__NrqF5a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__NrqF5a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
:root{--font-geist:var(--font-geist-sans);--bg:#fff;--elevated:#fff;--sidebar:#f7f7f5;--soft:#f7f7f5;--muted:#f1f1ef;--hover:#f1f1ef;--active:#e9e9e7;--border:#ececeb;--border-2:#e3e3e1;--border-strong:#d8d8d5;--text:#191919;--text-2:#5f5e5b;--text-3:#787774;--text-4:#a3a29e;--icon:#91918e;--overlay:#1919193d;--shadow-sm:0 1px 2px #1919190d;--shadow-md:0 0 0 1px #1919190f, 0 8px 24px #1919191f;--shadow-lg:0 0 0 1px #1919190f, 0 16px 48px #1919192e;--toast-bg:#191919;--toast-fg:#fff;--ease:cubic-bezier(.2, 0, 0, 1);--radius:8px;--gray-fg:#787774;--gray-bg:#f1f1ef;--gray-dot:#a3a29e;--brown-fg:#9f6b53;--brown-bg:#f4eeee;--brown-dot:#c39a86;--orange-fg:#c4620c;--orange-bg:#fbecdd;--orange-dot:#e38a3c;--yellow-fg:#a87a1f;--yellow-bg:#fbf3db;--yellow-dot:#d9a832;--green-fg:#3b7a57;--green-bg:#edf3ec;--green-dot:#5a9c75;--blue-fg:#2f73a0;--blue-bg:#e7f3f8;--blue-dot:#4a90c2;--purple-fg:#8559a5;--purple-bg:#f4f0f7;--purple-dot:#a37ac2;--pink-fg:#b3437c;--pink-bg:#f9eef3;--pink-dot:#d16fa3;--red-fg:#c8423d;--red-bg:#fdebec;--red-dot:#e0625d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#191919;--elevated:#252525;--sidebar:#202020;--soft:#232323;--muted:#2c2c2c;--hover:#2a2a2a;--active:#333;--border:#2c2c2c;--border-2:#363636;--border-strong:#454545;--text:#ebebea;--text-2:#b4b3af;--text-3:#8f8e8a;--text-4:#6b6a67;--icon:#7f7e7a;--overlay:#00000080;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 0 0 1px #ffffff0f, 0 8px 24px #00000073;--shadow-lg:0 0 0 1px #ffffff12, 0 16px 48px #0000008c;--toast-bg:#2f2f2f;--toast-fg:#ebebea;--gray-fg:#a19f9a;--gray-bg:#2f2f2f;--gray-dot:#7f7e7a;--brown-fg:#ba856f;--brown-bg:#3b2c26;--brown-dot:#9a6c58;--orange-fg:#d98a4f;--orange-bg:#45311f;--orange-dot:#c77d48;--yellow-fg:#d4a64f;--yellow-bg:#413720;--yellow-dot:#ca9849;--green-fg:#62ab81;--green-bg:#213629;--green-dot:#529e72;--blue-fg:#6c9ed6;--blue-bg:#1d3444;--blue-dot:#5e87c9;--purple-fg:#a97fdb;--purple-bg:#332840;--purple-dot:#9d68d3;--pink-fg:#d7679f;--pink-bg:#402735;--pink-dot:#d15796;--red-fg:#e0716c;--red-bg:#472826;--red-dot:#df5452;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.force-light{--bg:#fff;--elevated:#fff;--soft:#f7f7f5;--muted:#f1f1ef;--border:#ececeb;--border-2:#e3e3e1;--text:#191919;--text-2:#5f5e5b;--text-3:#787774;--icon:#91918e;color:#191919}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-geist), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,textarea,select{color:inherit;font-family:inherit;font-size:inherit}input,textarea,select{background:0 0}select option{background:var(--elevated);color:var(--text)}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--blue-dot);outline-offset:2px;border-radius:4px}::selection{background:var(--blue-bg)}img{display:block}.ico{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.app{background:var(--sidebar);height:100vh;display:flex;overflow:hidden}.main-col{background:var(--bg);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;flex:1;margin:8px 8px 8px 0;display:flex;overflow:hidden}.main-scroll{flex:1;overflow-y:auto}.sb{background:var(--sidebar);flex-direction:column;flex-shrink:0;gap:1px;width:244px;padding:10px 8px;display:flex;overflow-y:auto}.sb-item{height:30px;color:var(--text-2);transition:background .12s var(--ease), color .12s var(--ease);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:0 8px;font-size:13.5px;display:flex;overflow:hidden}.sb-item:hover{background:var(--hover);color:var(--text)}.sb-item.on{background:var(--active);color:var(--text);font-weight:500}.sb-item.sub-on{background:var(--hover);color:var(--text)}.sb-item .ico{color:var(--icon)}.sb-item.on .ico{color:var(--text)}.sb-label{color:var(--text-3);padding:16px 8px 6px;font-size:12px;font-weight:500}.count{color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px;font-weight:400}.mark{background:var(--active);width:18px;height:18px;color:var(--text-2);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.mark img{object-fit:cover;width:100%;height:100%}.mark.dark{background:var(--text);color:var(--bg)}.topbar{border-bottom:1px solid #0000;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:46px;padding:0 12px 0 20px;display:flex}.crumb{color:var(--text-3);align-items:center;gap:6px;min-width:0;font-size:13.5px;display:flex}.crumb a:hover,.crumb .here{color:var(--text)}.menu-btn{display:none}.page{padding:28px 48px 72px}.page-narrow{max-width:880px;margin:0 auto;padding:40px 24px 80px}.btn{height:28px;color:var(--text-2);white-space:nowrap;transition:background .12s var(--ease), opacity .12s var(--ease), color .12s var(--ease);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:13.5px;display:inline-flex}.btn:hover{background:var(--hover);color:var(--text)}.btn:disabled{opacity:.45}.btn:disabled:hover{background:0 0}.btn .ico{color:var(--icon)}.btn.primary{background:var(--text);color:var(--bg);padding:0 10px;font-weight:500}.btn.primary .ico{color:var(--bg)}.btn.primary:hover{opacity:.88;background:var(--text);color:var(--bg)}.btn.primary:disabled{opacity:.35}.btn.outline{box-shadow:inset 0 0 0 1px var(--border-2);color:var(--text);background:var(--bg)}.btn.outline:hover{background:var(--hover)}.btn.icon{justify-content:center;width:28px;padding:0}.btn.lg{border-radius:8px;justify-content:center;height:40px;padding:0 16px;font-size:15px}.btn.danger,.btn.danger .ico{color:var(--red-fg)}.page-title{letter-spacing:-.022em;margin:0;font-size:28px;font-weight:650;line-height:1.2}.meta{color:var(--text-3);font-size:14px}.h{margin:0;font-size:14px;font-weight:600}.sub{color:var(--text-3);font-size:13px}.pill{height:28px;color:var(--text-3);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:13.5px;display:inline-flex}.pill:hover{color:var(--text);background:var(--hover)}.pill .ico{color:var(--icon)}.pill.on{background:var(--muted);color:var(--text);font-weight:500}.pill.on .ico{color:var(--text)}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.toolbar>div{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.group{background:var(--soft);height:34px;color:var(--text);border-radius:6px;align-items:center;gap:8px;margin-top:14px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.group .n{color:var(--text-3);font-weight:400}.row{min-height:38px;transition:background .12s var(--ease);cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:0 12px;font-size:14px;display:flex}.row:hover{background:var(--soft)}.id{color:var(--text-3);font-variant-numeric:tabular-nums;flex-shrink:0;width:56px;font-size:12.5px}.date{color:var(--text-3);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:60px;font-size:13px}.date.late{color:var(--red-fg);font-weight:500}.grow{flex:1;min-width:0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag{border:1px solid var(--border-2);height:22px;color:var(--text-2);white-space:nowrap;background:var(--bg);border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:12px;display:inline-flex}.tag .ico{width:12px;height:12px;color:var(--icon)}.tag.soft{background:var(--muted);border-color:#0000}.tag.strong{color:var(--text);border-color:var(--text)}.tag.dark{background:var(--text);border-color:var(--text);color:var(--bg)}.chip{white-space:nowrap;border-radius:4px;align-items:center;gap:5px;height:20px;padding:0 7px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.chip .ico{color:currentColor;width:12px;height:12px}.chip.lg{height:24px;padding:0 8px;font-size:12.5px}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.c-gray{background:var(--gray-bg);color:var(--gray-fg)}.c-brown{background:var(--brown-bg);color:var(--brown-fg)}.c-orange{background:var(--orange-bg);color:var(--orange-fg)}.c-yellow{background:var(--yellow-bg);color:var(--yellow-fg)}.c-green{background:var(--green-bg);color:var(--green-fg)}.c-blue{background:var(--blue-bg);color:var(--blue-fg)}.c-purple{background:var(--purple-bg);color:var(--purple-fg)}.c-pink{background:var(--pink-bg);color:var(--pink-fg)}.c-red{background:var(--red-bg);color:var(--red-fg)}.d-gray{background:var(--gray-dot)}.d-brown{background:var(--brown-dot)}.d-orange{background:var(--orange-dot)}.d-yellow{background:var(--yellow-dot)}.d-green{background:var(--green-dot)}.d-blue{background:var(--blue-dot)}.d-purple{background:var(--purple-dot)}.d-pink{background:var(--pink-dot)}.d-red{background:var(--red-dot)}.t-gray{color:var(--gray-fg)}.t-brown{color:var(--brown-fg)}.t-orange{color:var(--orange-fg)}.t-yellow{color:var(--yellow-fg)}.t-green{color:var(--green-fg)}.t-blue{color:var(--blue-fg)}.t-purple{color:var(--purple-fg)}.t-pink{color:var(--pink-fg)}.t-red{color:var(--red-fg)}.av{background:var(--active);width:20px;height:20px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex;overflow:hidden}.av img{object-fit:cover;width:100%;height:100%}.av.client{background:var(--text);color:var(--bg)}.av.lg{width:28px;height:28px;font-size:11px}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .12s var(--ease), box-shadow .12s var(--ease);color:var(--text);flex-direction:column;gap:8px;padding:12px;display:flex}.card.link{cursor:pointer}.card.link:hover{border-color:var(--border-strong);box-shadow:0 2px 8px #1919190f}.field{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:flex}.field .ico{width:14px;height:14px;color:var(--icon)}.divider{background:var(--border);flex-shrink:0;height:1px}.soft-box{background:var(--soft);border-radius:10px;padding:16px}.bordered{border:1px solid var(--border);border-radius:10px}.prop{grid-template-columns:156px minmax(0,1fr);align-items:center;min-height:34px;font-size:14px;display:grid}.prop .k{color:var(--text-3);align-items:center;gap:8px;font-size:13.5px;display:flex}.prop .k .ico{color:var(--icon)}.prop .v{border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;min-height:30px;margin-left:-8px;padding:0 8px;display:flex}.prop .v:hover{background:var(--soft)}.seg{background:var(--muted);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.seg button{height:24px;color:var(--text-3);background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:0 8px;font-size:13px;display:inline-flex}.seg button .ico{width:13px;height:13px}.seg button.on{background:var(--elevated);color:var(--text);box-shadow:var(--shadow-sm)}.sw{flex-shrink:0;width:28px;height:16px;display:inline-block;position:relative}.sw input{opacity:0;cursor:pointer;z-index:1;width:28px;height:16px;margin:0;position:absolute}.sw span{background:var(--border-strong);transition:background .2s var(--ease);border-radius:999px;position:absolute;inset:0}.sw span:after{content:"";width:12px;height:12px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.sw input:checked+span{background:var(--text)}:root[data-theme=dark] .sw input:checked+span:after{background:#191919}.sw input:checked+span:after{transform:translate(12px)}.sw input:focus-visible+span{outline:2px solid var(--blue-dot);outline-offset:2px}.bar{background:var(--muted);border-radius:3px;flex-shrink:0;height:6px;position:relative;overflow:hidden}.bar>span{background:var(--text);transition:width .3s var(--ease);border-radius:3px;position:absolute;inset:0 auto 0 0}.bar.warn>span{background:var(--orange-dot)}.bar.over>span{background:var(--red-dot)}.input,.select,.textarea{border:1px solid var(--border-2);background:var(--bg);width:100%;height:36px;color:var(--text);transition:border-color .12s var(--ease), box-shadow .12s var(--ease);border-radius:8px;outline:none;padding:0 12px;font-size:14px}.textarea{resize:vertical;height:auto;padding:10px 12px;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--text-3);box-shadow:0 0 0 3px var(--muted)}.input::placeholder,.textarea::placeholder,.bare-input::placeholder{color:var(--text-4)}.input.lg{height:44px;font-size:15px}.form{flex-direction:column;gap:14px;display:flex}.form label,.lbl{color:var(--text);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inline-select{cursor:pointer;height:28px;color:var(--text);background:0 0;border:0;outline:none;padding:0;font-size:14px}.bare-input{width:100%;color:var(--text);background:0 0;border:0;outline:none;padding:0}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap;height:36px;padding:0 12px;font-size:12px;font-weight:400}.tbl td{border-bottom:1px solid var(--border);vertical-align:middle;height:50px;padding:0 12px}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:var(--soft)}.num,.tbl th.num,.tbl td.num{text-align:right;font-variant-numeric:tabular-nums}.overlay{background:var(--overlay);z-index:80;animation:fade .15s var(--ease);position:fixed;inset:0}.modal{background:var(--elevated);width:min(560px,100vw - 32px);max-height:76vh;box-shadow:var(--shadow-lg);z-index:90;animation:pop .18s var(--ease);border-radius:12px;position:fixed;top:12vh;left:50%;overflow:auto;transform:translate(-50%)}.modal.wide{width:min(820px,100vw - 32px)}.modal-head{justify-content:space-between;align-items:center;padding:16px 20px 0;display:flex}.modal-head h2{margin:0;font-size:16px;font-weight:600}.modal-body{padding:16px 20px}.modal-foot{border-top:1px solid var(--border);background:var(--elevated);z-index:1;justify-content:flex-end;gap:8px;padding:12px 20px 16px;display:flex;position:sticky;bottom:0}.peek{background:var(--elevated);border:1px solid var(--border);width:min(640px,100vw - 16px);box-shadow:var(--shadow-lg);z-index:70;animation:slide .22s var(--ease);border-radius:12px;flex-direction:column;display:flex;position:fixed;top:8px;bottom:8px;right:8px;overflow:hidden}.peek-scrim{z-index:69;position:fixed;inset:0}.menu{z-index:100;background:var(--elevated);box-shadow:var(--shadow-md);min-width:200px;animation:fadeonly .12s var(--ease);border-radius:8px;max-height:360px;padding:4px;position:absolute;overflow-y:auto}.menu button,.menu a{text-align:left;width:100%;height:32px;color:var(--text);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:13.5px;display:flex}.menu button:hover,.menu a:hover,.menu button.hl{background:var(--hover)}.menu .menu-label{color:var(--text-3);padding:6px 8px 4px;font-size:12px}.menu hr{background:var(--border);border:0;height:1px;margin:4px 0}.toasts{z-index:120;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast{background:var(--toast-bg);min-height:42px;color:var(--toast-fg);box-shadow:var(--shadow-lg);animation:rise .2s var(--ease);border-radius:10px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:0 8px 0 14px;font-size:14px;display:flex}.toast .ico{color:var(--toast-fg)}.toast button,.toast a{height:30px;color:var(--toast-fg);white-space:nowrap;background:#ffffff1f;border:0;border-radius:6px;align-items:center;padding:0 10px;font-size:13px;display:flex}.fab{background:var(--text);width:48px;height:48px;color:var(--bg);z-index:60;transition:transform .2s var(--ease);border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 2px 6px #1919192e,0 8px 24px #19191929}.fab .ico{color:var(--bg)}.fab:hover{transform:scale(1.06)}.fab:active{transform:scale(.96)}.fab-tip{white-space:nowrap;background:var(--toast-bg);color:var(--toast-fg);opacity:0;transition:opacity .15s var(--ease), transform .15s var(--ease);pointer-events:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex;position:absolute;top:50%;right:58px;transform:translate(4px,-50%)}.fab:hover .fab-tip{opacity:1;transform:translateY(-50%)}.kbd{background:var(--muted);min-width:18px;height:18px;color:var(--text-2);border:1px solid var(--border-2);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:500;display:inline-flex}.kbd.dark{color:inherit;background:#ffffff29;border-color:#0000}.btn.primary .kbd.dark{background:color-mix(in srgb, var(--bg) 18%, transparent);color:var(--bg)}.timer-pill{background:var(--red-bg);height:34px;color:var(--red-fg);border-radius:8px;align-items:center;gap:8px;padding:0 6px 0 10px;font-size:13px;display:flex}.timer-pill .live{background:var(--red-dot);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.board{align-items:start;gap:12px;display:grid}.col{background:var(--soft);min-height:120px;transition:background .15s var(--ease), box-shadow .15s var(--ease);border-radius:10px;flex-direction:column;gap:8px;padding:6px;display:flex}.col.plain{background:0 0;padding:0 4px}.col.drop{background:var(--muted);box-shadow:inset 0 0 0 1px var(--border-strong)}.col-head{align-items:center;gap:8px;height:32px;padding:0 6px;display:flex}.card[draggable=true]{cursor:grab}.card.dragging{opacity:.4}.portal-root{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.pnav{border-bottom:1px solid var(--border);background:var(--bg);z-index:30;flex-shrink:0;align-items:center;gap:24px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.pin{color:#fff;z-index:2;background:#191919;border:0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff,0 4px 12px #19191940}.pin.sm{width:20px;height:20px;box-shadow:none;background:var(--text);color:var(--bg);flex-shrink:0;font-size:11px;position:static;transform:none}.pin.active{color:#191919;background:#fff;box-shadow:0 0 0 2px #191919,0 4px 12px #19191940}.pin.done{background:var(--green-dot)}.tabbar{display:none}.browser{border:1px solid var(--border-2);background:var(--elevated);box-shadow:var(--shadow-md);border-radius:10px;overflow:hidden}.browser-bar{border-bottom:1px solid var(--border);background:var(--soft);align-items:center;gap:10px;height:36px;padding:0 12px;display:flex}.browser-bar .dots{gap:6px;display:flex}.browser-bar .dots span{background:var(--border-strong);border-radius:50%;width:9px;height:9px}.browser-url{background:var(--bg);border:1px solid var(--border);height:24px;color:var(--text-2);border-radius:6px;flex:1;align-items:center;gap:6px;min-width:0;padding:0 8px;font-size:12px;display:flex}.pick-grid{grid-template-columns:repeat(8,30px);gap:2px;display:grid}.pick-grid button{background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:17px;display:flex}.pick-grid button:hover{background:var(--hover)}.swatch{border:0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.swatch.on{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--text-3)}.theme-card{border:1px solid var(--border-2);background:var(--bg);cursor:pointer;text-align:left;color:var(--text);border-radius:10px;flex-direction:column;gap:8px;padding:8px;font-size:13px;display:flex}.theme-card.on{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.theme-prev{border:1px solid #0000000f;border-radius:6px;height:64px;display:flex;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.qa-input::placeholder{color:var(--text-4)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translate(-50%,6px)scale(.98)}}@keyframes fadeonly{0%{opacity:0;transform:translateY(-4px)}}@keyframes slide{0%{opacity:0;transform:translate(24px)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media print{.no-print{display:none!important}body{background:#fff}.print-root{background:#fff!important;padding:0!important}.print-root article{box-shadow:none!important;max-width:none!important;padding:0!important}}@media (max-width:960px){.main-col{box-shadow:none;border:0;border-radius:0;margin:0}.sb{z-index:75;transition:transform .2s var(--ease);border-right:1px solid var(--border);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sb.open{transform:none;box-shadow:8px 0 32px #19191929}.menu-btn{display:inline-flex}.page{padding:20px 20px 96px}.hide-sm{display:none!important}.stack-sm{grid-template-columns:1fr!important}.board.scroll-sm{grid-auto-columns:260px;grid-auto-flow:column;padding-bottom:12px;overflow-x:auto;grid-template-columns:none!important}.peek{border:0;border-radius:0;width:100vw;top:0;bottom:0;right:0}.prop{grid-template-columns:124px minmax(0,1fr)}}@media (max-width:720px){.pnav .p-tabs{display:none!important}.pnav{gap:12px;padding:0 16px}.tabbar{background:var(--bg);border-top:1px solid var(--border);z-index:40;grid-template-columns:repeat(5,1fr);height:68px;padding-bottom:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex;position:relative}.tabbar a.on{color:var(--text);font-weight:500}.portal-main{padding-bottom:96px!important}.page-title{font-size:24px}.form-row{grid-template-columns:1fr}}.hide-lg{display:none!important}@media (max-width:960px){.hide-lg{display:inline-flex!important}.review-grid{grid-template-columns:minmax(0,1fr)!important}.review-panel{z-index:50;width:min(360px,100vw);transition:transform .2s var(--ease);position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 32px #1919191f}.review-panel.open{transform:none}}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:24px;display:grid}.stat{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.stat .k{color:var(--text-3);align-items:center;gap:6px;font-size:12.5px;display:flex}.stat .v{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.stat .s{color:var(--text-3);font-size:12px}.ts{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13.5px}.ts th,.ts td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:8px 10px}.ts th{color:var(--text-3);font-size:12.5px;font-weight:500}.ts th:first-child,.ts td:first-child{text-align:left;white-space:normal}.ts td.cell{cursor:pointer}.ts td.cell:hover{background:var(--hover)}.ts td.today,.ts th.today{background:var(--soft)}.ts tfoot td{border-bottom:0;font-weight:600}.fb-pin{background:var(--red-dot,#e03e3e);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:26px;height:26px;margin:-13px 0 0 -13px;font-size:12px;font-weight:600;display:flex;position:absolute;transform:rotate(-45deg);box-shadow:0 2px 6px #00000040}.fb-pin>span{transform:rotate(45deg)}.fb-pin.done{background:#9b9a97}.fb-pin.on{outline:3px solid #2383e273}.commenting{cursor:crosshair}.icon-trigger:hover{background:var(--hover)!important}.chev{width:12px;height:12px;color:var(--icon);stroke-width:2px;flex-shrink:0}.btn .chev{margin-left:-2px}.isel{min-width:0;max-width:100%;height:28px;color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex;position:relative}.isel-v{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.isel .isel-v+.chev{margin-left:-4px}.isel select,.isel input{opacity:0;cursor:pointer;appearance:none;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.isel:has(:focus-visible){outline:2px solid var(--blue-dot);outline-offset:2px;border-radius:4px}.prop .v>.chev,.prop button.v .chev{margin-left:-4px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2391918e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:32px}.slot{flex-shrink:0;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:hidden}.slot-prio{justify-content:center;width:16px}.slot-labels{width:156px}.slot-client{width:124px}.slot-proj{gap:6px;width:150px}.slot-av{justify-content:center;width:20px}.row .date{width:64px;min-width:64px}.money{align-items:center;gap:4px;width:100%;display:inline-flex}.money>span{color:var(--text-3)}.title-switch{color:var(--text);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-width:0;max-width:100%;margin:-4px -8px;padding:4px 8px;display:inline-flex}.title-switch:hover{background:var(--hover)}.title-switch .chev{margin-left:-4px}.stepper{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.stepper button{white-space:nowrap;text-overflow:ellipsis;background:var(--muted);height:30px;color:var(--text-3);border:0;border-radius:6px;padding:0 6px;font-size:12px;font-weight:500;overflow:hidden}.stepper button:hover{color:var(--text)}.stepper button.cur{font-weight:600}.field>.ellipsis{min-width:0}.stepper{display:flex}.stepper button{flex:auto;padding:0 8px}.num-input{border:1px solid var(--border-2);text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;border-radius:6px;outline:none;width:48px;height:26px;font-size:13.5px}.num-input:focus{border-color:var(--text-3)}.num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:600px){.stepper{scrollbar-width:none;flex-shrink:0;overflow-x:auto}.stepper::-webkit-scrollbar{display:none}.stepper button{flex:none;overflow:visible}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:12px}}.mono{font-family:var(--font-geist-mono,ui-monospace), ui-monospace, SFMono-Regular, Menlo, monospace}.h2{margin:0;font-size:14px;font-weight:600}.auth{background:var(--soft);flex-direction:column;min-height:100dvh;display:flex}.auth-head,.auth-foot{justify-content:space-between;align-items:center;padding:0 32px;display:flex}.auth-head{height:72px}.auth-foot{height:56px;color:var(--text-3);font-size:12.5px}.auth-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:16px;display:flex}.auth-card{box-sizing:border-box;background:var(--bg);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow-sm), 0 8px 24px #0000000a;text-align:left;border-radius:14px;flex-direction:column;gap:24px;padding:40px;display:flex}.auth-card .btn.lg:not(.primary){border:1px solid var(--border-2);box-shadow:var(--shadow-sm);background:var(--bg)}.auth-card .btn.lg:not(.primary):hover{background:var(--soft)}.auth-card .btn.lg{gap:10px;width:100%;height:44px;font-size:14.5px;font-weight:500}.auth-quiet{color:var(--text-2);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);cursor:pointer;font-size:13.5px;font:inherit;background:0 0;border:0;padding:0}.auth-quiet:hover{color:var(--text)}.auth-or{color:var(--text-3);align-items:center;gap:12px;font-size:12.5px;display:flex}.auth-or span{background:var(--border);flex:1;height:1px}.auth-account{border:1px solid var(--border);background:var(--bg);text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.auth-account:hover{background:var(--soft)}.otp{gap:8px;display:flex;position:relative}.otp span{box-sizing:border-box;border:1px solid var(--border-2);background:var(--bg);width:46px;height:54px;font-family:var(--font-geist-mono,ui-monospace), ui-monospace, monospace;border-radius:8px;justify-content:center;align-items:center;font-size:22px;font-weight:500;display:flex}.otp span.on{border-color:var(--text);box-shadow:0 0 0 3px var(--muted)}.otp span.err{border-color:var(--red-dot)}.otp input{opacity:0;cursor:text;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}@media (max-width:600px){.auth{background:var(--bg)}.auth-head,.auth-foot{padding:0 20px}.auth-card{box-shadow:none;background:0 0;border:0;padding:8px 4px}.otp{gap:6px}.otp span{width:100%}}.crm-detail{align-items:flex-start;min-height:100%;display:flex}.crm-main{flex-direction:column;flex:1;gap:22px;min-width:0;padding:28px 40px 72px;display:flex}.crm-aside{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;align-self:stretch;gap:24px;width:340px;padding:24px 20px 72px;display:flex}.crm-block{flex-direction:column;gap:10px;display:flex}.crm-prop{cursor:text;border-radius:6px;grid-template-columns:110px minmax(0,1fr);align-items:center;min-height:32px;margin:0 -6px;padding:0 6px;font-size:13.5px;display:grid}.crm-prop:hover{background:var(--hover)}.crm-prop>span{color:var(--text-3)}.crm-prop .bare-input{height:30px;font-size:13.5px}.crm-prop select.bare-input{cursor:pointer;appearance:none}.crm-strip{border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.crm-strip>div{flex-direction:column;gap:4px;min-width:0;padding:12px 16px;display:flex}.crm-strip>div+div{border-left:1px solid var(--border)}.crm-strip .k{color:var(--text-2);font-size:12.5px}.crm-strip .v{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.crm-strip .s{color:var(--text-3);font-size:12px}.crm-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:20px;display:flex;overflow-x:auto}.crm-tabs button{height:38px;color:var(--text-2);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:6px;margin-bottom:-1px;padding:0 2px;font-size:13.5px;display:inline-flex}.crm-tabs button:hover{color:var(--text)}.crm-tabs button.on{color:var(--text);border-bottom-color:var(--text);font-weight:500}.crm-grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.crm-step{height:34px;color:var(--text);background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;margin:0 -6px;padding:0 6px;font-size:13.5px;display:flex}.crm-step:hover{background:var(--hover)}.crm-step .date{text-align:right;width:56px;color:var(--text-2);font-size:12.5px}.crm-timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.crm-timeline li{gap:12px;padding-bottom:16px;display:flex;position:relative}.crm-timeline li:not(:last-child):before{content:"";background:var(--border);width:1px;position:absolute;top:26px;bottom:2px;left:11.5px}.crm-ev{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tbl td.num,.tbl th.num{white-space:nowrap}@media (max-width:1100px){.crm-detail{flex-direction:column;align-items:stretch}.crm-aside{border-left:0;border-top:1px solid var(--border);width:auto;padding:24px 40px 72px}}@media (max-width:720px){.crm-main{padding:20px 20px 32px}.crm-aside{padding:20px 20px 96px}.crm-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-strip>div:nth-child(3){border-left:0}.crm-strip>div:nth-child(n+3){border-top:1px solid var(--border)}.crm-grid2{grid-template-columns:1fr}}.sm-url{border:1px solid var(--border-strong);background:var(--bg);box-shadow:var(--shadow-sm), 0 0 0 4px var(--muted);border-radius:12px;align-items:center;gap:10px;padding:0 8px 0 16px;display:flex}.sm-url input{min-width:0;height:52px;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:17px}.sm-url input::placeholder{color:var(--text-4)}.sm-opt{width:auto;height:30px;font-size:13px;font-weight:400}.sm-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.sm-card{gap:10px;padding:0 0 12px;overflow:hidden}.sm-card>div:last-child{padding:0 14px!important}.sm-thumb{border-bottom:1px solid var(--border);background-color:var(--soft);background-image:radial-gradient(var(--border-2) 1px, transparent 1px);background-size:12px 12px;height:110px;position:relative}.sm-thumb span{background:var(--bg);border:1px solid var(--border-strong);box-sizing:border-box;border-radius:3px;height:16px;position:absolute}.sm-step{border:1.5px solid var(--border-strong);box-sizing:border-box;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sm-step.done{background:var(--green-bg);color:var(--green-fg);border:0}.sm-spin{border:2.5px solid var(--muted);border-top-color:var(--text);box-sizing:border-box;border-radius:50%;flex-shrink:0;width:20px;height:20px}.sm-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.sm-stats{font-size:13px}.sm-body{flex:1;min-height:0;display:flex}.sm-canvas{background-color:var(--soft);background-image:radial-gradient(var(--border-2) 1px, transparent 1px);background-size:16px 16px;flex:1;min-width:0;position:relative;overflow:auto}.sm-line{background:var(--border-strong);position:absolute}.sm-node{box-sizing:border-box;background:var(--bg);border:1px solid var(--border-2);box-shadow:var(--shadow-sm);text-align:left;color:var(--text);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex;position:absolute;overflow:hidden}.sm-node:hover{border-color:var(--border-strong)}.sm-node.on{border-color:var(--text);box-shadow:0 0 0 1px var(--text), 0 4px 12px #00000014}.sm-node.new{border-style:dashed;border-color:var(--green-dot);background:var(--green-bg)}.sm-node.group{box-shadow:3px 3px 0 -1px var(--bg), 3px 3px 0 0 var(--border-strong)}.sm-node-t{align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:500;display:flex}.sm-node-p{color:var(--text-3);padding-left:13px;font-size:11px}.sm-node-m{color:var(--text-3);margin-top:auto;padding-left:13px;font-size:11.5px}.sm-secs{flex-direction:column;gap:2px;margin-top:8px;display:flex}.sm-secs span{box-sizing:border-box;border:1px solid var(--border);height:20px;color:var(--text-2);border-radius:4px;padding:0 7px;font-size:11.5px;line-height:18px;display:block}.sm-dot{border-radius:2px;flex-shrink:0;width:7px;height:7px;display:inline-block}.sm-orphans{border:1px dashed var(--border-strong);background:color-mix(in srgb, var(--bg) 50%, transparent);border-radius:10px;position:absolute}.sm-zoom,.sm-legend{float:left;background:var(--bg);border:1px solid var(--border);height:32px;box-shadow:var(--shadow-sm);color:var(--text-2);border-radius:8px;align-items:center;gap:12px;padding:0 10px;font-size:12.5px;display:inline-flex;position:sticky}.sm-zoom{float:none;gap:0;padding:0 4px;position:absolute;bottom:16px;right:16px}.sm-legend{float:none;position:absolute;bottom:16px;left:16px}.sm-legend>span{align-items:center;gap:6px;display:inline-flex}.sm-zoom button{width:28px;height:28px;color:var(--text-2);background:0 0;border:0;border-radius:6px;font-size:15px}.sm-zoom button:hover{background:var(--hover);color:var(--text)}.sm-zoom span{text-align:center;width:44px;color:var(--text);font-variant-numeric:tabular-nums}.sm-panel{border-left:1px solid var(--border);flex-shrink:0;width:360px;padding:20px;overflow-y:auto}.sm-kv{background:var(--soft);border-radius:8px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.sm-kv span{color:var(--text-3);font-size:11.5px}.sm-kv b{font-size:14px;font-weight:500}.sm-h3{color:var(--text-3);margin:0;font-size:12.5px;font-weight:500}.sm-seo{grid-template-columns:70px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.45;display:grid}.sm-seo>span:first-child{color:var(--text-3)}.sm-sec{border:1px solid var(--border);border-radius:7px;align-items:center;gap:10px;height:30px;padding:0 10px;font-size:13px;display:flex}.sm-sec .mono{color:var(--text-4);width:16px;font-size:11px}.sm-row{border:1px solid var(--border);background:var(--bg);height:32px;color:var(--text);border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:13px;display:flex}.sm-row:hover{background:var(--soft)}.sm-list{flex:1;min-width:0;padding:8px 16px 40px;overflow:auto}.sm-fmt{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:13.5px;display:flex}.sm-fmt.on{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.sm-fmt-ic{background:var(--muted);width:34px;height:34px;color:var(--text-2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.sm-act{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;font-size:13.5px;display:flex}@media (max-width:960px){.sm-body{flex-direction:column}.sm-canvas{min-height:60vh}.sm-panel{border-left:0;border-top:1px solid var(--border);width:auto}}@media (max-width:600px){.sm-url{flex-wrap:wrap;padding:8px}.sm-url input{height:40px}.sm-url .btn{justify-content:center;width:100%}.sm-legend{display:none}.sm-act{flex-wrap:wrap}}.rp-scores{grid-template-columns:minmax(280px,1.6fr) repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.rp-total{border:1px solid var(--border);background:var(--bg);border-radius:12px;align-items:center;gap:16px;padding:14px 18px;display:flex}.rp-pillar{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;min-width:0;transition:border-color .15s var(--ease), background .15s var(--ease);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.rp-pillar:hover{background:var(--hover)}.rp-pillar.on{border-color:var(--text-3);box-shadow:inset 0 0 0 1px var(--text-3)}.rp-top{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rp-top li{border-top:1px solid var(--border);align-items:center;gap:10px;min-height:44px;display:flex}.rp-top li:first-child{border-top:0}.rp-top button{min-width:0;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:1px;padding:4px 0;font-size:13.5px;display:flex}.rp-top button>span{max-width:100%;display:block}.rp-n{background:var(--muted);width:20px;height:20px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.rp-good{flex-direction:column;gap:8px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.rp-good li{align-items:flex-start;gap:8px;display:flex}.rp-list{flex-direction:column;display:flex}.rp-f{border-bottom:1px solid var(--border)}.rp-fh{align-items:center;gap:10px;padding-left:4px;display:flex}.rp-fbtn{min-width:0;height:48px;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0 8px 0 0;font-size:14px;display:flex}.rp-fh:hover{background:var(--hover)}.rp-fb{color:var(--text-2);flex-direction:column;gap:8px;max-width:900px;padding:0 12px 16px 38px;font-size:13.5px;line-height:1.55;display:flex}.rp-fb p{margin:0}.rp-fb p b{color:var(--text)}.rp-pages{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;margin:4px 0 0;padding:8px 0 0;list-style:none;display:grid}.rp-pages li{align-items:center;gap:8px;min-width:0;font-size:12.5px;display:flex}.rp-pages a{color:var(--text);white-space:nowrap;align-items:center;gap:3px;font-size:12px;display:inline-flex}.rp-pages a:hover{text-decoration:underline}@media (max-width:1100px){.rp-scores{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-total{grid-column:1/-1}}@media (max-width:640px){.rp-pages{grid-template-columns:1fr}.rp-fb{padding-left:12px}.rp-pillar{flex-direction:row;align-items:center;padding:10px 12px}.rp-total{padding:12px 14px}}.of-wrap{grid-template-columns:minmax(0,1fr) 320px;height:100%;min-height:0;display:grid}.of-canvas{background:var(--soft);min-width:0;padding:28px 32px 120px;overflow-y:auto}.of-aside{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;gap:22px;padding:20px 20px 48px;display:flex;overflow-y:auto}.of-aside .prop{grid-template-columns:112px minmax(0,1fr);min-height:32px;font-size:13.5px}.of-aside .prop .k{font-size:13px}.of-aside h3{color:var(--text-3);text-transform:none;margin:0 0 6px;font-size:12px;font-weight:500}.of-paper{color:#191919;background:#fff;border-radius:6px;max-width:820px;margin:0 auto;padding:56px 64px 64px;font-size:14.5px;line-height:1.65;box-shadow:0 0 0 1px #1919190f,0 1px 3px #0000000f,0 12px 32px #0000000d}.of-paper ::selection{background:#d3e5f3}.of-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:44px;display:flex}.of-head img{object-fit:cover;border-radius:8px}.of-meta{text-align:right;color:#787774;font-size:12.5px;line-height:1.6}.of-kicker{color:#787774;margin:0 0 8px;font-size:12.5px}.of-title{letter-spacing:-.025em;width:100%;color:inherit;resize:none;background:0 0;border:0;outline:none;margin:0 0 10px;padding:0;font-family:inherit;font-size:32px;font-weight:650;line-height:1.15}.of-for{border-top:1px solid #ececeb;border-bottom:1px solid #ececeb;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 8px;padding:16px 0;font-size:13.5px;display:grid}.of-for span{color:#787774;margin-bottom:2px;font-size:12px;display:block}.of-block{margin-top:36px;position:relative}.of-block h2{letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:600}.of-block p{color:#37352f;white-space:pre-wrap;margin:0 0 10px}.of-edit .of-block{transition:background .12s var(--ease), box-shadow .12s var(--ease);border-radius:8px;margin-left:-12px;margin-right:-12px;padding:4px 12px 8px}.of-edit .of-block:hover{box-shadow:0 0 0 1px #e3e3e1}.of-edit .of-block.on{box-shadow:0 0 0 1px #c9c8c5,0 0 0 4px #f1f1ef}.of-btools{opacity:0;transition:opacity .12s var(--ease);background:#fff;border-radius:6px;gap:2px;display:flex;position:absolute;top:6px;right:8px}.of-block:hover .of-btools,.of-block.on .of-btools,.of-btools:focus-within{opacity:1}.of-btools .btn{color:#787774;height:26px}.of-btools .btn.icon{width:26px}.of-btools .btn:hover{color:#191919;background:#f1f1ef}.of-h-input{letter-spacing:-.01em;width:calc(100% - 120px);color:inherit;background:0 0;border:0;outline:none;margin:0 0 6px;padding:0;font-family:inherit;font-size:18px;font-weight:600}.of-text{color:#37352f;width:100%;font:inherit;resize:none;background:0 0;border:0;outline:none;min-height:1.65em;margin:0;padding:0;line-height:1.65;overflow:hidden}.of-rendered{cursor:text;border-radius:4px}.of-rendered:empty:before{content:"Typ hier je tekst…";color:#a3a29e}.of-var{color:#2f73a0;white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#e7f3f8;border-radius:4px;padding:1px 4px;font-size:.94em;font-weight:500;display:inline}.of-var.empty{color:#c4620c;background:#fbecdd}.of-lines{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:6px 0 0;font-size:14px}.of-lines th{text-align:left;color:#787774;white-space:nowrap;border-bottom:1px solid #e3e3e1;padding:8px;font-size:12px;font-weight:500}.of-lines td{vertical-align:top;border-bottom:1px solid #ececeb;padding:12px 8px}.of-lines th.num,.of-lines td.num{text-align:right;white-space:nowrap}.of-lines tr.off td{color:#a3a29e}.of-lines tr.off .of-lt{-webkit-text-decoration:line-through #c9c8c5;text-decoration:line-through #c9c8c5}.of-lines .of-ld{color:#787774;margin-top:2px;font-size:13px;line-height:1.5;display:block}.of-lines input.bare-input{width:100%;font:inherit}.of-lines .of-ld-input{color:#787774;width:100%;font:inherit;resize:none;background:0 0;border:0;outline:none;margin-top:2px;padding:0;font-size:13px;line-height:1.5;display:block;overflow:hidden}.of-lines .of-ld-input::placeholder{color:#a3a29e}.of-lines .num-input,.of-lines .of-price{color:#191919;background:#fff;border:1px solid #e3e3e1;border-radius:6px;height:28px}.of-price{text-align:right;font-variant-numeric:tabular-nums;outline:none;width:92px;padding:0 8px;font-size:13.5px}.of-price:focus,.of-lines .num-input:focus{border-color:#787774}.of-check{color:#fff;cursor:pointer;width:20px;height:20px;transition:background .12s var(--ease), border-color .12s var(--ease);background:#fff;border:1.5px solid #c9c8c5;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:0;display:inline-flex}.of-check.on{background:#191919;border-color:#191919}.of-check .ico{stroke-width:2.4px;width:13px;height:13px}.of-sum{font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;width:min(320px,100%);margin-left:auto;padding-top:14px;font-size:14px;display:flex}.of-sum div{color:#5f5e5b;justify-content:space-between;gap:16px;display:flex}.of-sum div.tot{color:#191919;border-top:1px solid #e3e3e1;padding-top:8px;font-size:16px;font-weight:600}.of-tag{vertical-align:1px;color:#5f5e5b;white-space:nowrap;background:#f1f1ef;border-radius:4px;align-items:center;height:18px;margin-left:6px;padding:0 6px;font-size:11.5px;font-weight:500;display:inline-flex}.of-tag.blue{color:#2f73a0;background:#e7f3f8}.of-plan{flex-direction:column;margin-top:8px;display:flex}.of-plan-row{font-variant-numeric:tabular-nums;border-bottom:1px solid #ececeb;grid-template-columns:28px minmax(0,1fr) 64px 110px;align-items:center;gap:12px;min-height:52px;font-size:14px;display:grid}.of-plan-row .n{color:#5f5e5b;background:#f1f1ef;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.of-plan-row .when{color:#787774;font-size:12.5px;display:block}.of-plan-row .num{text-align:right}.of-plan-edit .of-plan-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1.25fr) 92px 76px 28px}.of-plan-edit select,.of-plan-edit .of-date{color:#191919;background:#fff;border:1px solid #e3e3e1;border-radius:6px;outline:none;width:100%;min-width:0;height:28px;padding:0 6px;font-size:13px}.of-sign{border-top:1px solid #ececeb;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:44px;padding-top:20px;font-size:13.5px;display:grid}.of-sign span{color:#787774;font-size:12px;display:block}.of-script{color:#191919;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #c9c8c5;min-height:44px;margin:6px 0;padding:4px 2px;font-family:Snell Roundhand,Segoe Script,Brush Script MT,Apple Chancery,cursive;font-size:30px;line-height:1.3;overflow:hidden}.of-script.ph{color:#c9c8c5;align-items:flex-end;font-family:inherit;font-size:14px;display:flex}.of-audit{color:#5f5e5b;border:1px solid #ececeb;border-radius:8px;grid-template-columns:150px minmax(0,1fr);gap:6px 12px;margin-top:28px;padding:14px 16px;font-size:12.5px;display:grid}.of-audit b{color:#191919;word-break:break-all;font-weight:500}.of-add{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.of-add .btn{color:#787774;height:28px}.of-add .btn:hover{color:#191919;background:#f1f1ef}.of-banner{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;max-width:820px;margin:0 auto 16px;padding:12px 14px;font-size:13.5px;display:flex}.of-banner>span{flex:1;min-width:200px}.of-ev{flex-direction:column;display:flex}.of-ev li{grid-template-columns:20px minmax(0,1fr);gap:8px;padding:6px 0;font-size:13px;display:grid;position:relative}.of-ev li:before{content:"";background:var(--border);width:1px;position:absolute;top:26px;bottom:-6px;left:9px}.of-ev li:last-child:before{display:none}.of-ev .ico{width:14px;height:14px;color:var(--icon);margin:2px 0 0 3px}.of-vars{flex-wrap:wrap;gap:6px;display:flex}.of-vars button{border:1px solid var(--border);background:var(--bg);color:var(--text-3);text-align:left;border-radius:6px;flex-direction:column;align-items:flex-start;gap:1px;max-width:100%;padding:6px 8px;font-size:12px;display:inline-flex}.of-vars button b{color:var(--blue-fg);text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:12.5px;font-weight:500;overflow:hidden}.of-vars button:hover{border-color:var(--border-strong);background:var(--soft)}.of-client{color:#191919;background:#f7f7f5;min-height:100dvh;padding:0 16px 140px}.of-client-top{justify-content:space-between;align-items:center;gap:12px;max-width:820px;height:64px;margin:0 auto;display:flex}.of-bar{z-index:50;width:min(760px,100vw - 24px);animation:barin .3s var(--ease);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:10px 10px 10px 18px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #19191914,0 12px 40px #19191929}.of-bar>div:first-child{color:#787774;flex-direction:column;flex:1;gap:1px;min-width:0;font-size:13px;display:flex}.of-bar b{color:#191919;font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:600}.of-bar .btn{border-radius:9px;height:38px;padding:0 14px;font-size:14px}.of-bar .btn.primary{color:#fff;background:#191919}.of-bar .btn:not(.primary){color:#5f5e5b}.of-bar .btn:not(.primary):hover{color:#191919;background:#f1f1ef}@keyframes barin{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.of-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.of-steps li{grid-template-columns:26px minmax(0,1fr);gap:10px;font-size:14px;line-height:1.5;display:grid}.of-steps li>span:first-child{background:var(--muted);width:24px;height:24px;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.of-mail{border:1px solid var(--border);background:var(--soft);border-radius:10px;padding:20px}.of-mail-card{color:#191919;background:#fff;border-radius:10px;padding:28px 28px 24px;font-size:14px;line-height:1.6;box-shadow:0 0 0 1px #1919190f}.of-mail-card p{white-space:pre-wrap;color:#37352f;margin:0 0 12px}.of-mail-box{border:1px solid #ececeb;border-radius:8px;justify-content:space-between;gap:12px;margin:16px 0;padding:12px 14px;font-size:13.5px;display:flex}.of-mail-cta{color:#fff;background:#191919;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}.of-mini{border:1px solid var(--border);background:#f7f7f5;border-radius:10px;height:420px;position:relative;overflow:hidden}.of-mini>div{transform-origin:0 0;pointer-events:none;width:192%;padding:24px;transform:scale(.52)}.of-tcards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.of-tcard{border:1px solid var(--border);background:var(--bg);text-align:left;color:var(--text);font:inherit;border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.of-tcard.pick{cursor:pointer;transition:border-color .12s var(--ease), box-shadow .12s var(--ease)}.of-tcard.pick:hover{border-color:var(--border-strong)}.of-tcard.on{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.of-thumb{background:var(--soft);border-radius:8px;flex-direction:column;gap:6px;height:92px;padding:12px 14px;display:flex;overflow:hidden}.of-thumb i{background:var(--border-strong);opacity:.55;border-radius:3px;height:6px;display:block}.of-split{display:inline-flex}.of-split>.btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.of-split>span>.btn{border-top-left-radius:0;border-bottom-left-radius:0;justify-content:center;width:28px;margin-left:1px;padding:0}.of-progress{background:var(--muted);border-radius:3px;gap:2px;height:6px;display:flex;overflow:hidden}.of-progress span{height:100%;display:block}.of-pay{border:1px solid var(--border);background:var(--bg);border-radius:12px;overflow:hidden}.of-pay-head{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.of-pay-row{border-top:1px solid var(--border);grid-template-columns:28px minmax(0,1.3fr) minmax(0,1fr) 96px 140px 104px;align-items:center;gap:12px;min-height:54px;padding:0 12px 0 16px;font-size:14px;display:grid}.of-pay-row .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.of-pay-row .n{background:var(--muted);width:24px;height:24px;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.of-pay-row .n.done{background:var(--green-bg);color:var(--green-fg)}.of-pay-row .act{justify-content:flex-end;display:flex}@media print{.of-client{background:#fff;padding:0}.of-paper{box-shadow:none;max-width:none;padding:0}.of-bar,.of-client-top,.of-btools{display:none!important}}.of-main{flex-direction:column;display:flex;overflow:hidden}@media (max-width:1100px){.of-main{display:block;overflow-y:auto}.of-wrap{grid-template-columns:minmax(0,1fr);height:auto}.of-aside{border-left:0;border-top:1px solid var(--border)}.of-canvas{overflow:visible}}@media (max-width:760px){.of-canvas{padding:12px 8px 80px}.of-paper{padding:28px 20px 32px;font-size:14px}.of-title{font-size:25px}.of-head{margin-bottom:28px}.of-for{grid-template-columns:1fr;gap:10px}.of-sign{grid-template-columns:1fr}.of-audit{grid-template-columns:1fr;gap:2px}.of-audit b{margin-bottom:6px}.of-plan-row{grid-template-columns:24px minmax(0,1fr) 84px}.of-plan-row .pct{display:none}.of-plan-edit .of-plan-row{grid-template-columns:24px minmax(0,1fr) 84px 28px;row-gap:6px;padding:8px 0}.of-plan-edit .of-plan-row>:first-child{grid-area:1/1}.of-plan-edit .of-plan-row>:nth-child(2){grid-area:1/2}.of-plan-edit .of-plan-row .num{grid-area:1/3}.of-plan-edit .of-plan-row>button{grid-area:1/4}.of-plan-edit .of-plan-row .trig{grid-area:2/2/auto/5}.of-plan-edit .of-plan-row .amt,.of-lines .hide-xs{display:none}.of-bar{flex-wrap:wrap;gap:8px;padding:10px;bottom:10px}.of-bar>div:first-child{flex-basis:100%}.of-bar .btn{flex:1;justify-content:center}.of-pay-row{grid-template-columns:24px minmax(0,1fr) auto;align-items:start;row-gap:6px;padding:12px 10px 12px 12px}.of-pay-row>:first-child{grid-area:1/1}.of-pay-row>:nth-child(2){grid-area:1/2}.of-pay-row .num{grid-area:1/3}.of-pay-row .when{grid-area:2/2/auto/4}.of-pay-row .st{grid-area:3/2;align-items:center;display:flex}.of-pay-row .act{grid-area:3/3;justify-content:flex-end}.of-pay-head>span:last-child{width:100%!important}.of-send{grid-template-columns:minmax(0,1fr)!important}.of-price{width:76px}.of-lines td,.of-lines th{padding-left:4px;padding-right:4px}}.copy-id{font:inherit;color:inherit;cursor:copy;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:left;transition:background .12s var(--ease), color .12s var(--ease);background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;margin:-1px -4px;padding:1px 4px;display:inline-flex}.copy-id:hover{background:var(--hover);color:var(--text)}.copy-id:active{transform:scale(.97)}.copy-id .ico{width:12px;height:12px;color:var(--icon);opacity:0;transition:opacity .12s var(--ease)}.copy-id:hover .ico,.copy-id:focus-visible .ico,.copy-id.done .ico{opacity:1}.copy-id.done,.copy-id.done .ico{color:var(--green-fg)}.row .copy-id.id{box-sizing:border-box;width:56px;margin:0 4px 0 -4px;padding:1px 4px}@media (hover:none){.copy-id .ico{opacity:1}}.ch-main-area{flex-direction:column;display:flex;overflow:hidden}.ch-app{flex:1;grid-template-columns:264px minmax(0,1fr);min-height:0;display:grid}.ch-list{border-right:1px solid var(--border);flex-direction:column;gap:1px;min-height:0;padding:12px 8px 24px;display:flex;overflow-y:auto}.ch-search{border:1px solid var(--border);height:32px;color:var(--icon);border-radius:8px;align-items:center;gap:8px;margin:0 2px 6px;padding:0 10px;display:flex}.ch-search input{font-size:13.5px}.ch-sec{color:var(--text-3);justify-content:space-between;align-items:center;padding:14px 8px 4px;font-size:12px;font-weight:500;display:flex}.ch-sec .btn.icon{width:22px;height:22px}.ch-row{height:30px;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;width:100%;padding:0 8px;font-size:13.5px;display:flex}.ch-row .ico{color:var(--icon)}.ch-row:hover{background:var(--hover);color:var(--text)}.ch-row.on{background:var(--active);color:var(--text);font-weight:500}.ch-row.unread{color:var(--text);font-weight:600}.ch-badge-n{background:var(--text);min-width:18px;height:18px;color:var(--bg);font-variant-numeric:tabular-nums;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.ch-badge-n.at{background:var(--red-dot);color:#fff}.ch-presence{display:inline-flex;position:relative}.ch-presence i{background:var(--green-dot);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.ch-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.ch-split{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.ch-split.with-thread{grid-template-columns:minmax(0,1fr) 380px}.ch-view{flex-direction:column;min-width:0;min-height:0;display:flex}.ch-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:56px;padding:0 16px 0 20px;display:flex}.ch-back{display:none!important}.ch-members{align-items:center;display:inline-flex}.ch-members .av{box-shadow:0 0 0 2px var(--bg);margin-left:-6px}.ch-members .av:first-child{margin-left:0}.ch-members .sub{margin-left:6px;font-size:12.5px}.ch-pins{border-bottom:1px solid var(--border);background:var(--soft);scrollbar-width:none;flex-shrink:0;align-items:center;gap:6px;padding:6px 20px;display:flex;overflow-x:auto}.ch-pins::-webkit-scrollbar{display:none}.ch-pins button{background:var(--bg);box-shadow:inset 0 0 0 1px var(--border);height:24px;color:var(--text-2);border:0;border-radius:6px;flex-shrink:0;align-items:center;max-width:260px;padding:0 8px;font-size:12.5px;display:inline-flex}.ch-pins button:hover{color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.ch-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:8px 0 12px;overflow-y:auto}.ch-intro{flex-direction:column;align-items:flex-start;gap:8px;padding:24px 20px 12px;display:flex}.ch-intro h2{letter-spacing:-.015em;margin:6px 0 0;font-size:20px;font-weight:650}.ch-intro p{max-width:560px;margin:0;line-height:1.5}.ch-intro-ic{background:var(--muted);width:44px;height:44px;color:var(--text-2);border-radius:10px;justify-content:center;align-items:center;display:flex}.ch-day{color:var(--text-3);align-items:center;gap:12px;padding:14px 20px 6px;font-size:12px;font-weight:500;display:flex}.ch-day:before,.ch-day:after{content:"";background:var(--border);flex:1;height:1px}.ch-new{color:var(--red-fg);align-items:center;gap:8px;padding:6px 20px 2px;font-size:11.5px;font-weight:600;display:flex}.ch-new:before{content:"";background:var(--red-dot);opacity:.55;flex:1;height:1px}.ch-count{color:var(--text-3);align-items:center;gap:10px;padding:8px 12px 2px;font-size:12px;display:flex}.ch-count:after{content:"";background:var(--border);flex:1;height:1px}.ch-msg{transition:background .12s var(--ease);grid-template-columns:36px minmax(0,1fr);gap:0 10px;padding:6px 20px 6px 16px;display:grid;position:relative}.ch-msg.grouped{padding-top:1px;padding-bottom:2px}.ch-msg:hover{background:var(--soft)}.ch-msg.flash{animation:chflash 2.4s var(--ease)}@keyframes chflash{0%,45%{background:var(--yellow-bg)}to{background:0 0}}.ch-gutter{justify-content:center;padding-top:2px;display:flex}.ch-gutter .av{width:32px;height:32px;font-size:12px}.ch-gutter-time{color:var(--text-4);opacity:0;font-variant-numeric:tabular-nums;font-size:10.5px;line-height:23px}.ch-msg:hover .ch-gutter-time{opacity:1}.ch-main{flex-direction:column;gap:4px;min-width:0;display:flex}.ch-head{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;display:flex}.ch-head b{font-weight:600}.ch-head .sub{font-size:12px}.ch-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font-size:14.5px;line-height:1.55}.ch-ref{background:var(--muted);height:22px;color:var(--text);font:inherit;vertical-align:-4px;cursor:pointer;white-space:nowrap;max-width:320px;transition:background .12s var(--ease);border:0;border-radius:6px;align-items:center;gap:5px;margin:0 1px;padding:0 7px;font-size:13px;display:inline-flex}.ch-ref:hover{background:var(--active)}.ch-ref .k{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px}.ch-ref.done .ellipsis{color:var(--text-3);text-decoration:line-through}.ch-ref.missing{color:var(--text-3);cursor:default}.ch-mention{color:var(--blue-fg);background:var(--blue-bg);border-radius:4px;padding:0 3px;font-weight:500}.ch-mention.me{color:var(--yellow-fg);background:var(--yellow-bg)}.ch-code{font-family:var(--font-geist-mono,ui-monospace), ui-monospace, monospace;background:var(--muted);border-radius:4px;padding:1px 5px;font-size:12.5px}.ch-link{color:var(--blue-fg);text-underline-offset:2px;text-decoration:underline}.ch-card{border:1px solid var(--border);background:var(--bg);max-width:560px;box-shadow:var(--shadow-sm);white-space:normal;border-radius:10px;flex-direction:column;gap:8px;margin:2px 0;padding:10px 12px;display:flex}.ch-card-label{color:var(--text-3);align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.ch-card-top{align-items:center;gap:10px;min-width:0;display:flex}.ch-card-check{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:inline-flex}.ch-card-check svg{transition:transform .15s var(--ease)}.ch-card-check:hover svg{transform:scale(1.12)}.ch-card-title{font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:0;font-size:14.5px;font-weight:500}.ch-card-title:hover{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.ch-card.done .ch-card-title{color:var(--text-3);text-decoration:line-through}.ch-card-meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:4px 14px;padding-left:26px;font-size:12.5px;display:flex}.ch-card-meta>span,.ch-card-who{align-items:center;gap:5px;display:inline-flex}.ch-card-who:hover{color:var(--text)}.ch-card-meta .btn{height:24px;font-size:12.5px}.ch-files{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.ch-img img{border:1px solid var(--border);object-fit:cover;border-radius:8px;max-width:min(320px,100%);max-height:220px;display:block}.ch-file{border:1px solid var(--border);background:var(--bg);text-align:left;width:300px;max-width:100%;font:inherit;color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.ch-file:hover{border-color:var(--border-strong)}.ch-file-ic{background:var(--muted);width:34px;height:34px;color:var(--text-2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ch-file-ic.pdf{background:var(--red-bg);color:var(--red-fg)}.ch-file-ic.image{background:var(--blue-bg);color:var(--blue-fg)}.ch-reacts{flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;display:flex}.ch-reacts>button{border:1px solid var(--border);background:var(--bg);height:24px;color:var(--text-2);border-radius:12px;align-items:center;gap:4px;padding:0 8px;font-size:13px;display:inline-flex}.ch-reacts>button:hover{border-color:var(--border-strong)}.ch-reacts>button.on{border-color:var(--blue-dot);background:var(--blue-bg);color:var(--blue-fg)}.ch-reacts .n{font-variant-numeric:tabular-nums;font-size:12px}.ch-react-add{border:1px dashed var(--border-2);width:28px;height:24px;color:var(--icon);opacity:0;transition:opacity .12s var(--ease);background:0 0;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.ch-msg:hover .ch-react-add,.ch-react-add:focus-visible{opacity:1}.ch-replies{font:inherit;color:var(--blue-fg);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;max-width:100%;margin-left:-4px;padding:3px 8px 3px 4px;font-size:13px;display:inline-flex}.ch-replies b{white-space:nowrap;font-weight:600}.ch-replies .av{box-shadow:0 0 0 2px var(--bg);margin-right:-4px}.ch-replies .go{align-items:center;gap:2px;margin-left:4px;display:none}.ch-replies:hover{background:var(--bg);border-color:var(--border)}.ch-replies:hover .go{display:inline-flex}.ch-actions{background:var(--elevated);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .1s var(--ease);z-index:2;border-radius:8px;align-items:center;gap:1px;padding:2px;display:flex;position:absolute;top:-14px;right:16px}.ch-msg:hover .ch-actions,.ch-actions:focus-within{opacity:1;pointer-events:auto}.ch-actions .btn.icon{width:28px;height:28px;font-size:14px}.ch-emoji{grid-template-columns:repeat(6,1fr);gap:2px;display:grid}.menu .ch-emoji button{justify-content:center;height:30px;padding:0;font-size:17px}.ch-badge{background:var(--muted);height:18px;color:var(--text-2);border-radius:4px;align-items:center;gap:4px;padding:0 6px;font-size:11px;font-weight:500;display:inline-flex}.ch-badge.blue{background:var(--blue-bg);color:var(--blue-fg)}.ch-badge .ico{color:currentColor}.ch-msg.announce>.ch-main{border:1px solid var(--border);border-left:3px solid var(--blue-dot);background:var(--bg);box-shadow:var(--shadow-sm);border-radius:10px;padding:12px 14px}.ch-announce-head{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.ch-announce-head h3{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.ch-announce-card{border:1px solid var(--border);border-left:3px solid var(--blue-dot);color:var(--text);background:var(--bg);transition:border-color .12s var(--ease);border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;display:flex}.ch-announce-card:hover{border-color:var(--border-strong);border-left-color:var(--blue-dot)}.ch-announce-card>span:last-child{width:100%}.ch-foot{flex-shrink:0;padding:6px 20px 16px}.ch-readonly{color:var(--text-3);background:var(--soft);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.ch-composer{border:1px solid var(--border-2);background:var(--bg);box-shadow:var(--shadow-sm);transition:border-color .12s var(--ease), box-shadow .12s var(--ease);border-radius:12px;position:relative}.ch-composer:focus-within{border-color:var(--text-3);box-shadow:0 0 0 3px var(--muted)}.ch-composer.drag{border-color:var(--blue-dot)}.ch-input{resize:none;width:100%;font:inherit;color:var(--text);background:0 0;border:0;outline:none;max-height:220px;padding:12px 14px 4px;font-size:14.5px;line-height:1.5;display:block}.ch-input::placeholder,.ch-title-input::placeholder{color:var(--text-4)}.ch-title-input{border:0;border-bottom:1px solid var(--border);width:100%;font:inherit;color:var(--text);background:0 0;outline:none;padding:12px 14px 8px;font-size:15px;font-weight:600;display:block}.ch-tools{align-items:center;gap:2px;padding:4px 6px 6px;display:flex}.btn.on-soft{background:var(--blue-bg);color:var(--blue-fg)}.btn.on-soft .ico{color:var(--blue-fg)}.btn.primary.ch-send{border-radius:8px;justify-content:center;width:30px;height:30px;margin-left:8px;padding:0}.ch-pending{flex-wrap:wrap;gap:6px;padding:4px 12px;display:flex}.ch-pending-file{border:1px solid var(--border);background:var(--soft);border-radius:8px;align-items:center;gap:6px;max-width:240px;height:30px;padding:0 4px 0 8px;font-size:12.5px;display:inline-flex}.ch-pending-file img{object-fit:cover;border-radius:4px;width:20px;height:20px}.ch-pending-file button{width:22px;height:22px;color:var(--icon);background:0 0;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ch-pending-file button:hover{background:var(--hover);color:var(--text)}.ch-drop{background:color-mix(in srgb, var(--blue-bg) 90%, transparent);color:var(--blue-fg);pointer-events:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:500;display:flex;position:absolute;inset:0}.ch-sugg{background:var(--elevated);width:min(440px,100% - 16px);box-shadow:var(--shadow-md);z-index:30;max-height:330px;animation:fadeonly .12s var(--ease);border-radius:10px;padding:4px;position:absolute;bottom:calc(100% + 6px);left:8px;overflow-y:auto}.ch-sugg-head{color:var(--text-3);padding:6px 8px 4px;font-size:11.5px}.ch-sugg button{width:100%;height:34px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:13.5px;display:flex}.ch-sugg button.on{background:var(--hover)}.ch-sugg .ic{width:20px;color:var(--icon);flex-shrink:0;justify-content:center;display:inline-flex}.ch-thread{border-left:1px solid var(--border);background:var(--bg);min-width:0;min-height:0;animation:slide .18s var(--ease);flex-direction:column;display:flex}.ch-thread-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:56px;padding:0 10px 0 16px;display:flex}.ch-thread-body{flex:1;min-height:0;padding:8px 0;overflow-y:auto}.ch-thread .ch-msg{padding-left:12px;padding-right:12px}.ch-thread .ch-actions{right:8px}.ch-thread-foot{flex-shrink:0;padding:6px 12px 12px}.ch-edit{flex-direction:column;gap:6px;display:flex}.ch-embed{border:1px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;height:clamp(520px,100vh - 300px,960px);margin-top:16px;display:flex;overflow:hidden}@media (max-width:1100px){.ch-split.with-thread{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:860px){.ch-app{grid-template-columns:minmax(0,1fr)}.ch-app .ch-pane,.ch-app.has-conv .ch-list{display:none}.ch-app.has-conv .ch-pane{display:flex}.ch-back{margin-left:-6px;display:inline-flex!important}.ch-split.with-thread{grid-template-columns:minmax(0,1fr)}.ch-thread{z-index:75;border-left:0;position:fixed;inset:0}.ch-header{padding:0 10px}.ch-msg{grid-template-columns:32px minmax(0,1fr);padding-left:10px;padding-right:10px}.ch-gutter .av{width:30px;height:30px}.ch-actions{right:6px}.ch-foot{padding:6px 10px 10px}.ch-intro,.ch-day,.ch-new{padding-left:12px;padding-right:12px}.ch-pins{padding:6px 12px}.ch-embed{border-left:0;border-right:0;border-radius:0;height:calc(100dvh - 230px);min-height:460px;margin:12px -20px 0}.ch-card-meta{padding-left:0}}@media (hover:none){.ch-actions{opacity:1;pointer-events:auto;box-shadow:none;background:0 0;top:2px;right:4px}.ch-actions>button,.ch-actions>span:not(:last-child){display:none!important}.ch-actions .btn.icon{color:var(--icon);opacity:.7}.ch-react-add{opacity:1}}.ch-card-acts{flex-shrink:0;gap:2px;margin-right:-4px;display:inline-flex}.ch-card-acts .btn{height:24px;color:var(--text-3);font-size:12.5px}.ch-card-acts .btn:hover{color:var(--text)}:is(.app:has(.ch-embed) .fab,.app:has(.ch-app) .fab){display:none}.menu .ch-emoji-menu{border-bottom:1px solid var(--border);margin-bottom:4px;padding:2px 2px 4px}