:root{--bg: #0b1016;--bg-elev: #121a24;--bg-elev-2: #1c2632;--line: #2a384c;--text: #eef3f8;--muted: #8ea0b5;--accent: #4fd1c5;--accent-bright: #6feee1;--accent-dim: rgba(79, 209, 197, .14);--gold: #f0b429;--gold-dim: rgba(240, 180, 41, .14);--danger: #f07178;--danger-dim: rgba(240, 113, 120, .14);--ok: #7fd99a;--ok-dim: rgba(127, 217, 154, .14);--warn: #f5c542;--info: #7eb6ff;--radius: 14px;--radius-sm: 4px;--shadow: 0 4px 12px rgba(0, 0, 0, .5);font-family:DM Sans,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-size:14.5px;line-height:1.55;letter-spacing:.005em}::selection{background:var(--accent);color:#0b1016}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f1418}::-webkit-scrollbar-thumb{background:#303539;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3f4753}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,.serif{font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.01em}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:20px;line-height:1}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;height:100vh;overflow:hidden}.sidebar{border-right:1px solid var(--line);padding:24px 16px;background:var(--bg-elev);position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.row select,.row input,.topbar select{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:13px;color:var(--muted)}.row select:focus,.row input:focus,.topbar select:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 8px;position:relative}.mobile-bar,.nav-backdrop,.nav-close{display:none}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elev-2);cursor:pointer;flex-shrink:0}.nav-toggle span{display:block;height:2px;width:100%;border-radius:2px;background:var(--text)}.brand-mark{width:32px;height:32px;border-radius:8px;background:var(--accent);display:grid;place-items:center;font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:18px;color:#0b1016;flex-shrink:0}.brand-mark.lg{width:48px;height:48px;border-radius:50%;font-size:22px}.brand h1{font-size:24px;line-height:32px;letter-spacing:-.02em;margin:0;color:var(--accent-bright)}.brand p{margin:2px 0 0;color:var(--muted);font-size:12px;opacity:.85}.brand-block{margin-bottom:20px}.nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow:auto}.nav a{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;color:var(--muted);font-size:14px;font-weight:500;border-left:2px solid transparent}.nav a .material-symbols-outlined{opacity:.7}.nav a:hover{background:#252b2f;color:var(--text)}.nav a:hover .material-symbols-outlined{opacity:1}.nav a.active{background:#1a2634;color:var(--accent-bright);font-weight:700;border-left-color:var(--accent-bright)}.nav a.active .material-symbols-outlined{opacity:1;color:var(--accent-bright)}.sidebar-foot{margin-top:auto;padding:16px 8px 0;border-top:1px solid var(--line)}.sidebar-user{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px}.sidebar-user:hover{background:#252b2f}.user-avatar{width:24px;height:24px;border-radius:50%;background:#3f4753;display:grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0}.main{padding:24px;max-width:1280px;min-height:0;height:100%;overflow:auto}.main:has(.board-page){display:flex;flex-direction:column;overflow:hidden;padding-bottom:20px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.muted{color:var(--muted)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:14px}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.task-row,.kanban-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.board-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.board-page .topbar{margin-bottom:12px}.board-page .topbar,.board-page .row{flex-shrink:0}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;align-items:stretch;flex:1;min-height:0}.kanban-col{background:#121a2499;border:1px dashed var(--line);border-radius:16px;padding:12px;min-height:0;display:flex;flex-direction:column;overflow:hidden}.kanban-col-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-shrink:0}.kanban-list{display:grid;gap:8px;overflow-y:auto;flex:1;min-height:0;padding-right:4px;align-content:start;overscroll-behavior:contain}.kanban-card{padding:10px 12px}.kanban-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.35}.board-list{flex:1;min-height:0;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--bg-elev)}.board-list .table{margin:0;width:100%}.board-list .table th{position:sticky;top:0;background:var(--bg-elev-2);z-index:1}.board-list .table th:nth-child(4),.board-list .table td:nth-child(4),.board-list .table th:nth-child(5),.board-list .table td:nth-child(5),.board-list .table th:nth-child(6),.board-list .table td:nth-child(6){white-space:nowrap;width:1%;vertical-align:middle}.board-list-title{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.board-people{flex:1;min-height:0;overflow:auto;display:block;padding-right:2px}.board-person{display:block;border:1px solid var(--line);border-radius:16px;background:var(--bg-elev);margin-bottom:10px;overflow:hidden;height:auto}.board-person.is-open{border-color:#4fd1c566}.board-person-head{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:14px 16px;color:var(--text);cursor:pointer;position:relative;z-index:1}.board-person-head:hover{background:#7eb6ff0f}.board-person-caret{color:var(--muted);font-size:16px;width:16px;flex-shrink:0}.board-person-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.board-person-who{min-width:0;flex:1}.board-person-who strong{display:block;color:var(--text);font-size:15px;font-weight:600}.board-person-who p{margin:4px 0 0;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-person-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.board-person-hours{display:flex;gap:14px;font-size:12px;color:var(--muted);white-space:nowrap}.board-person-hours b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:650}.board-person-body{border-top:1px solid var(--line);padding:8px 10px 12px;display:flex;flex-direction:column;gap:8px;background:#0b101659}.board-section-label{font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:8px 6px 2px}.board-task-card.is-today{border-color:#4fd1c566}.board-task-card.is-dup{opacity:.55}.board-task-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elev-2)}.board-task-main{min-width:0;flex:1}.board-task-main .muted{margin:4px 0 0;font-size:12px}.board-task-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;flex-shrink:0;max-width:55%}.board-task-hours{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.board-new-chip{background:var(--gold-dim);color:var(--gold);font-size:10px;padding:2px 7px}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;letter-spacing:.025em;white-space:nowrap;line-height:1.2;flex-shrink:0}.chip.status-not_started{background:#8ea0b526;color:#c5d0dc}.chip.status-in_progress{background:#7eb6ff26;color:#9cc7ff}.chip.status-blocked{background:var(--danger-dim);color:#ff9aa0}.chip.status-completed{background:var(--ok-dim);color:#9be7b3}.chip.type-feature{background:var(--accent-dim);color:var(--accent)}.chip.type-web{background:#38bdf829;color:#7dd3fc}.chip.type-app{background:#a78bfa29;color:#c4b5fd}.chip.type-additional_work{background:var(--gold-dim);color:var(--gold)}.chip.type-bug_fix{background:var(--danger-dim);color:#ff9aa0}.chip.type-requirement_check{background:#7eb6ff24;color:#9cc7ff}.chip.prio-critical{background:var(--danger-dim);color:#ff9aa0}.chip.prio-high{background:#f5c54224;color:var(--warn)}.chip.prio-medium{background:var(--accent-dim);color:var(--accent)}.chip.source-zoho{background:#4fd1c529;color:var(--accent)}.zoho-ticket-no{color:var(--accent);font-weight:650;font-variant-numeric:tabular-nums}.btn{border:1px solid var(--line);background:var(--bg-elev-2);border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:500;letter-spacing:.01em}.btn.primary{background:var(--accent);color:#06221f;border-color:transparent;font-weight:600}.btn.ghost{background:transparent}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:grid;gap:6px;margin-bottom:12px}.field label{font-size:12px;color:var(--muted);font-weight:600}.field input,.field select,.field textarea{background:#0e151e;border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%}.field textarea{min-height:90px;resize:vertical}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%)}.stat-value{font-size:28px;font-weight:700;font-family:"DM Serif Display",serif}.flag-miss{color:var(--danger);font-weight:600}.task-detail-head{margin-bottom:20px}.task-detail-head h1{margin:0 0 14px;font-size:clamp(1.55rem,2.4vw,2rem);line-height:1.2}.status-hero{display:grid;gap:12px;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elev);margin-bottom:14px}.status-hero.status-not_started{border-color:#8ea0b573;background:linear-gradient(135deg,rgba(142,160,181,.12),var(--bg-elev))}.status-hero.status-in_progress{border-color:#7eb6ff80;background:linear-gradient(135deg,rgba(126,182,255,.14),var(--bg-elev));box-shadow:inset 0 0 0 1px #7eb6ff1f}.status-hero.status-blocked{border-color:#f071788c;background:linear-gradient(135deg,rgba(240,113,120,.16),var(--bg-elev));box-shadow:inset 0 0 0 1px #f0717824}.status-hero.status-completed{border-color:#7fd99a80;background:linear-gradient(135deg,rgba(127,217,154,.14),var(--bg-elev));box-shadow:inset 0 0 0 1px #7fd99a1f}.status-hero-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.status-hero-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.status-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.status-hero-badge.status-not_started{background:#8ea0b538;color:#d5dee8}.status-hero-badge.status-in_progress{background:#7eb6ff38;color:#b6d6ff}.status-hero-badge.status-blocked{background:#f0717840;color:#ffb0b5}.status-hero-badge.status-completed{background:#7fd99a38;color:#b4f0c6}.status-hero-badge .tick{font-size:.95em;opacity:.95}.status-hero-remark{padding:12px 14px;border-radius:10px;background:#00000038;border:1px solid rgba(255,255,255,.06)}.status-hero-remark-label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:6px}.status-hero-remark-text{margin:0;font-size:1rem;line-height:1.45;color:var(--text)}.status-hero-remark-meta{margin:8px 0 0;font-size:12px;color:var(--muted)}.task-detail-desc{margin:0 0 16px;color:var(--muted);line-height:1.5}.task-detail-desc.has-text{color:var(--text)}.ms-root{position:relative}.ms-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.ms-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(79,209,197,.35);background:var(--accent-dim);color:var(--accent);border-radius:999px;padding:5px 10px 5px 12px;font-size:13px;font-weight:600;cursor:pointer}.ms-chip:hover{border-color:var(--accent)}.ms-chip-x{opacity:.75;font-size:15px;line-height:1}.ms-control{display:flex;align-items:center;gap:8px;background:#0e151e;border:1px solid var(--line);border-radius:10px;padding:4px 10px 4px 4px;min-height:44px;cursor:text}.ms-control.open,.ms-control:focus-within{border-color:#4fd1c58c;box-shadow:0 0 0 3px #4fd1c51f}.ms-control.invalid:not(.open):not(:focus-within){border-color:#f0717873}.ms-input{flex:1;border:0!important;background:transparent!important;padding:8px 10px!important;outline:none;min-width:0;box-shadow:none!important}.ms-caret{color:var(--muted);font-size:12px;pointer-events:none}.ms-native-required{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.ms-menu{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);background:var(--bg-elev-2);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.ms-menu-meta{padding:8px 12px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line)}.ms-list{list-style:none;margin:0;padding:6px;max-height:280px;overflow:auto}.ms-option{width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;border:0;background:transparent;border-radius:8px;padding:9px 10px;cursor:pointer;color:inherit}.ms-option:hover{background:#ffffff0a}.ms-option.selected{background:#4fd1c51a}.ms-option-create{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.ms-option-create .ms-option-name{color:var(--accent)}.ms-check-plus{background:var(--accent-dim);border-color:#4fd1c573;color:var(--accent);font-weight:700}.ms-create-error{margin:0;padding:8px 12px 10px;font-size:12px;color:var(--danger);border-top:1px solid var(--line)}.ms-check{width:20px;height:20px;border-radius:6px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:12px;color:#06221f;background:transparent}.ms-check.on{background:var(--accent);border-color:var(--accent)}.ms-option-body{display:grid;gap:2px;min-width:0}.ms-option-name{font-weight:600;font-size:14px}.ms-option-sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-pills{display:flex;flex-wrap:wrap;gap:8px}.type-pill{border:1px solid var(--line);background:#0e151e;border-radius:999px;padding:8px 12px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text)}.type-pill:hover{border-color:#4fd1c573}.type-pill.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.reminder-more{margin:8px 0 4px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#00000026}.reminder-more summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:600}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.project-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:14px 16px 12px;border-top:3px solid var(--accent, var(--line));display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.project-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-card-pin{margin-left:auto;padding:4px 8px;font-size:12px}.project-card-pin.is-on{color:var(--gold);border-color:var(--gold)}.project-pin-chip{background:var(--gold-dim);color:var(--gold)}.project-inactive{margin-top:28px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#121a2473}.project-inactive-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:0;color:inherit;font:inherit;cursor:pointer}.project-inactive-list{list-style:none;margin:0;padding:0 12px 12px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line)}.project-inactive-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px 0}.project-inactive-list a{color:inherit;font-weight:600}.project-card-del{padding:4px 8px;font-size:12px;color:var(--danger)}.project-card-title{margin:0;font-size:1.15rem;font-family:"DM Serif Display",Georgia,serif;line-height:1.25}.project-card-title a{color:inherit;text-decoration:none}.project-card-title a:hover{color:var(--accent)}.project-card-stats{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12px;color:var(--muted)}.project-card-stats .ok{color:var(--ok)}.project-card-stats .info{color:var(--info)}.project-card-stats .bad{color:var(--danger)}.project-progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.project-progress-track{height:6px;border-radius:999px;background:#ffffff0f;overflow:hidden}.project-progress-fill{height:100%;border-radius:999px;min-width:0}.project-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding-top:10px;border-top:1px solid var(--line);font-size:13px}.project-card-actions a:not(.btn){color:var(--info)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);font-size:13.5px}.table th{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em}.wf-list{display:grid;gap:16px}.wf-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:16px;overflow:hidden}.wf-card.is-working{border-color:#7eb6ff73}.wf-card.is-flagged{border-color:#ffa0648c;box-shadow:inset 3px 0 #ff8c50d9}.wf-person{display:grid;gap:6px}.wf-person strong{font-size:17px;font-weight:600;letter-spacing:-.01em}.wf-person .muted{font-size:13px}.wf-flag-badge{display:inline-block;font-size:12px;font-weight:600;color:#ffb07a;margin-top:2px}.wf-stale-badge{display:inline-block;font-size:12px;color:var(--muted)}.wf-stat strong{font-variant-numeric:tabular-nums}.wf-flag-dot{margin-right:4px;color:#ffb07a}.wf-preview li.is-flagged{background:#ff8c5014;border-radius:6px;padding:2px 4px}.wf-preview-time{white-space:nowrap;font-variant-numeric:tabular-nums}.wf-row-flagged{background:#ff8c500f}.wf-flag-reason{font-size:12px;color:#ffb07a;margin-top:4px;max-width:420px}.wf-time-cell{display:grid;gap:4px}.wf-time-row{display:flex;align-items:baseline;gap:8px}.wf-time-label{font-size:11px;color:var(--muted);min-width:52px;text-transform:uppercase;letter-spacing:.03em}.wf-time-main{font-weight:600;font-variant-numeric:tabular-nums}.wf-time-sub{font-variant-numeric:tabular-nums}.wf-time-live{font-size:12px;color:var(--ok);font-weight:600}.wf-time-stale{font-size:12px;color:#ffb07a}.wf-table td{vertical-align:top}.wf-head{width:100%;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;text-align:left;background:transparent;border:0;color:inherit;padding:18px 20px 12px;cursor:pointer}.wf-meta{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:flex-end}.wf-clock{color:var(--ok);font-size:13px;font-weight:600}.wf-preview{list-style:none;margin:0;padding:4px 20px 16px;display:grid;gap:10px}.wf-preview li{display:block;font-size:14px;padding:8px 10px;border-radius:10px;background:#ffffff08}.wf-preview-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.wf-task-head{display:flex;gap:8px;align-items:flex-start;min-width:0;flex:1}.wf-task-expand{background:transparent;border:0;color:var(--muted);cursor:pointer;padding:2px 4px 0 0;font-size:11px;line-height:1.4}.wf-task-main{min-width:0;flex:1}.wf-task-title-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.wf-board-btn{padding:2px 8px!important;font-size:12px!important;border-radius:999px!important}.wf-slack-btn{padding:2px 10px!important;font-size:12px!important;border-radius:999px!important}.wf-slack-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:0 16px 10px}.wf-ask-chip{border:1px solid var(--line);background:transparent;border-radius:999px;padding:2px 8px;font-size:11px;cursor:pointer}.wf-ask-waiting{color:#e7c47a;border-color:#e7c47a66;cursor:default}.wf-ask-replied{color:var(--accent, #5ad4c8);border-color:#5ad4c866;text-decoration:none;display:inline-flex;align-items:center}.wf-ask-response{margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#5ad4c80f}.wf-ask-response p{margin:6px 0 10px;white-space:pre-wrap}.wf-ask-board{display:grid;gap:22px}.wf-ask-section h2{font-size:16px;margin:0 0 10px}.wf-ask-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.wf-ask-list li{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.wf-ask-list li.is-open{border-color:var(--accent, #5ad4c8)}.wf-ask-title{margin-top:4px}.wf-ask-comment{margin:8px 0 0;white-space:pre-wrap}.wf-board-chip{font-size:11px}.wf-task-desc{margin-top:8px;padding:10px 12px;background:#ffffff08;border:1px solid var(--line);border-radius:8px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.wf-task-desc-preview{margin-top:4px;font-size:12px;line-height:1.4}.wf-ticket-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-body{padding:0 8px 8px}.wf-table-wrap{max-height:min(70vh,900px);overflow:auto}.wf-log-entries{margin-top:10px}.wf-log-entries ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}.wf-log-entries li{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;font-size:13px;padding:6px 8px;border-radius:8px;background:#ffffff0a}.wf-log-when{min-width:92px;color:var(--muted);font-weight:600}.wf-log-timer{flex-basis:100%;font-size:12px}.wf-log-timer-note{flex-basis:100%;font-size:12px;color:#ffb07a}.wf-person-daily{margin:0 16px 16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#ffffff08}.wf-daily-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text);margin-bottom:10px}.wf-daily-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:280px;overflow:auto}.wf-daily-grid.is-compact{max-height:none}.wf-daily-cell{min-width:78px;padding:10px 10px 8px;border-radius:10px;border:1px solid var(--line);background:#ffffff08;display:grid;gap:3px;text-align:center;font:inherit;color:inherit}button.wf-daily-cell{cursor:pointer}button.wf-daily-cell.has-hours:hover:not(.is-selected){border-color:#7eb6ff8c;background:#7eb6ff24}.wf-daily-cell.has-hours{border-color:#7eb6ff59;background:#7eb6ff14}.wf-daily-cell.has-hours.is-selected,.wf-daily-cell.is-selected{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 2px #4fd1c559;color:#0b1016;transform:translateY(-1px)}button.wf-daily-cell.is-selected:hover{background:#6ee0d5;border-color:#6ee0d5}.wf-daily-hint{margin:8px 0 0;font-size:12px}.wf-day-clear{font-size:11px;padding:4px 8px}.wf-day-tickets{margin:0 16px 16px;padding:14px 16px;border:1px solid rgba(79,209,197,.28);border-radius:12px;background:#4fd1c50f}.wf-current-work{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px 20px 12px;font-size:14px}.wf-day-ticket-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.wf-day-ticket-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wf-day-ticket-hours{font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:2px}.wf-day-empty{margin:0 8px 14px}.wf-task-worked{font-size:12px;margin-top:2px}.wf-task-project{font-size:12px;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.03em}.wf-task-meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.wf-epic{font-size:12px}.wf-ticket-link,.wf-ticket-id{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent);text-decoration:none;margin-right:4px}.wf-ticket-link:hover{text-decoration:underline}.wf-status-chip{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.wf-status-todo{color:#ff8b8b;border-color:#ff8b8b73;background:#ff8b8b1a}.wf-status-progress{color:#7eb6ff;border-color:#7eb6ff73;background:#7eb6ff1a}.wf-status-review{color:#e9a8ff;border-color:#e9a8ff73;background:#e9a8ff1a}.wf-status-done{color:#4fd1c5;border-color:#4fd1c573;background:#4fd1c51a}.wf-status-other{color:#ffc978;border-color:#ffc97873;background:#ffc9781a}.wf-current-title{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-dept-badge{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.wf-dept-backend{background:#ff787826;color:#ff9a9a}.wf-dept-frontend{background:#78c88c26;color:#8fd99e}.wf-dept-app{background:#78aaff26;color:#9ec0ff}.wf-dept-qa{background:#ffbe6426;color:#ffc978}.wf-dept-other{background:#8ea0b529;color:#c5d0dc}.csap-dept-row td{background:var(--bg-elev-2);padding-top:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.avail-card .wf-dept-badge{margin-bottom:6px}.wf-daily-weekday{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.wf-daily-label{font-size:13px;color:var(--text);font-weight:600}.wf-daily-val{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.wf-daily-cell.is-selected .wf-daily-weekday,.wf-daily-cell.is-selected .wf-daily-label,.wf-daily-cell.is-selected .wf-daily-val{color:#0b1016}.wf-tabs{gap:8px}.avail-board{display:grid;gap:24px}.avail-summary{gap:10px;flex-wrap:wrap;margin-bottom:4px}.avail-pill{font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--line)}.avail-pill-working{color:#7eb6ff;border-color:#7eb6ff73;background:#7eb6ff14}.avail-pill-occupied{color:#ffb07a;border-color:#ffb07a73;background:#ffb07a14}.avail-pill-free{color:#6ee7a8;border-color:#6ee7a873;background:#6ee7a814}.avail-pill-leave{color:#c4b5fd;border-color:#a78bfa73;background:#a78bfa14}.avail-pill-requested{color:var(--warn);border-color:#f5c54273;background:#f5c54214}.avail-section{display:grid;gap:12px}.avail-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.avail-section-head h2{margin:0;font-size:16px;font-weight:600}.avail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.avail-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:6px}.avail-card.avail-free{border-color:#6ee7a859}.avail-card.avail-working{border-color:#7eb6ff73}.avail-card.avail-occupied{border-color:#ffb07a66}.avail-card.avail-on_leave{border-color:#a78bfa73}.avail-card.avail-leave_requested{border-color:#f5c54266}.avail-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.avail-email{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avail-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px;white-space:nowrap}.avail-badge-free{color:#6ee7a8;background:#6ee7a81f}.avail-badge-working{color:#7eb6ff;background:#7eb6ff1f}.avail-badge-occupied{color:#ffb07a;background:#ffb07a1f}.avail-badge-on_leave{color:#c4b5fd;background:#a78bfa29}.avail-badge-leave_requested{color:var(--warn);background:#f5c54229}.avail-detail{margin:0;font-size:13px}.avail-task{margin:0;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csap-dot{position:relative;display:inline-flex;width:10px;height:10px;flex-shrink:0}.csap-dot-ping,.csap-dot-core{border-radius:50%;background:#34d399}.csap-dot-ping{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7;animation:csap-ping 1.4s cubic-bezier(0,0,.2,1) infinite}.csap-dot-core{position:relative;width:10px;height:10px;box-shadow:0 0 0 2px #34d39947}@keyframes csap-ping{75%,to{transform:scale(2.2);opacity:0}}.csap-pill-in{color:#6ee7a8;border-color:#6ee7a873;background:#6ee7a814;gap:8px}.csap-live-grid{display:grid;grid-template-columns:1.1fr 1fr .85fr;gap:16px}.csap-live-col{border:1px solid var(--line);border-radius:14px;background:var(--bg-elev);overflow:hidden;min-height:240px}.csap-live-col.is-in{border-color:#34d39947;background:#10b9810f}.csap-live-col.is-waiting{border-color:#f0717852;background:#f071780f}.csap-pill-wait{border-color:#f0717859;color:#ff9aa0}.csap-live-col header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.csap-live-col header h2{margin:0;font-size:15px;font-weight:600}.csap-live-list{display:grid;gap:8px;padding:12px;max-height:28rem;overflow:auto}.csap-person{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg-elev-2)}.csap-person.is-in{border-color:#34d39959;background:#10b98114}.csap-live-list.is-compact{gap:6px}.csap-person-wait{padding:7px 10px;gap:8px;align-items:center}.csap-person-wait .chip{flex-shrink:0;white-space:nowrap}.csap-day-nav{gap:6px}.csap-day-nav input[type=date]{min-width:150px}.csap-person-body{min-width:0;flex:1}.csap-person-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csap-person-meta{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csap-person-times{text-align:right;flex-shrink:0}.csap-person-in{font-variant-numeric:tabular-nums;font-weight:650;color:#6ee7a8}.csap-name-cell{display:inline-flex;align-items:center;gap:8px}.csap-in-chip{background:#6ee7a829;color:#6ee7a8}.csap-tabular{font-variant-numeric:tabular-nums}.csap-hours-row{cursor:pointer}.csap-hours-row:hover{background:#7eb6ff0f}.csap-day-head td{font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:var(--bg-elev-2)}.csap-day-row td{font-size:13px;background:#0b10168c}.csap-leave-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px;font-size:16px}.csap-leave-counts{display:inline-flex;align-items:center;gap:6px}.csap-casual-chip{background:#7eb6ff29;color:#9cc7ff}.csap-sick-chip{background:#fbbf2429;color:#fbbf24}.csap-absent-chip{background:var(--danger-dim);color:#ff9aa0}.csap-onleave-chip{background:#a78bfa29;color:#c4b5fd}.csap-requested-chip{background:#f5c54229;color:var(--warn)}.csap-pill-split{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-top:2px}.install-banner{position:sticky;bottom:16px;margin:16px auto 0;max-width:520px;background:var(--bg-elev-2);border:1px solid var(--accent);border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center}@media(max-width:1180px)and (min-width:901px){.app-shell{grid-template-columns:200px 1fr}.sidebar{padding:18px 12px}.brand h1{font-size:20px;line-height:26px}.brand p{font-size:11px}.nav a{font-size:13px;padding:7px 10px}.main{padding:18px 20px;max-width:none}.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.avail-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.csap-live-grid{grid-template-columns:1fr 1fr}.wf-head{flex-wrap:wrap}.wf-meta{justify-content:flex-start;width:100%}.topbar{flex-wrap:wrap}.table-wrap,.card:has(.table),.wf-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:640px}}@media(max-width:900px){.app-shell{grid-template-columns:1fr;height:100dvh;overflow:hidden}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;padding:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .2s ease}.app-shell.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;z-index:50;width:min(300px,86vw);height:100dvh;padding:20px 14px;transform:translate(-105%);transition:transform .22s ease;box-shadow:8px 0 32px #00000059}.app-shell.nav-open .sidebar{transform:translate(0)}.nav-close{display:grid;place-items:center;margin-left:auto;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elev-2);color:var(--muted);cursor:pointer;font-size:14px}.mobile-bar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:20;margin:-8px -8px 16px;padding:10px 8px 12px;background:#0b1016eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-toggle{display:flex}.mobile-bar-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.mobile-bar-brand .brand-mark{width:28px;height:28px;font-size:15px}.mobile-bar-brand strong{font-family:"DM Serif Display",Georgia,serif;font-size:18px;color:var(--accent-bright);letter-spacing:-.02em}.mobile-bar-user{font-size:13px;max-width:28vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{padding:12px 14px 20px;max-width:none;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.main:has(.board-page){overflow:hidden}.main:has(.board-page) .mobile-bar{flex-shrink:0}.topbar{flex-wrap:wrap;gap:12px;margin-bottom:16px}.topbar h1{font-size:clamp(1.35rem,4vw,1.75rem)}.row{gap:8px}.row select,.row input,.topbar select{max-width:100%}.kanban{grid-template-columns:1fr;height:auto}.board-page{height:auto;min-height:0;overflow:visible}.main:has(.board-page) .board-page{height:100%;overflow:hidden}.kanban-col{max-height:55vh}.board-person-head{flex-wrap:wrap}.board-person-stats{width:100%;justify-content:flex-start;padding-left:52px}.board-task-card{flex-direction:column}.board-task-meta{max-width:none;justify-content:flex-start}.project-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.csap-live-grid{grid-template-columns:1fr}.wf-head{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px 10px}.wf-meta{justify-content:flex-start}.wf-preview{padding:4px 14px 14px}.wf-current-work{padding:4px 14px 10px}.wf-person-daily,.wf-day-tickets{margin-left:12px;margin-right:12px}.project-ticket-group-head{flex-wrap:wrap}.card:has(.table),.wf-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:560px}.install-banner{flex-wrap:wrap;position:static;margin-top:20px}}@media(max-width:640px){.main{padding:10px 12px 18px}.mobile-bar{margin:-6px -4px 14px}.grid.cards{grid-template-columns:1fr 1fr}.project-grid,.avail-grid{grid-template-columns:1fr}.board-person-stats{padding-left:0}.wf-daily-cell{min-width:68px}}.team-dept-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.team-dept-col{border:1px solid var(--border);border-radius:12px;background:#121a248c;min-height:120px;display:flex;flex-direction:column;overflow:hidden}.team-dept-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);background:#ffffff05}.team-dept-list{display:flex;flex-direction:column;gap:4px;padding:8px;max-height:320px;overflow:auto}.team-member-row{display:flex;gap:8px;align-items:flex-start;font-size:13px;cursor:pointer;padding:6px 8px;border-radius:8px}.team-member-row:hover{background:#ffffff0a}.team-member-row strong{font-weight:600}.team-member-email{display:block;font-size:11px}.team-role-tag{display:inline-block;margin-left:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.team-dept-empty,.team-member-empty{font-size:12px;padding:8px}@media(max-width:1100px){.team-dept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.team-dept-grid{grid-template-columns:1fr}}.project-log-list{margin:4px 0 8px 28px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.project-ticket-group{padding:10px 4px 18px}.project-ticket-group+.project-ticket-group{border-top:1px solid var(--line);margin-top:6px}.project-ticket-group-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:8px 4px 10px}.project-ticket-group-head h3{margin:0;font-size:15px}.project-log-list li{font-size:13px;padding:6px 8px;border-left:2px solid var(--border)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:grid;place-items:center;padding:24px;background:#080c12b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-modal{width:min(420px,100%);padding:28px 24px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elev);box-shadow:var(--shadow);text-align:center}.loading-modal h2{margin:16px 0 8px;font-size:22px}.loading-modal p{margin:0;font-size:13.5px}.loading-spinner{width:40px;height:40px;margin:0 auto;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}