input[type="color"]{-webkit-appearance:none;appearance:none;padding:0}input[type="color"]::-webkit-color-swatch-wrapper{padding:0}input[type="color"]::-webkit-color-swatch{border:none;border-radius:inherit}input[type="color"]::-moz-color-swatch{border:none;border-radius:inherit}body:not(.i18n-ready){visibility:hidden}#viSplash{position:fixed;inset:0;z-index:99999;background:#EEF0F5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;visibility:visible;animation:viSplashOut 0.45s cubic-bezier(.4,0,.2,1) 1.9s forwards}.dark #viSplash{background:#0f172a}#viSplash img{width:80px;height:80px;animation:viSplashLogoIn 0.55s cubic-bezier(.34,1.56,.64,1) forwards}#viSplashLabel{font-size:1.5rem;font-weight:700;letter-spacing:.08em;color:#1e293b;opacity:0;animation:viSplashTextIn 0.4s ease 0.3s forwards}.dark #viSplashLabel{color:#f1f5f9}#viSplashDot{width:6px;height:6px;border-radius:50%;background:#40e0d0;opacity:0;animation:viSplashDotPulse 0.8s ease 0.7s 2 forwards}@keyframes viSplashLogoIn{from{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}@keyframes viSplashTextIn{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes viSplashDotPulse{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.4)}100%{opacity:0;transform:scale(.6)}}@keyframes viSplashOut{from{opacity:1}to{opacity:0;pointer-events:none}}:root{--c-bg:#EDEEF3;--c-surface:#F4F5F9;--c-surface-2:#E6E8EF;--c-text-1:#2C3A4F;--c-text-2:#6B7A90;--c-text-3:#9AAAB8;--c-border:#D5D9E3;--c-accent:#4A7CF0;--c-accent-h:#2F62E0;--c-accent-bg:#EAF0FF;--c-success:#10B981;--c-warning:#F59E0B;--c-danger:#EF4444;--shadow-sm:0 1px 2px rgb(0 0 0 / .05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .07);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .06)}html.dark{--c-bg:#0F172A;--c-surface:#1E293B;--c-surface-2:#293548;--c-text-1:#E2E8F0;--c-text-2:#94A3B8;--c-text-3:#64748B;--c-border:#334155;--c-accent:#60A5FA;--c-accent-h:#3B82F6;--c-accent-bg:#172554;--c-success:#34D399;--c-warning:#FBBF24;--c-danger:#F87171;--shadow-sm:0 1px 2px rgb(0 0 0 / .25);--shadow-md:0 4px 6px -1px rgb(0 0 0 / .30), 0 2px 4px -2px rgb(0 0 0 / .25);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .40), 0 4px 6px -4px rgb(0 0 0 / .30)}*,*::before,*::after{transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-text-3)}dialog::backdrop{background:rgb(0 0 0 / .45);backdrop-filter:blur(4px)}.theme-switch{position:relative;display:inline-block;width:44px;height:24px;border-radius:12px;background:#CBD5E1;cursor:pointer;border:none;padding:0;flex-shrink:0;transition:background-color 0.25s ease}html.dark .theme-switch{background:#3B82F6}.theme-switch::before{content:'☀';position:absolute;right:4px;top:3px;font-size:11px;line-height:18px;color:#fff;opacity:0;transition:opacity 0.2s ease}html.dark .theme-switch::before{opacity:1}.theme-switch::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgb(0 0 0 / .25);transition:transform 0.25s ease}html.dark .theme-switch::after{transform:translateX(20px)}#contentArea .bg-white,#projectTeamsModalContent .bg-white,#taskDetailSubTasks .bg-white,#teamMembersList .bg-white{background-color:#F4F5F9!important}#contentArea .bg-gray-50,#projectTeamsModalContent .bg-gray-50{background-color:#EAECF2!important}#contentArea .bg-gray-100,#projectTeamsModalContent .bg-gray-100{background-color:#E0E3EC!important}#contentArea .bg-blue-50,#projectTeamsModalContent .bg-blue-50{background-color:#DCE5F7!important}#contentArea .bg-blue-100,#projectTeamsModalContent .bg-blue-100,#taskDetailSubTasks .bg-blue-100{background-color:#CFDBF3!important}#contentArea .text-blue-700,#projectTeamsModalContent .text-blue-700{color:#2558B8!important}#contentArea .text-blue-600,#projectTeamsModalContent .text-blue-600{color:#2F68CC!important}#contentArea .bg-green-50,#projectTeamsModalContent .bg-green-50{background-color:#D5EEE0!important}#contentArea .bg-green-100,#projectTeamsModalContent .bg-green-100,#taskDetailSubTasks .bg-green-100{background-color:#C5E8D4!important}#contentArea .text-green-700,#projectTeamsModalContent .text-green-700{color:#146035!important}#contentArea .text-green-600,#projectTeamsModalContent .text-green-600{color:#177040!important}#contentArea .bg-emerald-100,#projectTeamsModalContent .bg-emerald-100{background-color:#C5EAD8!important}#contentArea .text-emerald-700,#projectTeamsModalContent .text-emerald-700{color:#0A5840!important}#contentArea .bg-yellow-50,#projectTeamsModalContent .bg-yellow-50{background-color:#F2E8C0!important}#contentArea .bg-yellow-100,#projectTeamsModalContent .bg-yellow-100{background-color:#EBE0AE!important}#contentArea .text-yellow-700,#projectTeamsModalContent .text-yellow-700{color:#7A5000!important}#contentArea .text-yellow-800,#projectTeamsModalContent .text-yellow-800{color:#5F3C00!important}#contentArea .bg-amber-100,#projectTeamsModalContent .bg-amber-100{background-color:#EDE0AA!important}#contentArea .text-amber-700,#projectTeamsModalContent .text-amber-700{color:#8A5000!important}#contentArea .text-amber-600,#projectTeamsModalContent .text-amber-600{color:#9A5C00!important}#contentArea .bg-red-50,#projectTeamsModalContent .bg-red-50{background-color:#F2D5D5!important}#contentArea .bg-red-100,#projectTeamsModalContent .bg-red-100,#taskDetailSubTasks .bg-red-100{background-color:#EACACA!important}#contentArea .text-red-700,#projectTeamsModalContent .text-red-700{color:#8A1A1A!important}#contentArea .text-red-600,#projectTeamsModalContent .text-red-600{color:#A01C1C!important}#contentArea .bg-indigo-50,#projectTeamsModalContent .bg-indigo-50{background-color:#DCE1F7!important}#contentArea .bg-indigo-100,#projectTeamsModalContent .bg-indigo-100{background-color:#CDD4F3!important}#contentArea .text-indigo-700,#projectTeamsModalContent .text-indigo-700{color:#3830A8!important}#contentArea .text-indigo-600,#projectTeamsModalContent .text-indigo-600{color:#4038B8!important}#contentArea .bg-purple-100,#projectTeamsModalContent .bg-purple-100{background-color:#DDD4F5!important}#contentArea .text-purple-700,#projectTeamsModalContent .text-purple-700{color:#5030A0!important}#contentArea .text-purple-600,#projectTeamsModalContent .text-purple-600{color:#6038B0!important}#contentArea .border-blue-200,#projectTeamsModalContent .border-blue-200{border-color:#B8CBE8!important}#contentArea .border-green-200,#projectTeamsModalContent .border-green-200{border-color:#AACFBC!important}#contentArea .border-yellow-200,#projectTeamsModalContent .border-yellow-200{border-color:#D8CC90!important}#contentArea .border-red-200,#projectTeamsModalContent .border-red-200{border-color:#D8AAAA!important}#contentArea .border-indigo-200,#projectTeamsModalContent .border-indigo-200{border-color:#B8C4E8!important}html.dark #contentArea,html.dark #projectTeamsModalContent,html.dark #taskDetailSubTasks,html.dark #teamMembersList{color:#E2E8F0}html.dark #contentArea h1,html.dark #contentArea h2,html.dark #contentArea h3,html.dark #contentArea h4,html.dark #projectTeamsModalContent h1,html.dark #projectTeamsModalContent h2,html.dark #projectTeamsModalContent h3,html.dark #projectTeamsModalContent h4{color:#E2E8F0}html.dark #contentArea .bg-white,html.dark #projectTeamsModalContent .bg-white,html.dark #taskDetailSubTasks .bg-white{background-color:#1E293B!important;border-color:#334155!important}html.dark #contentArea .bg-gray-50,html.dark #projectTeamsModalContent .bg-gray-50{background-color:#162032!important;border-color:#334155!important}html.dark #contentArea .bg-gray-100{background-color:#293548!important}html.dark #contentArea .hover\:bg-gray-200:hover{background-color:#334155!important}html.dark #contentArea .text-gray-900,html.dark #contentArea .text-gray-800,html.dark #contentArea .text-gray-700,html.dark #taskDetailSubTasks .text-gray-700{color:#E2E8F0!important}html.dark #contentArea .text-gray-600,html.dark #contentArea .text-gray-500,html.dark #projectTeamsModalContent .text-gray-600,html.dark #projectTeamsModalContent .text-gray-500,html.dark #taskDetailSubTasks .text-gray-600{color:#94A3B8!important}html.dark #contentArea .text-gray-400,html.dark #projectTeamsModalContent .text-gray-400{color:#64748B!important}html.dark #contentArea .border-gray-200,html.dark #contentArea .border-gray-300,html.dark #projectTeamsModalContent .border-gray-200,html.dark #projectTeamsModalContent .border-gray-300,html.dark #taskDetailSubTasks .border-gray-200{border-color:#334155!important}html.dark #contentArea .border-gray-100,html.dark #taskDetailSubTasks .border-gray-100{border-color:#1F2E42!important}html.dark #taskDetailSubTasks .hover\:bg-gray-50:hover{background-color:#243044!important}html.dark #contentArea .bg-blue-100{background-color:rgb(30 58 138 / .40)!important}html.dark #contentArea .text-blue-700{color:#93C5FD!important}html.dark #contentArea .bg-yellow-50{background-color:rgb(120 53 15 / .20)!important}html.dark #contentArea .bg-yellow-100{background-color:rgb(120 53 15 / .40)!important}html.dark #contentArea .hover\:bg-yellow-200:hover{background-color:rgb(120 53 15 / .55)!important}html.dark #contentArea .border-yellow-300{border-color:rgb(217 119 6 / .40)!important}html.dark #contentArea .border-yellow-400{border-color:rgb(217 119 6 / .55)!important}html.dark #contentArea .text-yellow-600{color:#FCD34D!important}html.dark #contentArea .text-yellow-700{color:#FCD34D!important}html.dark #contentArea .text-yellow-800{color:#FDE68A!important}.field-label{display:block;font-size:.75rem;font-weight:600;color:var(--c-text-2);margin-bottom:.375rem;letter-spacing:.02em;text-transform:uppercase}.field-input{width:100%;padding:.5rem .75rem;border:1px solid var(--c-border);border-radius:.5rem;background:var(--c-surface);color:var(--c-text-1);font-size:.875rem;outline:none;transition:border-color 0.15s,box-shadow 0.15s;appearance:auto}.field-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px rgb(59 130 246 / .15)}.field-input::placeholder{color:var(--c-text-3)}.prio-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:.45rem .75rem;border:1.5px solid var(--c-border);border-radius:.5rem;font-size:.8125rem;font-weight:500;color:var(--c-text-2);background:var(--c-surface);cursor:pointer;transition:all 0.15s;white-space:nowrap}.prio-btn:hover{border-color:var(--c-text-3)}.prio-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.prio-btn-low-active{border-color:#0ea874!important;background:#dff5ec!important;color:#065040!important}.prio-btn-medium-active{border-color:#d9890a!important;background:#fdf0d0!important;color:#7a4d00!important}.prio-btn-high-active{border-color:#e03030!important;background:#fce8e8!important;color:#8a1a1a!important}html.dark .prio-btn-low-active{border-color:#10b981!important;background:rgb(6 78 59 / .25)!important;color:#6ee7b7!important}html.dark .prio-btn-medium-active{border-color:#f59e0b!important;background:rgb(120 53 15 / .25)!important;color:#fcd34d!important}html.dark .prio-btn-high-active{border-color:#ef4444!important;background:rgb(127 29 29 / .25)!important;color:#fca5a5!important}.tus-btn-2-active{border-color:#64748b!important;background:#f1f5f9!important;color:#1e293b!important}.tus-btn-3-active{border-color:#6366f1!important;background:#eef2ff!important;color:#3730a3!important}.tus-btn-4-active{border-color:#d9890a!important;background:#fdf0d0!important;color:#7a4d00!important}.tus-btn-5-active{border-color:#e03030!important;background:#fce8e8!important;color:#8a1a1a!important}html.dark .tus-btn-2-active{border-color:#94a3b8!important;background:rgb(51 65 85 / .35)!important;color:#cbd5e1!important}html.dark .tus-btn-3-active{border-color:#818cf8!important;background:rgb(67 56 202 / .25)!important;color:#a5b4fc!important}html.dark .tus-btn-4-active{border-color:#f59e0b!important;background:rgb(120 53 15 / .25)!important;color:#fcd34d!important}html.dark .tus-btn-5-active{border-color:#ef4444!important;background:rgb(127 29 29 / .25)!important;color:#fca5a5!important}.comment-input{cursor:text}.comment-input:empty::before{content:attr(data-placeholder);color:var(--c-text-4,#9ca3af);pointer-events:none}.comment-input:focus{border-color:#6366f1}html.dark .comment-input:focus{border-color:#818cf8}.mention-chip{display:inline-flex;align-items:center;padding:0 6px;border-radius:6px;background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;font-size:.8125rem;font-weight:500;line-height:1.6;white-space:nowrap;user-select:all;cursor:default}html.dark .mention-chip{background:rgb(67 56 202 / .25);color:#a5b4fc;border-color:rgb(99 102 241 / .4)}.float-wrap{position:relative}.float-input{width:100%;padding:.75rem;border:1px solid var(--c-border);border-radius:.5rem;background:var(--c-surface);color:var(--c-text-1);font-size:.875rem;outline:none;transition:border-color 0.15s,box-shadow 0.15s;appearance:auto;text-align:start}.float-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px rgb(59 130 246 / .15)}.float-input::placeholder{color:#fff0}.float-label{position:absolute;inset-inline-start:.75rem;top:.85rem;font-size:.875rem;color:var(--c-text-3);pointer-events:none;transition:top 0.15s ease,font-size 0.15s ease,color 0.15s ease,transform 0.15s ease;line-height:1;transform:translateY(0);padding:0 .2rem}.float-input:focus~.float-label,.float-input:not(:placeholder-shown)~.float-label{top:0;transform:translateY(-50%);font-size:.68rem;color:var(--c-accent);font-weight:600;background:var(--c-surface)}.nt-panel{background:var(--c-surface)}.nt-preview-box{background:var(--c-bg);border-color:var(--c-border)}.nt-ev-active{background:#EEF2FF}.dark .nt-ev-active{background:rgb(49 46 129 / .2)}.type-btn-1-active{border-color:#7a8fa8!important;background:#e6e8ef!important;color:#2c3a50!important}.type-btn-2-active{border-color:#e03030!important;background:#fce8e8!important;color:#8a1a1a!important}.type-btn-3-active{border-color:#4a7cf0!important;background:#eaf0ff!important;color:#2558b8!important}.type-btn-4-active{border-color:#0ea874!important;background:#dff5ec!important;color:#065040!important}html.dark .type-btn-1-active{border-color:#94a3b8!important;background:rgb(51 65 85 / .35)!important;color:#cbd5e1!important}html.dark .type-btn-2-active{border-color:#ef4444!important;background:rgb(127 29 29 / .25)!important;color:#fca5a5!important}html.dark .type-btn-3-active{border-color:#3b82f6!important;background:rgb(30 58 138 / .25)!important;color:#93c5fd!important}html.dark .type-btn-4-active{border-color:#10b981!important;background:rgb(6 78 59 / .25)!important;color:#6ee7b7!important}html.dark #contentArea .bg-green-100{background-color:rgb(6 78 59 / .40)!important}html.dark #contentArea .text-green-700{color:#6EE7B7!important}html.dark #contentArea .bg-red-100{background-color:rgb(127 29 29 / .40)!important}html.dark #contentArea .text-red-600{color:#FCA5A5!important}html.dark #contentArea .bg-blue-50{background-color:rgb(30 58 138 / .20)!important}html.dark #contentArea .hover\:bg-blue-100:hover{background-color:rgb(30 58 138 / .35)!important}html.dark #contentArea .text-blue-700{color:#93C5FD!important}html.dark #contentArea .bg-red-50{background-color:rgb(127 29 29 / .20)!important}html.dark #contentArea .hover\:bg-red-100:hover{background-color:rgb(127 29 29 / .35)!important}html.dark #contentArea .hover\:bg-indigo-50:hover{background-color:rgb(67 56 202 / .12)!important}html.dark #contentArea .hover\:bg-green-50:hover{background-color:rgb(5 122 85 / .12)!important}html.dark #contentArea select,html.dark #contentArea input[type="text"],html.dark #contentArea input[type="email"],html.dark #contentArea input[type="date"]{background-color:#1E293B;border-color:#334155;color:#E2E8F0}html.dark #contentArea select:focus,html.dark #contentArea input:focus{border-color:#60A5FA;outline:none}html.dark #ganttWrap{border-color:#334155!important}html.dark #ganttStatus{color:#64748B}.bhead{padding:9px 12px;border-radius:12px 12px 0 0;font-size:.8125rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:6px;user-select:none}.bhead-count{font-size:.7rem;opacity:.65;font-weight:400}.bhead-unread{background:#ede9f8;color:#6b3fa8}.bhead-acknowledged{background:#e6effc;color:#2558b8}.bhead-queued{background:#fdf4dc;color:#7a5200}.bhead-in_progress{background:#e8ecf9;color:#383080}.bhead-blocked{background:#fce8e8;color:#8a1a1a}.bhead-final{background:#dff5ec;color:#065040}.bhead-final-done{background:#e5f7e8;color:#145a28}.bhead-final-sentback{background:#fce6e8;color:#8a1028}html.dark .bhead-unread{background:rgb(91 33 182 / .18);color:#c4b5fd}html.dark .bhead-acknowledged{background:rgb(29 78 216 / .18);color:#93c5fd}html.dark .bhead-queued{background:rgb(146 64 14 / .18);color:#fcd34d}html.dark .bhead-in_progress{background:rgb(55 48 163 / .18);color:#a5b4fc}html.dark .bhead-blocked{background:rgb(153 27 27 / .18);color:#fca5a5}html.dark .bhead-final{background:rgb(6 95 70 / .18);color:#6ee7b7}html.dark .bhead-final-done{background:rgb(22 101 52 / .18);color:#86efac}html.dark .bhead-final-sentback{background:rgb(159 18 57 / .18);color:#fda4af}.bcol{min-height:380px;max-height:72vh;overflow-y:auto;padding:6px;background:var(--c-surface);border:1px solid var(--c-border);border-top:none;border-radius:0 0 12px 12px;display:flex;flex-direction:column;gap:6px}#taskDetailModal{position:fixed;top:3vh;left:50%;transform:translateX(-50%);margin:0}.td-tab-active{background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .1),0 1px 2px rgb(0 0 0 / .06);color:#1e293b;font-weight:600}html.dark .td-tab-active{background:#475569;box-shadow:0 1px 3px rgb(0 0 0 / .3);color:#f1f5f9;font-weight:600}.tus-pill-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 6px;font-size:.7rem;border-radius:8px;color:#94a3b8;transition:color 0.15s;white-space:nowrap}html.dark .tus-pill-btn{color:#64748b}.tus-pill-btn:hover{color:#475569}html.dark .tus-pill-btn:hover{color:#94a3b8}.tus-pill-2-active{background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .1);color:#64748b;font-weight:600}.tus-pill-3-active{background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .1);color:#4f46e5;font-weight:600}.tus-pill-4-active{background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .1);color:#d97706;font-weight:600}.tus-pill-5-active{background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .1);color:#dc2626;font-weight:600}html.dark .tus-pill-2-active{background:#475569;color:#e2e8f0}html.dark .tus-pill-3-active{background:rgb(79 70 229 / .3);color:#c7d2fe}html.dark .tus-pill-4-active{background:rgb(217 119 6 / .25);color:#fde68a}html.dark .tus-pill-5-active{background:rgb(220 38 38 / .25);color:#fecaca}@keyframes tdTabFadeIn{from{opacity:0}to{opacity:1}}.td-tab-enter{animation:tdTabFadeIn 0.18s ease both}.vi-push-toast{position:fixed;bottom:1.5rem;right:1.5rem;min-width:240px;max-width:340px;background:#1e293b;color:#f8fafc;padding:12px 16px;border-radius:12px;box-shadow:0 4px 20px rgb(0 0 0 / .28);z-index:9999;opacity:0;transform:translateY(10px);transition:opacity 0.25s ease,transform 0.25s ease;pointer-events:none}.vi-push-toast--visible{opacity:1;transform:translateY(0)}html.dark .vi-push-toast{background:#334155;color:#f1f5f9;box-shadow:0 4px 20px rgb(0 0 0 / .5)}.vi-push-toast__title{font-weight:600;font-size:.875rem;line-height:1.3}.vi-push-toast__body{margin-top:4px;font-size:.8rem;opacity:.85;line-height:1.4}.bzone-lbl{font-size:.68rem;font-weight:600;letter-spacing:.04em;padding:4px 10px;border-left:1px solid var(--c-border);border-right:1px solid var(--c-border)}.bzone{min-height:115px;padding:6px;background:var(--c-surface);border:1px solid var(--c-border);border-top:none;display:flex;flex-direction:column;gap:6px}.bzone-bottom{border-radius:0 0 12px 12px}.board-dropzone.board-over{background:rgb(99 102 241 / .07)!important;border-color:#818cf8!important;outline:2px dashed #818cf8;outline-offset:-2px}html.dark .board-dropzone.board-over{background:rgb(99 102 241 / .15)!important;border-color:#6366f1!important;outline-color:#6366f1}.board-card{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:10px;padding:10px 11px;cursor:pointer;transition:box-shadow .15s ease,opacity .15s ease,transform .12s ease;user-select:none;flex-shrink:0}.board-card:hover{box-shadow:var(--shadow-md)}.board-card[draggable="true"]{cursor:grab}.board-card[draggable="true"]:active{cursor:grabbing}.board-card.board-dragging{opacity:.45;transform:scale(.97)}.board-card.board-unread{border-inline-end:3px solid #7c3aed}.bcol-empty{text-align:center;color:var(--c-text-3);font-size:.72rem;padding:28px 6px;pointer-events:none;line-height:1.5}.board-nodrop{cursor:default}.wfbcol-head{padding:9px 12px;border-radius:12px 12px 0 0;font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:6px;user-select:none;background:#eff6ff;color:#1d4ed8}html.dark .wfbcol-head{background:rgb(29 78 216 / .18);color:#93c5fd}.wfbcol-final{background:#ecfdf5;color:#065f46}html.dark .wfbcol-final{background:rgb(6 95 70 / .18);color:#6ee7b7}.wfbcol-none{background:#f8fafc;color:#64748b}html.dark .wfbcol-none{background:rgb(100 116 139 / .12);color:#94a3b8}.wfbcol-badge{font-size:.6rem;border-radius:4px;padding:1px 5px;flex-shrink:0}.wfbcol-badge-final{background:rgb(16 185 129 / .18);color:#065f46}html.dark .wfbcol-badge-final{background:rgb(6 95 70 / .30);color:#6ee7b7}.wfbcol-badge-appr{background:rgb(245 158 11 / .18);color:#92400e}html.dark .wfbcol-badge-appr{background:rgb(146 64 14 / .25);color:#fcd34d}.btn-approve{background:#3D7A58;color:#fff}.btn-approve:hover{background:#2F6348}html.dark .btn-approve{background:#265C42;color:#B8DCCA}html.dark .btn-approve:hover{background:#306E50}.approve-icon-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.5rem;background:#C5E8D4;color:#1E6040}.approve-icon-btn:hover{background:#B0DAC4}html.dark .approve-icon-btn{background:rgb(35 80 58 / .5);color:#9DCFB2}html.dark .approve-icon-btn:hover{background:rgb(45 95 70 / .62)}#viAppBody{display:flex;min-height:calc(100vh - 120px)}#viTaskSidebar{width:52px;flex-shrink:0;background:var(--c-surface);border-inline-end:1px solid var(--c-border);display:none;flex-direction:column;align-items:center;padding:12px 0;gap:2px}#viTaskSidebar.vi-sb-show{display:flex}.vi-sb-btn{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--c-text-3);cursor:pointer;border:none;background:#fff0;transition:background 0.15s,color 0.15s;position:relative}.vi-sb-btn:hover{background:var(--c-surface-2);color:var(--c-text-1)}.vi-sb-btn.vi-sb-active{background:var(--c-accent-bg);color:var(--c-accent)}.vi-sb-btn svg{width:18px;height:18px;flex-shrink:0}.vi-sb-btn.vi-sb-action{background:var(--c-accent);color:#fff}.vi-sb-btn.vi-sb-action:hover{background:var(--c-accent-h);color:#fff}.vi-sb-btn::after{content:attr(title);position:absolute;inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--c-surface-2);color:var(--c-text-1);font-size:.72rem;font-weight:500;white-space:nowrap;padding:4px 10px;border-radius:6px;border:1px solid var(--c-border);box-shadow:var(--shadow-md);pointer-events:none;opacity:0;transition:opacity 0.15s 0.4s;z-index:200}.vi-sb-btn:hover::after{opacity:1}.vi-sb-sep{width:24px;height:1px;background:var(--c-border);margin:6px 0}.nav-drop-item{display:block;width:100%;padding:8px 16px;font-size:.875rem;text-align:start;color:var(--c-text-2);transition:background 0.15s,color 0.15s;white-space:nowrap}.nav-drop-item:hover{background:var(--c-surface-2);color:var(--c-text-1)}.nav-drop-item.nav-drop-active{color:#4f46e5;font-weight:600}.dark .nav-drop-item.nav-drop-active{color:#818cf8}.vi-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.vi-toggle input{position:absolute;opacity:0;width:0;height:0}.vi-toggle-track{width:36px;height:20px;background:#cbd5e1;border-radius:10px;transition:background 0.2s;position:relative}.vi-toggle-track::after{content:'';position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform 0.2s;box-shadow:0 1px 2px rgb(0 0 0 / .15)}.vi-toggle input:checked~.vi-toggle-track{background:#6366f1}.vi-toggle input:checked~.vi-toggle-track::after{transform:translateX(16px)}.vi-toggle input:disabled~.vi-toggle-track{opacity:.35;cursor:not-allowed}.dark .vi-toggle-track{background:#475569}.dark .vi-toggle input:checked~.vi-toggle-track{background:#818cf8}#viMain{flex:1;min-width:0}#viTaskSidebar.vi-sb-show+#viMain>div{padding-inline-start:16px}.approval-badge{font-size:.65rem;color:#92400e;background:#EBE0AE;border-radius:4px;padding:1px 5px;display:inline-block;margin-bottom:5px}html.dark .approval-badge{background:rgb(146 64 14 / .30);color:#fcd34d}