:root{--bg:#f2f5f4;--paper:#ffffff;--ink:#15211e;--ink-2:#33433d;--muted:#6c7b75;--muted-2:#93a19b;--line:#e2e8e5;--line-soft:#eef3f1;--accent:#0f766e;--accent-dark:#0b5c56;--accent-soft:#e9f6f2;--red:#bd3f37;--red-soft:#fdf0ee;--amber:#a2620a;--amber-soft:#fdf5e6;--blue:#2563a8;--blue-soft:#edf4fc;--green:#147a4a;--green-soft:#ecf8f1;--slate:#5b6b75;--slate-soft:#f0f4f6;--shadow-sm:0 1px 2px rgba(18, 40, 34, 0.05);--shadow:0 18px 40px -24px rgba(18, 40, 34, 0.28);--radius:14px}*{box-sizing:border-box}html,
body{margin:0;padding:0}body.app-body{min-height:100vh;background:radial-gradient(1100px 380px at 12% -8%, #e6f2ee 0%, rgba(230, 242, 238, 0) 70%),
    var(--bg);color:var(--ink);font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;font-size:14.5px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid rgba(15, 118, 110, 0.55);outline-offset:2px}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;background:rgba(255, 255, 255, 0.92);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1380px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:28px}.brand{color:var(--ink);display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(150deg, #14907f 0%, #0b5c56 100%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -8px rgba(11, 92, 86, 0.9);flex:none}.brand-text{min-width:0;overflow:hidden;display:flex;flex-direction:column}.brand-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;letter-spacing:-0.01em;line-height:1.15}.brand-sub{display:block;font-size:11.5px;color:var(--muted);margin-top:1px;white-space:nowrap}.nav{display:flex;align-items:center;gap:4px;margin-left:6px}.nav-link{padding:7px 12px;border-radius:9px;color:var(--ink-2);font-size:13.5px;font-weight:550;display:inline-flex;align-items:center;gap:7px}.nav-link:hover{background:var(--line-soft);color:var(--ink)}.nav-link.is-active{background:var(--accent-soft);color:var(--accent-dark)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.user-chip{display:flex;align-items:center;gap:9px;padding:5px 8px 5px 5px;border-radius:999px;border:1px solid transparent;color:var(--ink);text-decoration:none}.user-chip:hover{background:var(--line-soft);border-color:var(--line)}.user-meta{display:flex;flex-direction:column;line-height:1.2;padding-right:4px}.user-name{display:block;font-size:13px;font-weight:600;white-space:nowrap}.user-role{display:block;font-size:11px;color:var(--muted);white-space:nowrap}.page{width:100%;max-width:1380px;margin:0 auto;padding:26px 24px 64px;flex:1}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.page-title{margin:0;font-size:27px;line-height:1.2;font-weight:700;letter-spacing:-0.02em}.page-sub{margin:7px 0 0;color:var(--muted);font-size:13.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dot-sep{color:var(--muted-2)}.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:0 14px;height:38px;font-size:13.5px;font-weight:550;cursor:pointer;white-space:nowrap;transition:background 0.14s, border-color 0.14s, box-shadow 0.14s, transform 0.08s;text-decoration:none}.btn:hover{background:#f7faf9;border-color:#d5ded9}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:0.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 18px -12px rgba(15, 118, 110, 0.9)}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--line-soft);color:var(--ink)}.btn-sm{height:32px;padding:0 10px;font-size:12.5px;border-radius:8px}.btn-danger{color:var(--red);border-color:#f0cdc9;background:#fff}.btn-danger:hover{background:var(--red-soft);border-color:#e8b6b0}.btn-block{width:100%}.icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:var(--line-soft);color:var(--ink)}.kpi-grid{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:12px;margin-bottom:20px}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px 14px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.kpi::after{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:transparent}.kpi.is-alert::after{background:var(--red)}.kpi.is-today::after{background:var(--amber)}.kpi.is-done::after{background:var(--green)}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);font-weight:600}.kpi-icon{width:26px;height:26px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:none}.kpi.is-alert .kpi-icon{background:var(--red-soft);color:var(--red)}.kpi.is-today .kpi-icon{background:var(--amber-soft);color:var(--amber)}.kpi.is-done .kpi-icon{background:var(--green-soft);color:var(--green)}.kpi-value{font-size:27px;font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin-top:8px;font-variant-numeric:tabular-nums}.kpi-foot{font-size:11.5px;color:var(--muted);margin-top:4px;min-height:16px}.kpi-foot strong{color:var(--ink-2);font-weight:600}.content-grid{display:grid;grid-template-columns:minmax(0, 1fr) 332px;gap:18px;align-items:start}.side-col{display:flex;flex-direction:column;gap:16px;position:sticky;top:84px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.panel-head{padding:15px 16px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.panel-title{margin:0;font-size:13.5px;font-weight:650;letter-spacing:-0.01em}.panel-sub{margin:2px 0 0;font-size:11.5px;color:var(--muted)}.panel-body{padding:0 16px 16px}.panel-link{font-size:12px;color:var(--accent);background:none;border:0;cursor:pointer;padding:2px 0}.filters{padding:12px 12px 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line-soft)}.search{position:relative;flex:1 1 220px;min-width:180px}.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted-2);pointer-events:none}.search input{width:100%;height:36px;border:1px solid var(--line);border-radius:9px;padding:0 12px 0 34px;font-size:13px;background:#fbfdfc;color:var(--ink)}.search input::placeholder{color:var(--muted-2)}.search input:focus{outline:none;border-color:#9ccdc5;background:#fff;box-shadow:0 0 0 3px rgba(15, 118, 110, 0.1)}.select-wrap{position:relative;flex:none}.select-wrap svg{position:absolute;right:9px;top:50%;transform:translateY(-50%);color:var(--muted-2);pointer-events:none}select.select{height:36px;appearance:none;border:1px solid var(--line);border-radius:9px;background:#fbfdfc;color:var(--ink-2);font-size:12.5px;padding:0 28px 0 10px;cursor:pointer;max-width:190px}select.select:focus{outline:none;border-color:#9ccdc5;box-shadow:0 0 0 3px rgba(15, 118, 110, 0.1)}.chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fbfdfc;color:var(--ink-2);border-radius:999px;height:30px;padding:0 11px;font-size:12.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background 0.12s, border-color 0.12s, color 0.12s}.chip:hover{background:var(--line-soft)}.chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.chip-count{font-size:11px;font-variant-numeric:tabular-nums;opacity:0.75}.list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line-soft);color:var(--muted);font-size:12px}.list-count strong{color:var(--ink);font-weight:600}.list-head-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.view-switch .segment{height:28px;padding:0 10px;font-size:12px;gap:5px}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(236px, 1fr);gap:10px;padding:12px;overflow-x:auto;align-items:start;scrollbar-width:thin}.board::-webkit-scrollbar{height:8px}.board::-webkit-scrollbar-thumb{background:#d6e1dc;border-radius:4px}.board-col{background:#f7faf9;border:1px solid var(--line-soft);border-radius:12px;min-width:0}.board-col-head{display:flex;align-items:center;gap:7px;padding:10px 11px;border-top:3px solid transparent;border-radius:11px 11px 0 0}.col-new .board-col-head{border-top-color:#93a8b1}.col-in_work .board-col-head{border-top-color:#2563a8}.col-review .board-col-head{border-top-color:#a2620a}.col-done .board-col-head{border-top-color:#147a4a}.col-cancelled .board-col-head{border-top-color:#a9b4b0}.board-dot{width:7px;height:7px;border-radius:50%;flex:none}.col-new .board-dot{background:#93a8b1}.col-in_work .board-dot{background:#2563a8}.col-review .board-dot{background:#a2620a}.col-done .board-dot{background:#147a4a}.col-cancelled .board-dot{background:#a9b4b0}.board-col-title{margin:0;font-size:12px;font-weight:650;letter-spacing:0.01em;color:var(--ink-2)}.board-count{margin-left:auto;font-size:10.5px;font-weight:650;background:#fff;border:1px solid var(--line);border-radius:999px;padding:1px 7px;color:var(--muted);font-variant-numeric:tabular-nums}.board-col-body{padding:0 9px 9px;display:flex;flex-direction:column;gap:7px}.task-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:7px;box-shadow:var(--shadow-sm);transition:border-color 0.13s, box-shadow 0.13s, transform 0.08s;font-family:inherit;color:inherit;width:100%}.task-card:hover{border-color:#cfe0da;box-shadow:0 8px 18px -12px rgba(18, 40, 34, 0.32);transform:translateY(-1px)}.task-card:active{transform:translateY(0)}.task-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.card-due{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.card-due.is-overdue{color:var(--red);font-weight:650;background:var(--red-soft);padding:1px 5px;border-radius:5px}.card-due.is-today{color:var(--amber);font-weight:650;background:var(--amber-soft);padding:1px 5px;border-radius:5px}.task-card-title{font-size:13px;font-weight:600;line-height:1.35;letter-spacing:-0.005em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.is-closed .task-card-title{color:var(--muted)}.task-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:10.5px;color:var(--muted)}.task-card-foot{display:flex;align-items:center;gap:5px;border-top:1px solid var(--line-soft);padding-top:7px;margin-top:1px;min-width:0}.task-card-assignee{font-size:11px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-empty{margin:0;padding:14px 6px;text-align:center;font-size:11.5px;color:var(--muted-2);border:1px dashed #d9e3df;border-radius:8px;background:#fbfdfc;line-height:1.4}@media (max-width: 860px){.board{grid-auto-columns:82%;scroll-snap-type:x mandatory;padding:10px}.board-col{scroll-snap-align:start}}.task-list{display:flex;flex-direction:column}.task-row{display:grid;grid-template-columns:3px minmax(0, 1fr) 168px 124px 104px 16px;align-items:center;gap:12px;padding:11px 14px 11px 0;border-bottom:1px solid var(--line-soft);cursor:pointer;background:var(--paper);transition:background 0.12s;text-align:left;border-left:0;border-right:0;border-top:0;width:100%;font-family:inherit;color:inherit}.task-row:last-child{border-bottom:0}.task-row:hover{background:#f9fcfb}.task-prio{width:3px;height:30px;border-radius:0 3px 3px 0;background:transparent}.task-prio.prio-low{background:#b9c6c1}.task-prio.prio-normal{background:#7fa6c9}.task-prio.prio-high{background:#d79a3d}.task-prio.prio-urgent{background:#ca5a50}.task-main{min-width:0}.task-title{display:block;font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.005em}.task-title.is-done{color:var(--muted);text-decoration:line-through;text-decoration-color:#b9c6c1}.task-meta{margin-top:3px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}.task-meta .tag{background:var(--slate-soft);color:var(--slate);border-radius:5px;padding:1px 6px;font-size:10.5px;font-weight:550;letter-spacing:0.01em}.task-flag{display:inline-flex;align-items:center;gap:3px;color:var(--muted-2);font-size:11px}.task-assignee{display:flex;align-items:center;gap:7px;min-width:0}.task-assignee .name{font-size:12.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-assignee .unassigned{font-size:12px;color:var(--muted-2);font-style:italic}.task-due{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-2);white-space:nowrap}.task-due.is-overdue{color:var(--red);font-weight:600}.task-due.is-today{color:var(--amber);font-weight:600}.task-chevron{color:#c3cec9}.avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:650;letter-spacing:0.02em;flex:none;color:#fff;background:#6b8f86}.avatar.tone-0{background:#4f7f76}.avatar.tone-1{background:#7d6a9c}.avatar.tone-2{background:#9a7444}.avatar.tone-3{background:#517a9e}.avatar.tone-4{background:#8a6259}.avatar.tone-5{background:#5d7f5c}.avatar-sm{width:22px;height:22px;font-size:9px}.avatar-lg{width:40px;height:40px;font-size:13px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0.8}.badge-new{background:var(--slate-soft);color:#546873;border-color:#e2ebee}.badge-in_work{background:var(--blue-soft);color:var(--blue);border-color:#d8e6f7}.badge-review{background:var(--amber-soft);color:var(--amber);border-color:#f3e2c2}.badge-done{background:var(--green-soft);color:var(--green);border-color:#cfead9}.badge-cancelled{background:#f4f4f4;color:#8b9490;border-color:#e8e8e8}.prio-tag{font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:5px;letter-spacing:0.01em}.prio-tag.low{background:#f1f4f3;color:#7c8b86}.prio-tag.normal{background:var(--blue-soft);color:var(--blue)}.prio-tag.high{background:var(--amber-soft);color:var(--amber)}.prio-tag.urgent{background:var(--red-soft);color:var(--red)}.empty{padding:46px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-icon{width:52px;height:52px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.empty-title{font-size:15px;font-weight:650}.empty-text{color:var(--muted);font-size:13px;max-width:380px;margin:0 0 8px}.summary-list{display:flex;flex-direction:column;gap:11px}.summary-person{display:grid;grid-template-columns:24px minmax(0, 1fr) 26px;align-items:center;gap:9px}.summary-main{min-width:0}.summary-name{font-size:12.5px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-bar{height:5px;border-radius:999px;background:var(--line-soft);margin-top:4px;overflow:hidden}.summary-bar span{display:block;height:100%;border-radius:999px;background:var(--accent)}.summary-bar span.has-overdue{background:var(--red)}.summary-count{font-size:12px;font-weight:650;color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums}.summary-count small{display:block;font-size:9.5px;color:var(--red);font-weight:600}.category-list{display:flex;flex-direction:column;gap:9px}.category-row{display:flex;align-items:center;gap:8px;font-size:12.5px}.category-dot{width:7px;height:7px;border-radius:2px;background:var(--accent);flex:none}.category-row .count{margin-left:auto;font-weight:650;font-variant-numeric:tabular-nums}.category-row .bar{flex:1;height:4px;border-radius:999px;background:var(--line-soft);min-width:40px;overflow:hidden}.category-row .bar span{display:block;height:100%;border-radius:999px;background:#9ccdc5}.activity{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:12px;line-height:1.4}.activity-item:last-child{border-bottom:0}.activity-icon{width:22px;height:22px;border-radius:7px;background:var(--line-soft);color:var(--muted);display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}.activity-icon.is-comment{background:var(--accent-soft);color:var(--accent)}.activity-body{min-width:0}.activity-actor{font-weight:600;color:var(--ink-2)}.activity-text{color:var(--muted)}.activity-task{color:var(--ink-2);font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.activity-time{color:var(--muted-2);font-size:10.5px;margin-top:2px}.chart{display:flex;align-items:flex-end;gap:4px;height:92px;padding-top:4px}.chart-col{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:2px;height:100%;min-width:0;position:relative}.chart-bar{width:5px;border-radius:3px 3px 1px 1px;min-height:2px;transition:height 0.3s ease}.chart-bar.created{background:#bfe0da}.chart-bar.done{background:var(--accent)}.chart-axis{display:flex;gap:4px;margin-top:6px}.chart-axis span{flex:1;text-align:center;font-size:9px;color:var(--muted-2);min-width:0}.chart-legend{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-top:10px}.chart-legend span{display:inline-flex;align-items:center;gap:5px}.chart-dot{width:7px;height:7px;border-radius:2px;display:inline-block}.chart-dot.created{background:#bfe0da}.chart-dot.done{background:var(--accent)}.overlay{position:fixed;inset:0;background:rgba(15, 30, 26, 0.36);backdrop-filter:blur(2px);z-index:60;display:flex;justify-content:flex-end;animation:fade-in 0.16s ease}.overlay.is-center{justify-content:center;align-items:center;padding:20px}.drawer{width:min(620px, 100%);background:var(--paper);height:100%;display:flex;flex-direction:column;box-shadow:-20px 0 60px -30px rgba(10, 25, 20, 0.55);animation:slide-in 0.22s cubic-bezier(0.22, 0.8, 0.32, 1)}.drawer-head{padding:18px 20px 14px;border-bottom:1px solid var(--line-soft);display:flex;align-items:flex-start;gap:12px}.drawer-head-main{min-width:0;flex:1}.drawer-kicker{display:flex;align-items:center;gap:7px;margin-bottom:7px;flex-wrap:wrap}.drawer-title{margin:0;font-size:19px;line-height:1.3;font-weight:650;letter-spacing:-0.01em;word-break:break-word}.drawer-body{padding:16px 20px 24px;overflow-y:auto;flex:1}.drawer-foot{border-top:1px solid var(--line-soft);padding:12px 20px;display:flex;align-items:center;gap:8px;justify-content:space-between;background:#fcfdfd}.drawer-section{margin-bottom:20px}.drawer-section:last-child{margin-bottom:0}.section-label{font-size:10.5px;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted-2);font-weight:650;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.description-text{font-size:13.5px;line-height:1.55;color:var(--ink-2);white-space:pre-wrap;word-break:break-word}.meta-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px}.meta-item{background:#fbfdfc;border:1px solid var(--line-soft);border-radius:10px;padding:9px 10px}.meta-label{font-size:10px;text-transform:uppercase;letter-spacing:0.04em;color:var(--muted-2);font-weight:600;margin-bottom:3px}.meta-value{font-size:12.5px;font-weight:550;color:var(--ink-2);display:flex;align-items:center;gap:6px;min-width:0}.meta-value.is-overdue{color:var(--red)}.audio-box{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fbfdfc}.audio-box audio{width:100%;height:38px}.audio-note{margin:8px 0 0;font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.transcript{margin-top:10px;border-top:1px dashed var(--line);padding-top:10px}.transcript-text{font-size:13px;line-height:1.55;color:var(--ink-2);white-space:pre-wrap;word-break:break-word}.transcript-status{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:7px}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid #cbe4df;border-top-color:var(--accent);animation:spin 0.8s linear infinite;flex:none;display:inline-block}.attach-list{display:flex;flex-direction:column;gap:7px}.attach-item{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;font-size:12.5px}.attach-icon{width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:none}.attach-name{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-meta{font-size:10.5px;color:var(--muted)}.attach-download{margin-left:auto;flex:none}.attach-thumbs{display:grid;grid-template-columns:repeat(auto-fill, minmax(84px, 1fr));gap:7px;margin-bottom:7px}.attach-thumb{aspect-ratio:1;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:var(--line-soft);display:block}.attach-thumb img{width:100%;height:100%;object-fit:cover;display:block}.status-actions{display:flex;gap:6px;flex-wrap:wrap}.status-btn{border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:9px;height:32px;padding:0 11px;font-size:12px;font-weight:550;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.status-btn:hover{background:var(--line-soft)}.status-btn.is-current{background:var(--accent-soft);border-color:#b7ded8;color:var(--accent-dark)}.status-btn.is-done.is-current{background:var(--green-soft);border-color:#c4e6d2;color:var(--green)}.comment-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.comment{display:flex;gap:9px}.comment-main{min-width:0;flex:1}.comment-head{display:flex;align-items:baseline;gap:7px;margin-bottom:3px;flex-wrap:wrap}.comment-author{font-size:12px;font-weight:650;color:var(--ink-2)}.comment-time{font-size:10.5px;color:var(--muted-2)}.comment-bubble{background:#f7faf9;border:1px solid var(--line-soft);border-radius:3px 10px 10px 10px;padding:8px 10px;font-size:12.5px;line-height:1.5;color:var(--ink-2);white-space:pre-wrap;word-break:break-word}.comment-form{display:flex;gap:8px;align-items:flex-end}.comment-form textarea{flex:1}.system-note{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:7px;padding:2px 0}.system-note .line{flex:1;height:1px;background:var(--line-soft)}.field{display:block}.field-label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:5px}.field-hint{font-size:11px;color:var(--muted);margin-top:4px}.input,
.textarea{width:100%;border:1px solid #d8e0dc;border-radius:9px;background:#fff;color:var(--ink);font-family:inherit;font-size:13.5px;padding:0 11px;height:38px;transition:border-color 0.12s, box-shadow 0.12s}.textarea{height:auto;min-height:84px;padding:9px 11px;resize:vertical;line-height:1.5}.input:focus,
.textarea:focus{outline:none;border-color:#9ccdc5;box-shadow:0 0 0 3px rgba(15, 118, 110, 0.1)}.input::placeholder,
.textarea::placeholder{color:var(--muted-2)}select.input{appearance:none;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .span-2{grid-column:span 2}.field-error{color:var(--red);font-size:12px;margin-top:8px}.modal{width:min(720px, 100%);max-height:min(92vh, 900px);background:var(--paper);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;animation:pop-in 0.18s ease;overflow:hidden}.modal-head{padding:17px 20px 14px;border-bottom:1px solid var(--line-soft);display:flex;align-items:flex-start;gap:12px}.modal-title{margin:0;font-size:17px;font-weight:650;letter-spacing:-0.01em}.modal-sub{margin:3px 0 0;font-size:12px;color:var(--muted)}.modal-body{padding:16px 20px;overflow-y:auto;flex:1}.modal-foot{padding:12px 20px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fcfdfd}.modal-foot .left{display:flex;align-items:center;gap:8px;min-width:0}.segmented{display:inline-flex;background:var(--slate-soft);border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px}.segment{border:0;background:transparent;border-radius:8px;height:30px;padding:0 12px;font-size:12.5px;font-weight:550;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.segment.is-active{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.recorder{border:1px solid var(--line);border-radius:12px;background:#fbfdfc;padding:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.rec-btn{width:54px;height:54px;border-radius:50%;border:0;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;position:relative;box-shadow:0 10px 22px -12px rgba(15, 118, 110, 0.9)}.rec-btn:hover{background:var(--accent-dark)}.rec-btn.is-recording{background:var(--red);box-shadow:0 10px 22px -12px rgba(189, 63, 55, 0.9)}.rec-btn.is-recording::before,
.rec-btn.is-recording::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(189, 63, 55, 0.35);animation:pulse 1.6s ease-out infinite}.rec-btn.is-recording::after{animation-delay:0.8s}.rec-main{min-width:0;flex:1}.rec-title{font-size:13px;font-weight:600}.rec-timer{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-0.01em;margin-top:1px}.rec-timer.is-recording{color:var(--red)}.rec-hint{font-size:11.5px;color:var(--muted);margin-top:2px}.rec-bars{display:flex;align-items:center;gap:2px;height:26px;width:132px;flex:none}.rec-bar{width:3px;border-radius:2px;background:#b9d8d2;min-height:3px;transition:height 0.08s linear}.rec-bar.is-live{background:var(--accent)}.rec-preview{width:100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rec-preview audio{flex:1;min-width:200px;height:36px}.dropzone{border:1.5px dashed #cfdad5;border-radius:11px;background:#fbfdfc;padding:14px;text-align:center;cursor:pointer;color:var(--muted);font-size:12.5px;transition:border-color 0.14s, background 0.14s}.dropzone:hover,
.dropzone.is-over{border-color:var(--accent);background:var(--accent-soft)}.dropzone strong{display:block;color:var(--ink-2);font-size:13px;font-weight:600;margin-bottom:2px}.file-list{display:flex;flex-direction:column;gap:6px;margin-top:9px}.file-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:7px 9px;background:#fff;font-size:12px}.file-item .name{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item .size{color:var(--muted);font-size:10.5px;flex:none}.file-item .remove{margin-left:auto;flex:none}.upload-progress{height:3px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:6px}.upload-progress span{display:block;height:100%;background:var(--accent);transition:width 0.2s}.muted{color:var(--muted)}.muted-2{color:var(--muted-2)}.small{font-size:11.5px}.nowrap{white-space:nowrap}.alert{border:1px solid #f0cdc9;background:var(--red-soft);color:var(--red);border-radius:9px;padding:9px 11px;font-size:12.5px}.notice{border:1px solid #c9e6d4;background:var(--green-soft);color:var(--green);border-radius:9px;padding:9px 11px;font-size:12.5px}.toast{position:fixed;right:20px;top:78px;bottom:auto;z-index:80;background:var(--ink);color:#fff;border-radius:10px;padding:10px 14px;font-size:12.5px;box-shadow:var(--shadow);max-width:380px;display:flex;align-items:center;gap:8px;animation:pop-in 0.18s ease}.toast.is-error{background:#8f2f28}.login-body{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#f6f8f7}.login-aside{background:radial-gradient(900px 500px at 10% 0%, rgba(56, 178, 158, 0.35), transparent 65%),
    linear-gradient(160deg, #0e635c 0%, #0a4641 60%, #083733 100%);color:#eaf6f2;padding:52px 56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-aside::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size:44px 44px;mask-image:radial-gradient(700px 500px at 70% 70%, #000, transparent 75%);pointer-events:none}.login-aside-inner{position:relative;z-index:1;max-width:460px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:54px}.login-brand .brand-mark{width:40px;height:40px;border-radius:12px;background:rgba(255, 255, 255, 0.14);box-shadow:none;backdrop-filter:blur(6px)}.login-brand-title{font-weight:700;font-size:16px}.login-brand-sub{font-size:11.5px;color:rgba(234, 246, 242, 0.62)}.login-heading{font-size:34px;line-height:1.16;letter-spacing:-0.025em;font-weight:700;margin:0 0 14px}.login-lead{font-size:14.5px;line-height:1.6;color:rgba(234, 246, 242, 0.76);margin:0 0 28px;max-width:390px}.login-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}.login-points li{display:flex;gap:11px;font-size:13px;color:rgba(234, 246, 242, 0.86);align-items:flex-start}.login-point-icon{width:26px;height:26px;border-radius:8px;background:rgba(255, 255, 255, 0.12);display:flex;align-items:center;justify-content:center;flex:none;margin-top:-2px}.login-foot{position:relative;z-index:1;font-size:11px;color:rgba(234, 246, 242, 0.45)}.login-main{display:flex;align-items:center;justify-content:center;padding:30px}.login-card{width:100%;max-width:372px}.login-title{font-size:23px;font-weight:700;letter-spacing:-0.02em;margin:0 0 6px}.login-sub{color:var(--muted);font-size:13px;margin:0 0 24px}.login-form{display:flex;flex-direction:column;gap:13px}.login-note{margin-top:20px;font-size:11.5px;color:var(--muted-2);line-height:1.5}.profile-grid{display:grid;grid-template-columns:minmax(0, 1.15fr) minmax(0, 0.85fr);gap:18px;align-items:start}.profile-side{display:flex;flex-direction:column;gap:16px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}@media (max-width: 900px){.profile-grid{grid-template-columns:minmax(0, 1fr)}}.users-panel{overflow:hidden}.users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}table.data th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted);font-weight:650;padding:9px 14px;background:#fafcfb;border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:11px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}table.data tr:last-child td{border-bottom:0}table.data tbody tr:hover{background:#fafcfb}.user-cell{display:flex;align-items:center;gap:9px;min-width:0}.user-cell .name{font-weight:600;font-size:13px}.user-cell .pos{font-size:11px;color:var(--muted)}.role-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:650;border:1px solid transparent}.role-badge.admin{background:var(--accent-soft);color:var(--accent-dark);border-color:#bfe0da}.role-badge.manager{background:var(--blue-soft);color:var(--blue);border-color:#d5e5f8}.role-badge.employee{background:var(--slate-soft);color:var(--slate);border-color:#e1eaee}.status-dot-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}.status-dot-label .dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.status-dot-label .dot.off{background:#b9c4bf}.login-cred{border:1px solid #c9e6d4;background:var(--green-soft);border-radius:10px;padding:11px 12px;font-size:12.5px;color:var(--ink-2);margin-top:12px}.login-cred code{background:#fff;border:1px solid #cfe6d8;border-radius:5px;padding:1px 5px;font-size:12.5px;font-weight:650}.cred-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 0}.cred-row .label{color:var(--muted);font-size:11.5px}.switch{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;cursor:pointer;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{width:34px;height:20px;border-radius:999px;background:#cfd9d5;position:relative;transition:background 0.15s;flex:none}.switch .track::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);transition:transform 0.15s}.switch input:checked + .track{background:var(--accent)}.switch input:checked + .track::after{transform:translateX(14px)}.tag{background:var(--slate-soft);color:var(--slate);border-radius:5px;padding:1px 6px;font-size:10.5px;font-weight:550;letter-spacing:0.01em;white-space:nowrap}.task-meta-mobile{display:none}.mob-overdue{color:var(--red);font-weight:600}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2393a19b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.activity-task{background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;width:100%}.activity-task:hover{color:var(--accent)}.side-col{position:static}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(0.95);opacity:0.8}100%{transform:scale(1.35);opacity:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-in{from{transform:translateX(26px);opacity:0.6}to{transform:translateX(0);opacity:1}}@keyframes pop-in{from{transform:translateY(6px) scale(0.99);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 1180px){.content-grid{grid-template-columns:minmax(0, 1fr)}.side-col{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}}@media (max-width: 1080px){.kpi-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}.task-row{grid-template-columns:3px minmax(0, 1fr) 150px 110px 16px}.task-row .task-status-cell{display:none}}@media (max-width: 860px){.topbar-inner{padding:0 16px;gap:14px;height:58px}.brand-sub{display:none}.user-meta{display:none}.page{padding:20px 16px 50px}.page-head{flex-direction:column;align-items:stretch}.page-actions{justify-content:flex-start}.kpi-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.side-col{grid-template-columns:1fr}.task-row{grid-template-columns:3px minmax(0, 1fr) 16px;gap:10px;padding:12px 14px 12px 0}.task-row .task-assignee,
  .task-row .task-due{display:none}.task-meta-mobile{display:inline-flex;align-items:center;gap:4px;color:var(--muted)}.task-meta{gap:5px}.task-meta .meta-assignee-mobile{display:inline-flex;align-items:center;gap:4px}.login-body{grid-template-columns:1fr}.login-aside{padding:30px 26px;min-height:220px}.login-brand{margin-bottom:22px}.login-heading{font-size:25px;margin-bottom:8px}.login-lead{margin-bottom:0;font-size:13px}.login-points,
  .login-foot{display:none}.login-main{padding:26px 20px 60px}.modal{max-height:94vh}.overlay.is-center{padding:10px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.meta-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.nav-link span{display:none}}@media (max-width: 560px){.nav-link{padding:7px 9px}.kpi:last-child{grid-column:span 2}.page-title{font-size:22px}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi{padding:12px 13px}.kpi-value{font-size:23px}.drawer{width:100%}.drawer-head,
  .drawer-body,
  .drawer-foot{padding-left:16px;padding-right:16px}.meta-grid{grid-template-columns:1fr}.rec-bars{width:90px}.segmented{width:100%}.segment{flex:1;justify-content:center}}