@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#0e0f13;--surface:#16171c;--surface-2:#1b1d23;--surface-3:#212430;--surface-4:#2a2d39;--border:#24262e;--border-strong:#32353f;--bg-raised:var(--surface);--bg-raised-2:var(--surface-2);--bg-hover:var(--surface-3);--bg-active:var(--surface-4);--glass-hi:inset 0 1px 0 #ffffff08;--text-h:#eceef3;--text:#a3a7b4;--text-dim:#838795;--text-faint:#767b88;--accent:#8b5cf6;--accent-bright:#a78bfa;--accent-soft:#8b5cf624;--accent-line:#8b5cf652;--accent-glow:#8b5cf64d;--gradient-brand:linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);--danger:#f87171;--danger-soft:#f871711f;--success:#34d399;--success-soft:#34d3991f;--warn:#fbbf24;--warn-soft:#fbbf241f;--info:#60a5fa;--info-soft:#60a5fa1f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-1:0 1px 2px #00000052;--shadow-2:0 4px 14px #00000061;--shadow-3:0 18px 48px #0000008c;--z-nav:20;--z-pop:40;--z-modal:50;--font:"Inter", -apple-system, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;--t-fast:.13s cubic-bezier(.2, 0, 0, 1);--t-med:.22s cubic-bezier(.2, 0, 0, 1);--sidebar-w:248px;--sidebar-w-collapsed:64px;--topbar-h:52px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;max-width:100%;font-size:14px;line-height:1.5;overflow-x:clip}h1,h2,h3,h4{color:var(--text-h);letter-spacing:-.014em;font-weight:600;line-height:1.25}h1{font-size:21px}h2{font-size:17px}h3{font-size:15px}h4{font-size:13px}a{color:var(--accent-bright);text-decoration:none}a:hover{color:#c4b5fd}code{font-family:var(--font-mono);background:var(--surface-3);border-radius:var(--radius-xs);padding:2px 6px;font-size:12px}::selection{color:#fff;background:#8b5cf652}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:3px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#454956 padding-box content-box}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:1px;border-radius:var(--radius-sm)}button{cursor:pointer;border-radius:var(--radius-sm);color:var(--text);transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast), opacity var(--t-fast);background:0 0;border:none;font-family:inherit;font-size:13px}button:disabled{opacity:.45;cursor:not-allowed}.btn{letter-spacing:-.005em;min-height:32px;color:var(--text-h);background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-4);border-color:#414553}.btn-primary{background:var(--accent);color:#fff;border-color:#0000;font-weight:550;box-shadow:0 1px 2px #0000004d}.btn-primary:hover:not(:disabled){background:#9d75f8;border-color:#0000}.btn-primary:active:not(:disabled){background:#7c4ee8}.btn-danger{color:var(--danger);background:0 0;border-color:#f8717147}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:#f871718c}.btn-ghost{color:var(--text-dim);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:6px;display:inline-flex}.btn-ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text-h)}.btn-sm{gap:5px;min-height:27px;padding:0 9px;font-size:12px}input,textarea,select{background:var(--bg);color:var(--text-h);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-height:34px;transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);outline:none;padding:7px 11px;font-family:inherit;font-size:13.5px}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:#3f4350}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}textarea{resize:vertical;line-height:1.55}select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px}select option{background:var(--surface-2);color:var(--text-h)}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=checkbox]{width:auto;min-height:auto;accent-color:var(--accent);cursor:pointer}input[type=file]{color:var(--text);padding:7px;font-size:13px}label{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.field{margin-bottom:var(--space-4)}.muted{color:var(--text-dim);font-size:12.5px}.error-text{color:var(--danger);margin-top:var(--space-2);font-size:12.5px}.avatar{--av-size:26px;width:var(--av-size);height:var(--av-size);background:var(--surface-4);color:var(--text-h);font-size:calc(var(--av-size) * .38);letter-spacing:.01em;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar-stack{align-items:center;display:inline-flex}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--surface);position:relative}.avatar-stack .avatar+.avatar{margin-left:calc(var(--av-size) * -.32)}.avatar-extra{background:var(--surface-4);color:var(--text)}.page-loader{height:100%;min-height:60vh;color:var(--text-dim);align-content:center;place-items:center;gap:var(--space-3);font-size:13px;display:grid}.page-loader:before{content:"";border:2.5px solid var(--border-strong);border-top-color:var(--accent-bright);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg, var(--surface) 40%, var(--surface-3) 50%, var(--surface) 60%);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.app-shell{background:var(--bg);height:100dvh;display:flex;position:relative;overflow:hidden}.sb-scrim{z-index:calc(var(--z-nav) - 1);animation:fade-in var(--t-fast) both;background:#06070a99;position:absolute;inset:0}.app-sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);transition:width var(--t-med);flex-direction:column;flex:none;display:flex}.app-sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sb-head{height:var(--topbar-h);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:9px;padding:0 10px 0 14px;display:flex}.sb-mark{background:var(--gradient-brand);color:#fff;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid;box-shadow:0 2px 8px #7c3aed66}.sb-brand{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.sb-brand .name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.sb-brand .sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sb-collapse{color:var(--text-faint);flex:none}.sb-collapse:hover{color:var(--text-h);background:var(--surface-3)}.sb-nav{min-height:0;padding:var(--space-3) 8px var(--space-4);flex-direction:column;flex:1;gap:1px;display:flex;overflow-y:auto}.sb-section{padding:var(--space-4) 8px 5px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:6px;font-size:10.5px;font-weight:600;display:flex}.sb-nav>.sb-section:first-child{padding-top:2px}.sb-link{border-radius:var(--radius-sm);color:var(--text);transition:background var(--t-fast), color var(--t-fast);white-space:nowrap;align-items:center;gap:10px;padding:7px 9px;font-size:13.5px;font-weight:500;line-height:1.3;display:flex;position:relative}.sb-link svg{color:var(--text-dim);transition:color var(--t-fast);flex:none}.sb-link:hover{background:var(--surface-3);color:var(--text-h)}.sb-link:hover svg{color:var(--text)}.sb-link.active{background:var(--accent-soft);color:var(--text-h);font-weight:550}.sb-link.active svg{color:var(--accent-bright)}.sb-link .sb-label{text-overflow:ellipsis;overflow:hidden}.sb-link .sb-count{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px;font-weight:600}.sb-link .sb-dot{background:var(--accent-bright);border-radius:50%;flex:none;width:7px;height:7px;margin-left:auto}.sb-foot{border-top:1px solid var(--border);flex:none;padding:8px}.sb-user{border-radius:var(--radius-sm);text-align:left;background:0 0;align-items:center;gap:9px;width:100%;min-width:0;padding:6px 7px;display:flex}.sb-user:hover{background:var(--surface-3)}.sb-user .avatar{--av-size:26px}.sb-user-body{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.sb-user-body .name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:550;overflow:hidden}.sb-user-body .sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sb-signout{color:var(--text-faint);flex:none}.sb-signout:hover{color:var(--danger);background:var(--danger-soft)}.app-sidebar.collapsed .sb-brand,.app-sidebar.collapsed .sb-label,.app-sidebar.collapsed .sb-count,.app-sidebar.collapsed .sb-section span,.app-sidebar.collapsed .sb-user-body,.app-sidebar.collapsed .sb-signout{display:none}.app-sidebar.collapsed .sb-head{justify-content:center;padding:0}.app-sidebar.collapsed .sb-mark{display:none}.app-sidebar.collapsed .sb-link{justify-content:center;padding:8px}.app-sidebar.collapsed .sb-link .sb-dot{margin:0;position:absolute;top:5px;right:8px}.app-sidebar.collapsed .sb-section{padding:var(--space-3) 0 4px;justify-content:center}.app-sidebar.collapsed .sb-section:after{content:"";background:var(--border-strong);width:18px;height:1px}.app-sidebar.collapsed .sb-user{justify-content:center;padding:6px}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-topbar{height:var(--topbar-h);align-items:center;gap:var(--space-3);padding:0 var(--space-5) 0 var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);flex:none;display:flex}.crumbs{align-items:center;gap:7px;min-width:0;display:flex}.crumb{color:var(--text-dim);border-radius:var(--radius-xs);white-space:nowrap;align-items:center;gap:6px;padding:3px 6px;font-size:13px;display:inline-flex}a.crumb:hover{color:var(--text-h);background:var(--surface-3)}.crumb.current{color:var(--text-h);font-weight:600}.crumb-sep{color:var(--text-faint);flex:none}.crumb-key{font-family:var(--font-mono);color:var(--accent-bright);background:var(--accent-soft);border-radius:var(--radius-xs);letter-spacing:.02em;padding:2px 6px;font-size:10.5px;font-weight:600}.topbar-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.topbar-actions .avatar{--av-size:27px}.app-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.container,.mytasks,.backlog,.list-page,.builder,.reports,.calendar-page{width:100%;min-height:0;padding:var(--space-5) var(--space-6) var(--space-6);flex:1;overflow-y:auto}.container{max-width:1180px;margin:0 auto}.mytasks,.backlog{max-width:940px;margin:0 auto}.list-page,.builder{max-width:860px;margin:0 auto}.reports{max-width:980px;margin:0 auto}.calendar-page{max-width:1280px;margin:0 auto}.page-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.page-head h1{font-size:21px}.page-head .muted{font-size:13px}.empty-state{text-align:center;padding:56px var(--space-5);color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);animation:fade-in var(--t-med) both;align-content:center;place-items:center;gap:4px;display:grid}.empty-state h3{margin-bottom:2px}.empty-state p{font-size:13px}.project-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(272px,1fr));display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:border-color var(--t-med), transform var(--t-med), box-shadow var(--t-med), background var(--t-med);animation:rise-in var(--t-med) both;flex-direction:column;gap:3px;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--shadow-2);transform:translateY(-2px)}.project-card .key{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent-bright);background:var(--accent-soft);border-radius:var(--radius-xs);margin-bottom:var(--space-3);align-self:flex-start;padding:3px 8px;font-size:10.5px;font-weight:600}.project-card h3{font-size:15px}.project-card p{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.project-grid .project-card:nth-child(2){animation-delay:30ms}.project-grid .project-card:nth-child(3){animation-delay:60ms}.project-grid .project-card:nth-child(4){animation-delay:90ms}.project-grid .project-card:nth-child(n+5){animation-delay:.12s}.board-view{flex-direction:column;flex:1;min-height:0;display:flex}.board-toolbar{align-items:center;gap:var(--space-2);padding:10px var(--space-5);border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;flex:none;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-right:3px;font-size:10.5px;font-weight:600}.filter-chip{border-radius:var(--radius-sm);background:var(--surface-2);height:26px;color:var(--text);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.filter-chip:hover{background:var(--surface-3);color:var(--text-h)}.filter-chip.active{color:var(--text-h);background:color-mix(in srgb, var(--chip-color,var(--accent)) 20%, var(--surface-2));border-color:color-mix(in srgb, var(--chip-color,var(--accent)) 55%, transparent)}.filter-count{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.filter-sep{background:var(--border-strong);width:1px;height:18px;margin:0 4px}.filter-clear{color:var(--text-dim);padding:5px 8px;font-size:12px}.filter-clear:hover{color:var(--text-h)}.board-filters-empty{padding:var(--space-4) var(--space-5) 0;color:var(--text-dim);flex:none;font-size:12.5px}.board{gap:var(--space-3);min-height:0;padding:var(--space-4) var(--space-5) var(--space-5);flex:1;align-items:stretch;display:flex;overflow:auto hidden}.board-col{--col-color:#60a5fa;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:286px;height:100%;max-height:100%;transition:border-color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);animation:rise-in var(--t-med) both;flex-direction:column;flex:none;display:flex;position:relative}.board-col:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--col-color);opacity:.85;height:2px;position:absolute;inset:0 0 auto}.board .board-col:nth-child(2){animation-delay:30ms}.board .board-col:nth-child(3){animation-delay:60ms}.board .board-col:nth-child(4){animation-delay:90ms}.board-col.drop-over{border-color:color-mix(in srgb, var(--col-color) 60%, transparent);background:color-mix(in srgb, var(--col-color) 6%, var(--surface))}.board-col.col-dragging{opacity:.6;box-shadow:var(--shadow-3);z-index:5}.board-col-head{align-items:center;gap:var(--space-2);padding:11px var(--space-3) 9px;flex:none;display:flex}.col-pill{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;align-items:center;max-width:178px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex;overflow:hidden}.board-col-head .count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:600}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.col-edit-btn{opacity:0;margin-left:auto}.board-col:hover .col-edit-btn,.col-edit-btn:focus-visible{opacity:1}.col-editor{margin:0 var(--space-3) var(--space-2);padding:var(--space-3);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);gap:var(--space-2);animation:.16s cubic-bezier(.2,0,0,1) rise-in;display:grid}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;width:22px;height:22px;padding:0}.swatch.selected{border-color:var(--text-h);box-shadow:0 0 0 2px var(--bg)}.col-editor-check{color:var(--text);text-transform:none;letter-spacing:0;cursor:pointer;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.col-editor-check input{width:auto;min-height:auto}.col-editor-actions{align-items:center;gap:var(--space-2);display:flex}.add-col-btn{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);height:36px;color:var(--text-dim);background:0 0;flex:none;align-self:flex-start;align-items:center;gap:6px;padding:0 14px;font-weight:500;display:inline-flex}.add-col-btn:hover{border-color:var(--accent);color:var(--text-h);background:var(--accent-soft)}.board-col-body{min-height:44px;padding:4px var(--space-2) var(--space-2);flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.board-col-foot{padding:0 var(--space-2) var(--space-2);flex:none}.col-add-btn{border-radius:var(--radius-sm);width:100%;color:var(--text-dim);background:0 0;align-items:center;gap:6px;padding:7px 9px;font-size:12.5px;font-weight:500;display:flex}.col-add-btn:hover{background:var(--surface-3);color:var(--text-h)}.task-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px var(--space-3);cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);position:relative}.task-card:hover{background:var(--surface-3);border-color:var(--border-strong);box-shadow:var(--shadow-1)}.task-card.mine{border-left:2px solid var(--accent)}.task-card.dragging{opacity:.3}.task-card .title{color:var(--text-h);margin-bottom:var(--space-2);letter-spacing:-.005em;font-size:13px;font-weight:500;line-height:1.42}.task-card .meta{align-items:center;gap:6px;font-size:11px;display:flex}.task-card .meta .spacer{flex:1}.task-card .task-key{color:var(--text-dim);font-family:var(--font-mono);font-size:10.5px}.task-card .avatar{--av-size:21px}.task-card .due{color:var(--text-dim);align-items:center;gap:3px;font-size:11px;display:inline-flex}.task-card .due.overdue{color:var(--danger);font-weight:600}.card-move{margin-top:var(--space-2);display:none}.card-move-pill{justify-content:space-between;width:100%;height:30px}.card-move-pill .pill-label{text-transform:none;letter-spacing:0;font-size:11.5px}.card-alert{z-index:1;background:var(--danger);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);border-radius:999px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px}.drag-overlay-card .task-card{box-shadow:var(--shadow-3);border-color:var(--accent);background:var(--surface-3);cursor:grabbing;transform:rotate(1.5deg)}.pri-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pri-pill{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;font-size:10px;font-weight:650}.src-pill{border-radius:var(--radius-xs);background:var(--info-soft);color:var(--info);text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;font-size:10px;font-weight:650}.label-chip{border-radius:var(--radius-xs);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;max-width:140px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex;overflow:hidden}.label-chip.sm{max-width:110px;padding:1px 6px;font-size:10px}.label-chip.label-more{background:var(--surface-3);color:var(--text-dim);font-weight:600}.label-chip-x{color:currentColor;opacity:.6;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.label-chip-x:hover{opacity:1}.card-labels{margin-top:var(--space-2);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.card-labels-icon{color:var(--text-faint);flex-shrink:0}.label-picker{position:relative}.label-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.label-add{border:1px dashed var(--border-strong);border-radius:var(--radius-xs);color:var(--text-dim);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.label-add:hover{color:var(--accent-bright);border-color:var(--accent)}.label-pop{z-index:var(--z-pop);width:min(300px,92vw);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--shadow-3);animation:.14s cubic-bezier(.2,0,0,1) both pop-in;position:absolute;top:calc(100% + 6px);left:0}.label-search{width:100%;margin-bottom:var(--space-2);min-height:30px;font-size:12px}.label-options{max-height:190px;overflow-y:auto}.label-option{align-items:center;gap:4px;display:flex}.label-option-main{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:5px 6px;font-size:12px;display:flex}.label-option-main:hover{background:var(--surface-3);color:var(--text-h)}.label-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.label-option-check{color:var(--accent-bright);flex-shrink:0}.label-swatch{border-radius:3px;flex-shrink:0;width:11px;height:11px}.label-option-del{border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:0;padding:4px;display:inline-flex}.label-option:hover .label-option-del{opacity:1}.label-option-del:hover{color:var(--danger);background:var(--danger-soft)}.label-empty{color:var(--text-dim);margin:6px 2px;font-size:12px}.label-create{margin-top:var(--space-2);border-top:1px solid var(--border);padding-top:var(--space-2)}.label-swatches{margin-bottom:var(--space-2);flex-wrap:wrap;gap:5px;display:flex}.label-swatch-btn{border-radius:var(--radius-xs);cursor:pointer;border:2px solid #0000;width:18px;height:18px;padding:0}.label-swatch-btn.active{border-color:var(--text-h)}.label-create-btn{width:100%}.label-error{margin:var(--space-2) 0 0}.quick-add{gap:var(--space-2);display:flex}.quick-add input{min-height:32px;font-size:13px}.mytasks-group{margin-bottom:var(--space-5)}.mytasks-group-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.mytasks-group-head .count{color:var(--text-faint);font-size:12px;font-weight:500}.backlog-row,.list-row{align-items:center;gap:var(--space-3);padding:9px var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t-fast), background var(--t-fast);margin-bottom:5px;animation:.2s cubic-bezier(.2,0,0,1) both rise-in;display:flex}.backlog-row:hover,.list-row:hover{background:var(--surface-2);border-color:var(--border-strong)}.backlog-row.dragging{opacity:.5;box-shadow:var(--shadow-3)}.backlog-row .drag-handle{cursor:grab;color:var(--text-faint);border-radius:var(--radius-xs);padding:3px;display:flex}.backlog-row .drag-handle:hover{color:var(--text-h);background:var(--surface-3)}.backlog-row .title{min-width:0;color:var(--text-h);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.backlog-row .title:hover{color:var(--accent-bright)}.backlog-row select{width:auto;min-height:28px;padding:3px 26px 3px 9px;font-size:12px}.backlog-row .avatar{--av-size:23px}.mytask-row{cursor:pointer}.row-alert{background:var(--danger);color:#fff;text-align:center;border-radius:999px;flex:none;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:18px}.due-chip{color:var(--text-dim);flex:none;font-size:11.5px}.due-chip.overdue{color:var(--danger);font-weight:600}.list-row{padding:var(--space-3)}.list-row .grow{flex:1;min-width:0}.list-row .name{color:var(--text-h);font-size:13.5px;font-weight:550}.list-row .name:hover{color:var(--accent-bright)}.list-row .sub{color:var(--text-dim);font-size:12px}.role-pill{border-radius:var(--radius-xs);background:var(--surface-3);color:var(--text);text-transform:capitalize;padding:3px 9px;font-size:11px;font-weight:600}.role-pill.admin{background:var(--accent-soft);color:var(--accent-bright)}.role-pill.viewer{background:var(--success-soft);color:var(--success)}.member-search{flex:1;position:relative}.member-search input{width:100%;padding-left:32px}.member-search-icon{color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.member-results{z-index:var(--z-pop);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-3);max-height:300px;animation:.14s cubic-bezier(.2,0,0,1) both pop-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto}.member-result{align-items:center;gap:var(--space-3);text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;padding:8px 12px;display:flex}.member-result:last-child{border-bottom:none}.member-result:hover{background:var(--surface-3)}.member-result .avatar{--av-size:28px;flex:none}.member-result-body{flex-direction:column;min-width:0;display:flex}.member-result-body .name{color:var(--text-h);font-size:13px;font-weight:550}.member-result-body .sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.member-noresult{color:var(--text-dim);padding:12px;font-size:12.5px}.builder-field{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-2);transition:border-color var(--t-fast)}.builder-field:hover{border-color:var(--border-strong)}.builder-field-head{gap:var(--space-2);margin-bottom:var(--space-3);align-items:center;display:flex}.builder-field-head input{flex:1}.builder-field-head select{width:158px}.builder-field-opts{align-items:center;gap:var(--space-4);font-size:13px;display:flex}.builder-field-opts label{text-transform:none;letter-spacing:0;color:var(--text);cursor:pointer;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.share-box{align-items:center;gap:var(--space-3);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-4);display:flex}.share-box code{text-overflow:ellipsis;white-space:nowrap;color:var(--accent-bright);background:0 0;flex:1;overflow:hidden}.public-page{min-height:100dvh;padding:56px var(--space-5);background:var(--bg);flex-direction:column;align-items:center;display:flex}.public-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:560px;padding:var(--space-6);box-shadow:var(--shadow-2);animation:pop-in var(--t-med) both}.public-card h1{margin-bottom:6px;font-size:20px}.public-card .desc{margin-bottom:var(--space-5);color:var(--text-dim);font-size:13.5px}.public-brand{margin-top:var(--space-5);color:var(--text-dim);font-size:12px}.public-brand span{color:var(--accent-bright);font-weight:650}.public-success{text-align:center;padding:var(--space-5) 0}.public-success .check{width:52px;height:52px;margin:0 auto var(--space-4);background:var(--success-soft);color:var(--success);border-radius:50%;place-items:center;font-size:24px;display:grid}.turnstile-box{margin-top:var(--space-3);min-height:65px}.auth-page{min-height:100dvh;padding:var(--space-5);background:radial-gradient(ellipse 50% 36% at 50% 0%, #8b5cf61a, transparent 70%), var(--bg);place-items:center;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:384px;padding:var(--space-6);box-shadow:var(--shadow-3);animation:pop-in var(--t-med) both;position:relative}.auth-mark{border-radius:var(--radius-lg);background:var(--gradient-brand);color:#fff;width:40px;height:40px;margin-bottom:var(--space-4);place-items:center;font-size:19px;font-weight:700;display:grid;box-shadow:0 4px 16px #7c3aed66}.auth-card h1{margin-bottom:4px;font-size:20px}.auth-card .sub{margin-bottom:var(--space-5);color:var(--text-dim);font-size:13px}.auth-error{color:var(--danger);margin:10px 0;font-size:12.5px}.auth-ok{color:var(--success);margin:10px 0;font-size:12.5px}.auth-switch{margin-top:var(--space-4);text-align:center;color:var(--text-dim);font-size:13px}.auth-switch button{color:var(--accent-bright);font-size:13px;font-weight:550}.auth-switch button:hover{text-decoration:underline}.setup-notice{max-width:520px;padding:0 var(--space-5);margin:80px auto}.setup-notice h1{margin-bottom:10px}.setup-notice ol{margin:var(--space-4) 0 0 20px;gap:var(--space-2);display:grid}.stat-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.stat-tile{align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);animation:.2s cubic-bezier(.2,0,0,1) both rise-in;display:flex}.stat-grid .stat-tile:nth-child(2){animation-delay:30ms}.stat-grid .stat-tile:nth-child(3){animation-delay:60ms}.stat-grid .stat-tile:nth-child(4){animation-delay:90ms}.stat-icon{border-radius:var(--radius);background:var(--accent-soft);width:34px;height:34px;color:var(--accent-bright);flex-shrink:0;place-items:center;display:grid}.stat-tile.good .stat-icon{background:var(--success-soft);color:var(--success)}.stat-tile.bad .stat-icon{background:var(--danger-soft);color:var(--danger)}.stat-value{color:var(--text-h);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:23px;font-weight:650;line-height:1.1}.stat-tile.bad .stat-value{color:var(--danger)}.stat-label{color:var(--text-dim);margin-top:2px;font-size:12px}.report-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.report-card h3{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:var(--space-4);font-size:11px}.dist{gap:10px;display:grid}.dist-row{align-items:center;gap:var(--space-3);grid-template-columns:130px 1fr 40px;display:grid}.dist-label{color:var(--text-h);align-items:center;gap:8px;font-size:13px;display:flex}.dist-track{background:var(--bg);border-radius:999px;height:8px;overflow:hidden}.dist-bar{background:var(--accent);border-radius:999px;min-width:3px;height:100%;transition:width .4s cubic-bezier(.2,0,0,1);display:block}.dist-count{color:var(--text-h);text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.hours-dist .dist-row{grid-template-columns:160px 1fr 58px}.ticket-dist .dist-row{grid-template-columns:minmax(0,240px) 1fr 58px}.hours-dist .dist-label{min-width:0}.dist-label-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dist-ref{font-variant-numeric:tabular-nums;color:var(--text-dim);background:var(--surface-3);border-radius:var(--radius-sm);flex:none;padding:1px 6px;font-size:11px;font-weight:600}.report-card-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.report-card-head h3{margin-bottom:0}.period-filter{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.period-presets{background:var(--bg);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.period-btn{color:var(--text-dim);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:500}.period-btn:hover{color:var(--text-h);background:var(--surface-2)}.period-btn.active{background:var(--accent);color:#fff}.period-range{align-items:center;gap:var(--space-3);display:inline-flex}.period-range label{color:var(--text-faint);align-items:center;gap:6px;margin:0;font-size:10.5px;display:inline-flex}.period-range input{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-h);padding:4px 7px;font-size:12.5px}.period-range input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.hours-summary{gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.agent-table{border-collapse:collapse;width:100%}.agent-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);border-bottom:1px solid var(--border);padding:6px 10px;font-size:10.5px;font-weight:600}.agent-table td{border-bottom:1px solid var(--border);padding:9px 10px;font-size:13px}.agent-table tr:last-child td{border-bottom:none}.agent-table tr:hover td{background:var(--surface-2)}.agent-table .num{font-variant-numeric:tabular-nums;color:var(--text-h);font-weight:550}.agent-cell{color:var(--text-h);align-items:center;gap:10px;display:flex}.agent-table .bar-col{width:130px}.mini-track{background:var(--bg);border-radius:999px;height:5px;margin:3px 0;display:block;overflow:hidden}.mini-bar{border-radius:999px;min-width:3px;height:100%;display:block}.mini-bar.open{background:var(--accent-bright)}.mini-bar.done{background:var(--success)}.cal-nav{align-items:center;gap:2px;display:flex}.cal-month{margin-left:var(--space-2);color:var(--text-h);text-transform:capitalize;min-width:140px;font-size:14px;font-weight:600}.cal-legend{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;font-size:12.5px;display:flex}.cal-legend-item{align-items:center;gap:7px;display:inline-flex}.cal-legend-dot{border-radius:50%;width:8px;height:8px}.cal-legend-count{color:var(--text-dim);background:var(--surface-3);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.cal-alert{border-radius:var(--radius-sm);color:var(--danger);background:var(--danger-soft);border:1px solid #f8717147;align-items:center;gap:6px;margin-left:auto;padding:4px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.cal-grid{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--border);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.cal-dow{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);background:var(--surface-2);padding:8px 10px;font-size:10.5px;font-weight:600}.cal-cell{background:var(--surface);flex-direction:column;gap:4px;min-width:0;min-height:104px;padding:6px;display:flex}.cal-cell.other-month{background:var(--bg)}.cal-cell.other-month .cal-daynum{color:var(--text-faint);opacity:.6}.cal-cell.today{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.cal-cell.today .cal-daynum{color:#fff;background:var(--accent);border-radius:999px}.cal-daynum{color:var(--text-dim);font-variant-numeric:tabular-nums;align-self:flex-start;place-items:center;min-width:20px;height:20px;font-size:11px;font-weight:600;display:grid}.cal-cell-tasks{flex-direction:column;gap:3px;min-width:0;display:flex}.cal-task{border-radius:var(--radius-xs);cursor:pointer;text-align:left;width:100%;min-width:0;transition:filter var(--t-fast), transform var(--t-fast);border:none;border-left:2px solid;align-items:center;gap:4px;padding:3px 6px;font-size:11.5px;font-weight:500;display:flex}.cal-task:hover{filter:brightness(1.22);transform:translate(1px)}.cal-task-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cal-task.ok{color:#93c5fd;border-color:var(--info);background:var(--info-soft)}.cal-task.done{color:#6ee7b7;border-color:var(--success);background:var(--success-soft)}.cal-task.soon{color:#fcd34d;border-color:var(--warn);background:var(--warn-soft)}.cal-task.overdue{color:#fca5a5;border-color:var(--danger);background:var(--danger-soft)}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--z-modal);padding:var(--space-5);animation:fade-in var(--t-fast) both;background:#06070aad;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:88dvh;padding:var(--space-5);box-shadow:var(--shadow-3);animation:.18s cubic-bezier(.2,0,0,1) both pop-in;overflow-y:auto}.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.modal-head h2{font-size:16px}.modal-head-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.modal-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.modal-actions{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);display:flex}.modal-actions .right{gap:var(--space-2);margin-left:auto;display:flex}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-modal) + 10);padding:var(--space-5);animation:fade-in var(--t-fast) both;background:#06070ab8;place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-5);box-shadow:var(--shadow-3);animation:.18s cubic-bezier(.2,0,0,1) both pop-in}.confirm-icon{border-radius:var(--radius);width:38px;height:38px;margin-bottom:var(--space-3);color:var(--accent-bright);background:var(--accent-soft);place-items:center;display:grid}.confirm-icon.danger{color:var(--danger);background:var(--danger-soft)}.confirm-body h3{margin-bottom:var(--space-2);font-size:16px}.confirm-body p{color:var(--text);font-size:13.5px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.confirm-actions .btn{min-width:82px}.lightbox-overlay{z-index:calc(var(--z-modal) + 5);padding:var(--space-4);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--t-fast) both;background:#06070adb;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.lightbox{gap:var(--space-2);flex-direction:column;flex:1;width:100%;max-width:1100px;min-height:0;animation:.18s cubic-bezier(.2,0,0,1) both pop-in;display:flex}.lightbox-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:none;display:flex}.lightbox-name{align-items:center;gap:var(--space-2);min-width:0;color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:550;display:flex;overflow:hidden}.lightbox-count{background:var(--surface-3);color:var(--text-dim);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:1px 7px;font-size:11.5px}.lightbox-close{color:var(--text-h)}.lightbox-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.lightbox-img{object-fit:contain;border-radius:var(--radius);background:var(--surface);width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:var(--shadow-3)}.lightbox-nav{width:40px;height:40px;color:var(--text-h);border:1px solid var(--border-strong);background:#16171cd1;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:var(--surface-3)}.lightbox-nav.prev{left:6px}.lightbox-nav.next{right:6px}.modal.modal-ticket{background:var(--surface);flex-direction:column;max-width:1280px;height:min(90dvh,960px);max-height:90dvh;padding:0;display:flex;overflow:hidden}.modal-ticket .modal-head{padding:10px var(--space-4) 10px var(--space-5);border-bottom:1px solid var(--border);background:var(--surface-2);flex:none;align-items:center;margin-bottom:0}.tk-crumbs{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.tk-chip{border-radius:var(--radius-sm);background:var(--surface-3);height:24px;color:var(--text);white-space:nowrap;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;font-weight:550;display:inline-flex}.tk-chip svg{color:var(--text-dim)}.tk-chip.key{font-family:var(--font-mono);color:var(--accent-bright);background:var(--accent-soft)}.tk-chip.key svg{color:var(--accent-bright)}.tk-chip.form{color:var(--info);background:var(--info-soft)}.tk-chip.form svg{color:var(--info)}.tk-chip.ro{color:var(--warn);background:var(--warn-soft)}.tk-chip.ro svg{color:var(--warn)}.ticket-layout{flex:1;grid-template-columns:minmax(0,1fr) 480px;min-height:0;display:grid}.ticket-main{flex-direction:column;min-width:0;min-height:0;display:flex}.ticket-main-scroll{min-height:0;padding:var(--space-5) var(--space-6) var(--space-6);flex:1;overflow-y:auto}.ticket-main-foot{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--surface-2);flex:none}.ticket-main-foot .modal-actions{margin-top:0}.ticket-main-foot .error-text,.ticket-main-foot .auth-ok{margin:0 0 var(--space-2)}.tk-title-field{margin-bottom:var(--space-4)}.title-input{letter-spacing:-.025em;color:var(--text-h);border-radius:var(--radius);resize:none;background:0 0;border:1px solid #0000;width:calc(100% + 8px);min-height:auto;margin-left:-8px;padding:4px 8px;font-size:26px;font-weight:700;line-height:1.22;display:block;overflow:hidden}.title-input:hover:not(:disabled){background:var(--surface-2);border-color:#0000}.title-input:focus{background:var(--bg);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.title-input:disabled{opacity:1}.tk-props{column-gap:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(292px,100%),1fr));row-gap:2px;display:grid}.tk-prop{align-items:center;gap:var(--space-2);grid-template-columns:116px minmax(0,1fr);min-height:34px;display:grid}.tk-prop.wide{grid-column:1/-1;align-items:start}.tk-prop.wide .tk-prop-label{padding-top:7px}.tk-prop-label{color:var(--text-dim);text-transform:none;letter-spacing:0;align-items:center;gap:7px;min-width:0;margin:0;font-size:12.5px;font-weight:500;display:inline-flex}.tk-prop-label svg{color:var(--text-faint);flex:none}.tk-prop-value{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.tk-prop-empty{color:var(--text-faint);font-size:12.5px}.tk-prop-static{color:var(--text);white-space:nowrap;padding-left:8px;font-size:13px}.pill-select{border-radius:var(--radius-sm);background:var(--pill,var(--surface-3));height:26px;color:var(--pill-text,var(--text-h));max-width:100%;transition:filter var(--t-fast);align-items:center;gap:5px;padding:0 9px;display:inline-flex;position:relative}.pill-select:hover{filter:brightness(1.1)}.pill-select:focus-within{box-shadow:0 0 0 3px var(--accent-soft)}.pill-label{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.pill-select .pill-caret{opacity:.75;flex:none;display:flex}.pill-native{opacity:0;cursor:pointer;appearance:none;background:0 0;border:none;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.pill-native:focus{box-shadow:none}.pill-native:disabled{cursor:default}.pill-select.plain{background:var(--surface-3);color:var(--text-h)}.inline-input{border-radius:var(--radius-sm);min-height:28px;color:var(--text-h);background:0 0;border:1px solid #0000;width:auto;max-width:100%;padding:5px 8px;font-size:13px}.inline-input:hover:not(:disabled){background:var(--surface-2)}.inline-input:focus{background:var(--bg);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tk-section{margin-bottom:var(--space-5)}.tk-section-head{width:100%;margin:0 0 var(--space-2) -6px;border-radius:var(--radius-sm);color:var(--text-h);letter-spacing:.02em;text-align:left;background:0 0;align-items:center;gap:7px;padding:4px 6px;font-size:12px;font-weight:600;display:flex}button.tk-section-head:hover{background:var(--surface-2)}.tk-section-head .tk-section-count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:500}.tk-section-head .chev{color:var(--text-faint);transition:transform var(--t-fast);display:flex}.tk-section-head .chev.closed{transform:rotate(-90deg)}.tk-section-head .tk-section-action{margin-left:auto}.tk-desc{border-radius:var(--radius);width:calc(100% + 8px);min-height:108px;color:var(--text-h);background:0 0;border:1px solid #0000;margin-left:-8px;padding:8px;font-size:13.5px;line-height:1.6}.tk-desc:hover:not(:disabled){background:var(--surface-2)}.tk-desc:focus{background:var(--bg);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.assignee-picker{flex-wrap:wrap;gap:6px;display:flex}.assignee-chip{border:1px solid var(--border-strong);background:var(--surface-2);height:28px;color:var(--text);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:0 10px 0 3px;font-size:12.5px;font-weight:500;display:inline-flex;overflow:hidden}.assignee-chip .avatar{--av-size:22px}.assignee-chip:hover:not(:disabled){color:var(--text-h);background:var(--surface-3);border-color:#414553}.assignee-chip.selected{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text-h)}.tk-hours-total{background:var(--surface-3);color:var(--text-h);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:11.5px;font-weight:600}.hours-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:6px;width:100%;display:grid}.hours-row{border:1px solid var(--border);background:var(--surface-2);letter-spacing:0;text-transform:none;border-radius:999px;align-items:center;gap:8px;min-width:0;margin:0;padding:3px 6px 3px 3px;font-weight:400;display:flex}.hours-row:focus-within{border-color:var(--accent-line);background:var(--surface-3)}.hours-row .avatar{--av-size:22px;flex:none}.hours-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.hours-input-wrap{border-radius:var(--radius-sm);flex:none;align-items:center;gap:2px;padding-right:4px;display:inline-flex}.hours-input{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;text-align:right;width:68px;color:var(--text-h);padding:3px 6px;font-size:12.5px}.hours-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.hours-input::-webkit-outer-spin-button{appearance:none;margin:0}.hours-input::-webkit-inner-spin-button{appearance:none;margin:0}.hours-input{appearance:textfield}.hours-input:disabled{background:0 0;border-color:#0000}.hours-unit{color:var(--text-faint);font-size:11.5px}.attachments{gap:var(--space-2);flex-wrap:wrap;display:flex}.attachment{position:relative}.attachment-thumb,.comment-attach-thumb{padding:0;display:block}.attachment img{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border-strong);width:78px;height:78px;transition:border-color var(--t-fast), transform var(--t-fast);display:block}.attachment img:hover{border-color:var(--accent);transform:scale(1.03)}.attachment-remove{background:var(--danger);color:#fff;width:19px;height:19px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.attachment-add{border:1px dashed var(--border-strong);border-radius:var(--radius);width:78px;height:78px;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.attachment-add:hover{border-color:var(--accent);color:var(--text-h);background:var(--accent-soft)}.attachment-file{display:inline-flex}.file-chip{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-h);max-width:210px;transition:border-color var(--t-fast), background var(--t-fast);align-items:center;gap:8px;padding:7px 11px;font-size:12.5px;display:inline-flex}.file-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-chip svg{color:var(--danger);flex-shrink:0}.file-chip:hover{border-color:var(--accent);background:var(--surface-3)}.task-fields{flex-direction:column;display:flex}.task-field-row{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);grid-template-columns:minmax(120px,.85fr) 108px minmax(0,1.5fr) 28px;padding:3px 0;display:grid}.task-field-row:last-child{border-bottom:none}.task-field-row .task-field-label,.task-field-row .task-field-value,.task-field-row .task-field-type{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;min-height:30px;padding:4px 8px;font-size:13px}.task-field-row .task-field-label{color:var(--text-h);font-weight:550}.task-field-row .task-field-value{color:var(--text)}.task-field-row .task-field-type{color:var(--text-dim);background-position:calc(100% - 11px),calc(100% - 7px);padding-right:22px;font-size:11.5px}.task-field-row input:hover:not(:disabled),.task-field-row textarea:hover:not(:disabled),.task-field-row select:hover:not(:disabled){background:var(--surface-2);border-color:#0000}.task-field-row input:focus,.task-field-row textarea:focus,.task-field-row select:focus{background:var(--bg);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.task-field-row textarea.task-field-value{resize:vertical;min-height:30px}.task-field-remove{color:var(--text-faint);opacity:0;align-self:center}.task-field-row:hover .task-field-remove,.task-field-remove:focus-visible{opacity:1}.task-field-remove:hover{color:var(--danger);background:var(--danger-soft)}.task-field-add{margin-top:var(--space-3)}.ticket-side{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;min-height:0;display:flex}.tk-side-head{align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-bottom:1px solid var(--border);flex:none;height:42px;display:flex}.tk-side-head h4{font-size:13px;font-weight:600}.tk-side-head .count{color:var(--text-dim);background:var(--surface-3);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.ticket-side-scroll{min-height:0;padding:var(--space-4);flex:1;overflow-y:auto}.ticket-side-scroll>:first-child{border-top:none;margin-top:0;padding-top:0}.ticket-side-form{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface);flex:none}.activity{margin-bottom:var(--space-4)}.activity h4{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:var(--space-2);align-items:center;gap:6px;font-size:10.5px;display:flex}.activity-row{color:var(--text-dim);align-items:baseline;gap:9px;padding:3px 0;font-size:12px;line-height:1.45;display:flex}.activity-row strong{color:var(--text);font-weight:600}.activity-dot{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:5px;height:5px;position:relative;top:-2px}.activity-when{color:var(--text-faint);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:10.5px}.comments{margin-top:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-4)}.comments h4{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:var(--space-3);font-size:10.5px}.comment{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-2);transition:border-color var(--t-fast)}.comment:hover{border-color:var(--border-strong)}.comment .avatar{--av-size:24px;flex-shrink:0}.comment .body{overflow-wrap:anywhere;min-width:0}.comment .who{color:var(--text-h);align-items:center;gap:8px;margin-bottom:5px;font-size:12.5px;font-weight:600;display:flex}.comment .when{color:var(--text-faint);font-size:11px;font-weight:400}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font-size:13px}.edited-mark{color:var(--text-faint);font-size:11px;font-style:italic}.comment-owner-actions{opacity:0;gap:2px;margin-left:auto;display:inline-flex}.comment:hover .comment-owner-actions{opacity:1}.comment-action{color:var(--text-faint);padding:3px}.comment-action:hover{color:var(--text-h);background:var(--surface-3)}.comment-tombstone{color:var(--text-faint);align-items:center;gap:6px;font-size:12.5px;font-style:italic;display:flex}.comment-edit-box{margin-top:4px}.comment-edit-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.comment-rich-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font-size:13px;line-height:1.55}.comment-rich-body p{margin:0 0 6px}.comment-rich-body p:last-child{margin-bottom:0}.comment-rich-body ul,.comment-rich-body ol{margin:0 0 6px;padding-left:20px}.comment-rich-body table{border-collapse:collapse;max-width:100%;margin:6px 0;font-size:12.5px;display:block;overflow-x:auto}.comment-rich-body td,.comment-rich-body th{border:1px solid var(--border-strong);min-width:60px;padding:4px 8px}.mention-task{cursor:pointer;text-decoration:none}.mention-task:hover{filter:brightness(1.15)}.comment-attachments{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.comment-attach-thumb img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-strong);width:86px;height:64px;transition:border-color var(--t-fast), transform var(--t-fast);display:block}.comment-attach-thumb img:hover{border-color:var(--accent);transform:scale(1.03)}.comment-attachments .file-chip{padding:5px 9px;font-size:12px}.reaction-row{align-items:center;gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex;position:relative}.reaction-pill{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-dim);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);border-radius:999px;align-items:center;gap:5px;padding:2px 8px 2px 6px;font-size:11.5px;font-weight:600;line-height:1.6;display:inline-flex}.reaction-pill:hover:not(:disabled){background:var(--surface-3);border-color:var(--text-faint)}.reaction-pill:disabled{opacity:.55;cursor:default}.reaction-pill.mine{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-bright)}.reaction-emoji{font-size:12.5px;line-height:1}.reaction-count{font-variant-numeric:tabular-nums}.reaction-add{width:24px;height:22px;color:var(--text-faint);cursor:pointer;opacity:0;transition:opacity var(--t-fast), background var(--t-fast), color var(--t-fast);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.comment:hover .reaction-add,.reaction-add:focus-visible,.reaction-add.open{opacity:1}.reaction-add:hover,.reaction-add.open{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-h)}.reaction-row:not(:has(.reaction-pill)){margin-top:var(--space-1);min-height:22px}.reaction-pop{z-index:var(--z-pop);padding:var(--space-1);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:172px;box-shadow:var(--shadow-2);flex-direction:column;gap:1px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0}.reaction-choice{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:5px 8px;font-size:12.5px;display:flex}.reaction-choice:hover{background:var(--surface-3);color:var(--text-h)}.reaction-choice.mine{color:var(--accent-bright)}.comment-form{gap:var(--space-2);align-items:flex-end;display:flex;position:relative}.comment-form .rte{flex:1;min-width:0}.comment-attach-btn{flex-shrink:0;min-height:34px}.comment-form .btn{flex-shrink:0}.pending-files{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.pending-file{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);align-items:center;gap:6px;max-width:240px;padding:4px 8px;font-size:12px;display:inline-flex}.pending-file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pending-file .attachment-remove{width:16px;height:16px;box-shadow:none;flex-shrink:0;position:static}.rte{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);transition:border-color var(--t-fast), box-shadow var(--t-fast)}.rte:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.rte-toolbar{border-bottom:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius) var(--radius) 0 0;flex-wrap:wrap;align-items:center;gap:2px;padding:4px 6px;display:flex}.rte-btn{border-radius:var(--radius-xs);width:24px;height:24px;color:var(--text-dim);background:0 0;border:none;place-items:center;display:grid}.rte-btn:hover{color:var(--text-h);background:var(--surface-3)}.rte-btn.active{color:var(--accent-bright);background:var(--accent-soft)}.rte-sep{background:var(--border-strong);flex-shrink:0;width:1px;height:16px;margin:0 3px}.rte-color-wrap{position:relative}.rte-color-pop{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-3);z-index:var(--z-pop);grid-template-columns:repeat(5,1fr);gap:5px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 6px);left:0}.rte-swatch{border:1px solid #00000040;border-radius:50%;width:18px;height:18px}.rte-swatch:hover{transform:scale(1.15)}.rte-body{white-space:pre-wrap;overflow-wrap:anywhere;min-height:36px;max-height:220px;color:var(--text-h);outline:none;padding:8px 10px;font-size:13px;line-height:1.5;overflow-y:auto}.rte-body table{border-collapse:collapse;max-width:100%;margin:6px 0;display:block;overflow-x:auto}.rte-body td,.rte-body th{border:1px solid var(--border-strong);min-width:60px;padding:4px 8px}.rte-body.rte-empty:before{content:attr(data-placeholder);color:var(--text-faint);pointer-events:none}.rte-disabled .rte-body{opacity:.7;cursor:not-allowed}.mention{color:var(--accent-bright);background:var(--accent-soft);border-radius:var(--radius-xs);padding:1px 4px;font-weight:600}.mention-dropdown{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);width:min(320px,100%);box-shadow:var(--shadow-3);z-index:var(--z-pop);animation:.13s cubic-bezier(.2,0,0,1) both pop-in;position:absolute;bottom:calc(100% + 6px);left:0;overflow:hidden}.mention-option{align-items:center;gap:var(--space-3);text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;padding:7px 12px;display:flex}.mention-option:last-child{border-bottom:none}.mention-option.active{background:var(--surface-3)}.mention-option .avatar{--av-size:26px;flex:none}.mention-option-icon{background:var(--accent-soft);width:26px;height:26px;color:var(--accent-bright);border-radius:50%;flex:none;place-items:center;display:grid}.mention-option-body{flex-direction:column;min-width:0;display:flex}.mention-option-body .name{color:var(--text-h);font-size:13px;font-weight:550}.mention-option-body .sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.notif-wrap,.notif-bell{display:flex;position:relative}.notif-bell.has-unread{color:var(--text-h)}.notif-badge{background:var(--danger);color:#fff;text-align:center;min-width:15px;height:15px;box-shadow:0 0 0 2px var(--surface);border-radius:999px;padding:0 4px;font-size:9.5px;font-weight:700;line-height:15px;position:absolute;top:-1px;right:-3px}.notif-panel{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(384px,100vw - 32px);max-height:460px;box-shadow:var(--shadow-3);z-index:calc(var(--z-modal) - 1);animation:.16s cubic-bezier(.2,0,0,1) both pop-in;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.notif-head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-2);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.notif-head h4{font-size:13px}.notif-head-actions{align-items:center;gap:var(--space-1);display:flex}.notif-action{align-items:center;gap:5px;padding:4px 7px;font-size:12px;display:inline-flex}.notif-action:hover{color:var(--text-h);background:var(--surface-3)}.notif-empty{padding:var(--space-5) var(--space-4);color:var(--text-dim);text-align:center;font-size:13px}.notif-list{flex-direction:column;display:flex}.notif-item{align-items:flex-start;gap:var(--space-3);text-align:left;width:100%;padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--surface-3)}.notif-item.unread{background:color-mix(in srgb, var(--accent) 7%, transparent)}.notif-item.unread:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.notif-icon{border-radius:var(--radius-sm);flex:none;place-items:center;width:28px;height:28px;margin-top:1px;display:grid}.notif-icon.assigned{color:var(--accent-bright);background:var(--accent-soft)}.notif-icon.moved{color:var(--info);background:var(--info-soft)}.notif-icon.comment{color:var(--success);background:var(--success-soft)}.notif-icon.reminder{color:var(--warn);background:var(--warn-soft)}.notif-icon.mention{color:#f472b6;background:#f472b61f}.notif-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-text{font-size:13px;line-height:1.4}.notif-text strong{color:var(--text-h);font-weight:600}.notif-when{color:var(--text-faint);font-size:11px}.notif-dot{background:var(--accent-bright);border-radius:50%;flex:none;width:7px;height:7px;margin-top:8px}.notif-scrim{display:none}.notif-gear.on{color:var(--accent-bright)}.notif-settings .notif-head{justify-content:flex-start;gap:var(--space-2)}.notif-set-body{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.notif-toggle-row,.notif-check-row{align-items:flex-start;gap:var(--space-3);cursor:pointer;letter-spacing:normal;text-transform:none;color:var(--text);margin-bottom:0;font-size:13px;font-weight:400;display:flex}.notif-check-row{padding:4px 0}.notif-check-row input[type=checkbox]{flex:none;width:16px;height:16px;margin-top:2px}.notif-set-icon{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-dim);background:var(--surface-3);flex:none;place-items:center;display:grid}.notif-set-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-set-title{color:var(--text-h);font-size:13px;font-weight:550}.notif-set-hint{color:var(--text-faint);font-size:11.5px;line-height:1.45}.notif-set-group{gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--border);flex-direction:column;display:flex}.notif-set-group.is-off{opacity:.45}.notif-set-legend{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:var(--space-1);font-size:10.5px;font-weight:600}.notif-set-group .notif-toggle-row{padding:4px 0}.notif-test{align-self:flex-start}input.switch{appearance:none;background:var(--surface-4);border:1px solid var(--border-strong);width:38px;height:22px;min-height:0;transition:background var(--t-fast), border-color var(--t-fast);border-radius:999px;flex:none;margin-top:3px;padding:0;position:relative}input.switch:after{content:"";background:var(--text-dim);width:16px;height:16px;transition:transform var(--t-fast), background var(--t-fast);border-radius:50%;position:absolute;top:2px;left:2px}input.switch:checked{background:var(--accent);border-color:#0000}input.switch:checked:after{background:#fff;transform:translate(16px)}input.switch:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}input.switch:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.ticket-layout{grid-template-columns:minmax(0,1fr) 400px}.ticket-main-scroll{padding:var(--space-5)}}@media (width<=960px){.modal.modal-ticket{height:auto;max-height:90dvh;display:block;overflow-y:auto}.ticket-layout,.ticket-main,.ticket-side{display:block}.ticket-main-scroll,.ticket-side-scroll{flex:none;height:auto;overflow:visible}.ticket-main-scroll{padding:var(--space-4)}.ticket-side{border-left:none;border-top:1px solid var(--border)}.ticket-main-foot{padding:var(--space-3) var(--space-4)}.ticket-main-foot .modal-actions{flex-wrap:wrap}.modal-ticket .modal-head{padding:10px var(--space-4);z-index:2;position:sticky;top:0}.tk-props{grid-template-columns:minmax(0,1fr)}.tk-prop.wide{grid-column:auto}}@media (pointer:coarse){.btn{min-height:40px;padding:0 15px}.btn-sm{min-height:34px;padding:0 11px}.btn-ghost{padding:9px}.filter-chip{height:34px;padding:0 12px}.filter-clear{padding:8px 10px}.sb-link{min-height:44px}.notif-action{padding:8px 10px}.notif-item{padding:13px var(--space-4)}.task-card{touch-action:manipulation}.card-move{display:block}.card-move-pill{height:34px}.lightbox-nav{width:44px;height:44px}input,textarea,select{font-size:16px}input.switch{width:44px;height:26px}input.switch:after{width:20px;height:20px}input.switch:checked:after{transform:translate(18px)}.notif-check-row input[type=checkbox]{width:20px;height:20px}}@media (width<=700px){.app-sidebar.drawer{width:min(300px,86vw);z-index:var(--z-nav);box-shadow:var(--shadow-3);transition:transform var(--t-med);padding-left:env(safe-area-inset-left);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app-sidebar.drawer.open{transform:none}.sb-scrim{position:fixed}.app-main{margin-left:0}.app-topbar{gap:var(--space-2);padding-left:max(var(--space-2), env(safe-area-inset-left));padding-right:max(var(--space-2), env(safe-area-inset-right))}.topbar-menu{color:var(--text);flex:none}.crumbs{flex:1;gap:4px;min-width:0}.crumb{min-width:0;padding:3px 4px}.crumb.current{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notif-scrim{z-index:calc(var(--z-modal) - 2);animation:fade-in var(--t-fast) both;background:#06070a8c;display:block;position:fixed;inset:0}.notif-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:auto;max-height:min(78dvh,640px);padding-bottom:env(safe-area-inset-bottom);z-index:calc(var(--z-modal) - 1);border-bottom:none;animation:.2s cubic-bezier(.2,0,0,1) both sheet-up;position:fixed;inset:auto 0 0}.notif-head{padding:var(--space-3) var(--space-4) var(--space-2)}}@media (width<=820px){.container,.mytasks,.backlog,.list-page,.builder,.reports,.calendar-page{padding:var(--space-4);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom))}}@media (width<=640px){.modal-row{grid-template-columns:1fr}.board{padding:var(--space-3);padding-bottom:max(var(--space-3), env(safe-area-inset-bottom));gap:var(--space-3);scroll-snap-type:x mandatory;scroll-padding-left:var(--space-3);overscroll-behavior-x:contain}.board-col{scroll-snap-align:start;width:min(84vw,320px)}.board-toolbar{padding:8px var(--space-3);gap:6px}.filter-label,.filter-sep{display:none}.modal-overlay{place-items:end stretch;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:none;max-height:92dvh;padding:var(--space-4);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));animation:.2s cubic-bezier(.2,0,0,1) both sheet-up}.modal.modal-ticket{height:94dvh;max-height:94dvh;padding:0;padding-bottom:env(safe-area-inset-bottom)}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1;min-width:120px}.confirm-overlay{padding:var(--space-3)}.confirm-actions .btn{flex:1}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.dist-row,.hours-dist .dist-row,.ticket-dist .dist-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr) 1.2fr 48px}.card-move{display:block}.title-input{font-size:21px}.tk-prop{grid-template-columns:108px minmax(0,1fr)}.tk-props{column-gap:var(--space-3)}.comment-form{flex-wrap:wrap}.comment-form .rte{flex:1 0 100%}.comment-form .comment-attach-btn{margin-left:auto}.task-field-row{column-gap:var(--space-2);row-gap:var(--space-1);padding-bottom:var(--space-2);grid-template-columns:1fr 1fr}.task-field-row .task-field-value{grid-column:1/-1}.cal-cell{min-height:72px}.cal-task{padding:2px 4px;font-size:10.5px}.cal-alert{margin-left:0}}@media (width<=480px){.tk-prop{grid-template-columns:minmax(0,1fr);align-items:start;row-gap:2px}.tk-prop.wide .tk-prop-label{padding-top:0}.tk-prop-static{padding-left:0}.tk-props{row-gap:var(--space-2)}.lightbox-overlay{padding:var(--space-2)}.lightbox-name{flex:1 0 100%}}
