:root{--red:#d7141a;--red-dark:#a50e13;--amber:#f0a91b;--black:#0e0e0e;--gray-900:#1a1a1a;--gray-800:#2a2a2a;--gray-700:#3a3a3a;--gray-200:#e8e8e8;--gray-150:#eee;--gray-100:#f3f3f3;--gray-50:#fafafa;--text:#1a1a1a;--text-muted:#6b7280;--text-light:#9ca3af;--border:#e5e7eb;--border-light:#f0f0f0;--green:#16a34a;--green-bg:#dcfce7;--blue:#2563eb;--blue-bg:#dbeafe;--orange:#ea580c;--orange-bg:#ffedd5;--purple:#7c3aed;--purple-bg:#ede9fe;--red-bg:#fee2e2;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-lg:0 10px 25px #0000001a, 0 4px 10px #0000000d;--radius:10px;--page-bg:#eef0f3;--surface:#fff}[data-theme=dark]{--gray-900:#f1f1f1;--gray-800:#dcdcdc;--gray-700:#b8b8b8;--gray-200:#3a3b3e;--gray-150:#333437;--gray-100:#2a2b2e;--gray-50:#232427;--text:#e7e6e3;--text-muted:#a1a09b;--text-light:#7d7c78;--border:#3a3b3f;--border-light:#2f3033;--green-bg:#123a1e;--blue-bg:#122b4a;--orange-bg:#4a2b12;--purple-bg:#2c1f4a;--red-bg:#4a1616;--shadow:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-lg:0 10px 25px #0006, 0 4px 10px #00000040;--page-bg:#121316;--surface:#202124}[data-theme=dark] html,[data-theme=dark] body{background:var(--page-bg);color:var(--text)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] button{background-color:var(--surface);color:var(--text);border-color:var(--border)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-light)}[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .status-block,[data-theme=dark] .list-table,[data-theme=dark] .modal,[data-theme=dark] .card,[data-theme=dark] .kpi,[data-theme=dark] .stats-card,[data-theme=dark] .stats-kpi,[data-theme=dark] .feedback-item,[data-theme=dark] .automation-row,[data-theme=dark] .greet-card,[data-theme=dark] .print-sheet,[data-theme=dark] .task-row,[data-theme=dark] .subtask-row,[data-theme=dark] .comment,[data-theme=dark] .poll-card,[data-theme=dark] .empty-state,[data-theme=dark] .detail-section,[data-theme=dark] .archive-row{background-color:var(--surface);color:var(--text);border-color:var(--border)}[data-theme=dark] .task-row:hover,[data-theme=dark] .subtask-row:hover,[data-theme=dark] .feedback-item:hover,[data-theme=dark] .chip:hover,[data-theme=dark] .archive-cat-head:hover,[data-theme=dark] .sidebar-feedback-btn:hover,[data-theme=dark] .theme-toggle-btn:hover,[data-theme=dark] .mycat-row:hover,[data-theme=dark] .dp-upcoming-row:hover,[data-theme=dark] .cal-cell-out,[data-theme=dark] .status-head,[data-theme=dark] .board-column,[data-theme=dark] .cal-nodl-pill{background-color:var(--gray-100)!important}[data-theme=dark] .subtask-block,[data-theme=dark] .cal-cell-today,[data-theme=dark] .cal-day-num,[data-theme=dark] input[type=text],[data-theme=dark] input[type=search],[data-theme=dark] input[type=date],[data-theme=dark] .topbar-search input{color:var(--text);background-color:var(--surface)!important}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;background:#e8eaed;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}.btn{cursor:pointer;border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--gray-50)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:var(--red);color:#fff;border-color:var(--red)}.btn.primary:hover{background:var(--red-dark)}.btn.dark{background:var(--black);color:#fff;border-color:var(--black)}.btn.block{justify-content:center;width:100%}.btn.lg{padding:12px 18px;font-size:14px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{text-transform:uppercase;letter-spacing:.4px;color:var(--text);font-size:12px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);background:#fff;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red)}.field .help{color:var(--text-muted);font-size:11.5px}.alert{border-radius:8px;margin-bottom:16px;padding:11px 14px;font-size:13px}.alert.error{background:var(--red-bg);color:var(--red-dark)}.alert.success{background:var(--green-bg);color:var(--green)}.alert.info{background:var(--blue-bg);color:var(--blue)}.avatar{background:linear-gradient(135deg, var(--red), var(--amber));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.sm{width:26px;height:26px;font-size:11px}.avatar.lg{width:80px;height:80px;font-size:28px}.loader-full{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.spinner{border:3px solid var(--gray-200);border-top-color:var(--red);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.panel-link{color:var(--red);cursor:pointer;font-size:12px;font-weight:500}.dash-task{border-bottom:1px solid var(--border-light);cursor:pointer;align-items:center;gap:11px;padding:11px 18px;display:flex}.dash-task:last-child{border-bottom:none}.dash-task:hover{background:var(--gray-50)}.dash-task-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.dash-task-meta{color:var(--text-muted);margin-top:3px;font-size:11px}.dash-notif{border-bottom:1px solid var(--border-light);cursor:pointer;padding:12px 18px}.dash-notif:last-child{border-bottom:none}.dash-notif:hover{background:var(--gray-50)}.dash-notif.unread{background:#fffbf2}.dash-notif-text{font-size:12.5px;line-height:1.45}.dash-notif-time{color:var(--text-light);margin-top:4px;font-size:10.5px}.avatar-upload{cursor:pointer;position:relative}.avatar-edit-badge{border:2px solid var(--border);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex;position:absolute;bottom:-2px;right:-2px}.avatar-upload:hover .avatar-edit-badge{border-color:var(--red)}.btn.btn-danger{color:var(--red);border-color:var(--red-bg)}.btn.btn-danger:hover{background:var(--red-bg)}.tmpl-hint{color:var(--text-muted);margin-top:5px;font-size:11.5px}.recurrence-panel{border:1px solid var(--border);background:var(--gray-50);border-radius:10px;flex-direction:column;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex}.recurrence-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rec-label{color:var(--text-muted);min-width:70px;font-size:12.5px;font-weight:600}.rec-interval{border:1px solid var(--border);text-align:center;border-radius:7px;width:56px;padding:5px 8px;font-family:inherit;font-size:13px}.rec-unit{color:var(--text-muted);font-size:12.5px}.rec-days{gap:6px;display:flex}.rec-day{border:1.5px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:#fff;border-radius:50%;font-size:12px;font-weight:600}.rec-day.active{background:var(--red);color:#fff;border-color:var(--red)}.rec-end-row{align-items:flex-start}.rec-end-options{flex-direction:column;gap:8px;display:flex}.rec-end-opt{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.rec-end-opt input[type=radio]{accent-color:var(--red);width:15px;height:15px}.rec-end-date,.rec-end-count{border:1px solid var(--border);border-radius:7px;padding:4px 8px;font-family:inherit;font-size:12.5px}.rec-end-count{text-align:center;width:60px}.mention-list-fixed{border:1px solid var(--border);z-index:9999;background:#fff;border-radius:10px;max-height:280px;position:fixed;overflow:hidden auto;box-shadow:0 12px 32px #0000002e}.mention-list-fixed .mention-option{cursor:pointer;color:var(--text);align-items:center;gap:9px;padding:9px 13px;font-size:13px;display:flex}.mention-list-fixed .mention-option:hover{background:var(--gray-50)}.mention-list-fixed .mention-fn{color:var(--text-light);margin-left:auto;font-size:11px}.mention-tag{color:#185fa5;white-space:nowrap;cursor:default;-webkit-user-select:all;user-select:all;background:#dbeafe;border-radius:5px;padding:1px 5px;font-size:.95em;font-weight:600;display:inline-block}.version-banner{color:#fff;z-index:5000;background:#1f2937;border-radius:12px;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 14px 12px 18px;animation:.3s version-banner-in;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000047}@keyframes version-banner-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.version-banner-text{white-space:nowrap;font-size:13px;font-weight:500}.version-banner-btn{background:var(--red);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:7px 16px;font-size:12.5px;font-weight:700}.version-banner-btn:hover{background:#b8121a}@media (width<=640px){.version-banner{text-align:center;flex-direction:column;align-items:stretch;bottom:12px;left:12px;right:12px;transform:none}.version-banner-btn{width:100%}@keyframes version-banner-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page{padding:14px 12px}.page-header{flex-direction:column;align-items:stretch;gap:10px}.page-title{font-size:20px}.view-tabs{width:100%}.view-tab{text-align:center;flex:1;padding:8px 6px}.filters{gap:6px}.filter-select,.chip{flex:calc(50% - 6px);min-width:0}.list-head{display:none}.list-head,.list-row{grid-template-columns:1fr;gap:4px;padding:10px 12px}.list-row{flex-direction:column;align-items:flex-start;display:flex}.cat-head{flex-wrap:wrap;gap:6px;padding:10px 12px}.cat-owner-tag{flex-basis:100%;order:5;margin-left:0}.cat-count{font-size:11px}.task-row{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 12px 12px 16px}.task-row>*{width:100%}.task-row .drag-handle{display:none}.subtask-row{flex-wrap:wrap;gap:6px}.kanban-col{min-width:250px}.cal-nav{flex-wrap:wrap;gap:8px}.cal-nav-title{text-align:center;flex:1;min-width:0}.cal-grid{font-size:10px}.cal-cell{min-height:64px;padding:3px}.cal-day-num{width:18px;height:18px;font-size:10px}.cal-task-pill{padding:1px 3px;font-size:9.5px}.cal-hdr{padding:5px 0;font-size:9px}.cal-nodl-pill{max-width:160px}.modal-overlay{align-items:stretch;padding:0}.modal{border-radius:0;flex-direction:column;width:100%;min-height:100vh;display:flex}.modal-body{flex:1;overflow-y:auto}.detail-head{padding:14px}.detail-head>div[style*=flex]{flex-direction:column!important;align-items:stretch!important}.detail-head .btn,.detail-head button{width:100%}.detail-head div[style*="justify-content: flex-end"],.detail-head div[style*="display: flex"][style*=gap]{width:100%;flex-direction:column!important}.detail-grid{gap:12px}.detail-section{padding:14px}.meta-row{flex-wrap:wrap}.meta-edit{width:100%}.add-subtask-form,.add-subtask-top{flex-direction:column;gap:6px}.add-subtask-form input,.add-subtask-form select,.add-subtask-form button{width:100%}.modal-body .field{margin-bottom:12px}.modal-body div[style*="display: flex"][style*=gap]{flex-direction:column!important}.modal-body div[style*="display: flex"][style*=gap]>*{width:100%!important}.mycat-row{flex-wrap:wrap;gap:8px;padding:10px 12px}.mycat-name{flex-basis:calc(100% - 80px)}.mycat-share-row{flex-direction:column;align-items:stretch;gap:6px}.mycat-share-row .btn{width:100%}.mycat-add{flex-wrap:wrap}.mycat-add .mycat-input{flex-basis:100%;order:3}.mention-list-fixed{width:calc(100vw - 24px)!important;left:12px!important}.mention-actions{flex-direction:column;align-items:stretch;gap:8px}.mention-actions .btn{width:100%}.dp-day-grid,.dp-grid{grid-template-columns:1fr!important}.bulk-bar{flex-wrap:wrap;gap:8px}.bulk-bar .btn{flex:1}}@media (width<=900px){.mycat-share-list{gap:6px}}.avatar.xs{width:22px;height:22px;font-size:10px}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid #fff;margin-left:-7px}.avatar-stack .avatar:first-child{margin-left:0}.status-pill{white-space:nowrap;cursor:pointer;color:#fff;border:none;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-pill.empty{background:var(--gray-200);color:var(--text-muted);font-weight:500}.prio{align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.prio-dots{letter-spacing:1px;font-weight:700}.prio.hoog .prio-dots{color:var(--red)}.prio.midden .prio-dots{color:var(--orange)}.prio.laag .prio-dots{color:var(--text-light)}.cat-label{align-items:center;gap:6px;font-size:12px;display:inline-flex}.cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.check{border:1.5px solid var(--border);cursor:pointer;background:var(--surface);color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex}.check.done{background:var(--green);border-color:var(--green)}.check.lg{width:24px;height:24px;font-size:15px}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:flex-start;padding:60px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);width:100%;box-shadow:var(--shadow-lg);border-radius:14px;animation:.12s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{font-size:16px;font-weight:700}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;width:30px;height:30px;font-size:16px}.modal-close:hover{background:var(--gray-100)}.modal-body{padding:20px}.tcm-overlay{justify-content:center;align-items:center}.tcm-modal{background:var(--surface);text-align:center;border-radius:18px;width:calc(100% - 40px);max-width:420px;padding:40px 36px 32px;animation:.22s cubic-bezier(.34,1.56,.64,1) tcm-pop;box-shadow:0 20px 60px #0000002e}@keyframes tcm-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.tcm-icon-wrap{width:72px;height:72px;margin:0 auto 20px}.tcm-check-svg{width:100%;height:100%}.tcm-circle{stroke:#16a34a;stroke-dasharray:166;stroke-dashoffset:166px;animation:.5s cubic-bezier(.65,0,.45,1) .1s forwards tcm-stroke}.tcm-tick{stroke:#16a34a;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .55s forwards tcm-stroke}@keyframes tcm-stroke{to{stroke-dashoffset:0}}.tcm-title{color:var(--text);margin:0 0 8px;font-size:22px;font-weight:700}.tcm-task-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 16px;font-size:13.5px;font-style:italic;overflow:hidden}.tcm-subs-note{border-radius:20px;align-items:center;gap:6px;margin-bottom:18px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.tcm-subs-note.all-done{color:#16a34a;background:#dcfce7}.tcm-subs-note.partial{color:#b45309;background:#fef3c7}.tcm-question{color:var(--text-muted);margin:0 0 24px;font-size:14px}.tcm-actions{flex-direction:column;gap:10px;display:flex}.tcm-btn-archive{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s}.tcm-btn-archive:hover{background:var(--red-dark)}.tcm-btn-keep{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:11px 20px;font-family:inherit;font-size:13.5px;transition:background .15s,color .15s}.tcm-btn-keep:hover{background:var(--gray-100);color:var(--text)}.tcm-no-archive{color:var(--text-muted);background:#f3f4f6;border-radius:8px;margin:0 0 24px;padding:10px 14px;font-size:13px}.fb-body{flex-direction:column;gap:14px;display:flex}.fb-type-row{flex-wrap:wrap;gap:7px;display:flex}.fb-type-btn{border:1px solid var(--border);background:var(--gray-50);color:var(--text-muted);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;transition:border-color .12s,background .12s,color .12s;display:flex}.fb-type-btn:hover{border-color:var(--red);color:var(--red);background:#fff5f5}.fb-type-btn.active{border-color:var(--red);color:#a32d2d;background:#fcebeb;font-weight:600}.fb-textarea{box-sizing:border-box;border:1px solid var(--border);resize:vertical;width:100%;min-height:100px;color:var(--text);background:var(--gray-50);border-radius:9px;padding:10px 12px;font-family:inherit;font-size:13px}.fb-textarea:focus{border-color:var(--red);background:var(--surface);outline:none}.fb-textarea::placeholder{color:var(--text-light)}.fb-footer{justify-content:flex-end;gap:8px;display:flex}.fb-done{color:var(--green);justify-content:center;align-items:center;gap:10px;padding:24px 0;font-size:14px;font-weight:600;display:flex}.fb-done-ico{background:var(--green-bg);width:28px;height:28px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--surface);width:240px;min-width:240px;color:var(--text);border-right:1px solid var(--border);z-index:200;flex-direction:column;transition:width .22s,min-width .22s;display:flex;position:relative;overflow:hidden}.sidebar-closed .sidebar{width:56px;min-width:56px}.sidebar-logo{border-bottom:1px solid var(--border-light);flex-direction:column;justify-content:center;align-items:center;min-height:80px;padding:16px;display:flex}.sidebar-logo img{background:var(--gray-50);border-radius:10px;width:100%;padding:14px 16px;display:block}.sidebar-sub{color:var(--amber);text-align:center;letter-spacing:1px;margin-top:8px;font-size:11px;font-weight:600}.sidebar-nav{flex:1;padding:12px 8px;overflow:hidden auto}.nav-section-title{color:var(--text-light);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;padding:14px 8px 6px;font-size:10px;font-weight:600;overflow:hidden}.nav-sep{height:16px}.nav-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:11px;margin-bottom:2px;padding:9px 12px;font-size:13.5px;font-weight:500;display:flex;overflow:hidden}.sidebar-closed .nav-item{justify-content:center;gap:0;padding:10px}.nav-item .ico{text-align:center;flex-shrink:0;width:18px;font-size:15px}.nav-item:hover{background:var(--gray-100);color:var(--text)}.nav-item.active{background:var(--red);color:#fff}.sidebar-user{border-top:1px solid var(--border-light);align-items:center;gap:10px;padding:12px 10px;display:flex;overflow:hidden}.sidebar-closed .sidebar-user{justify-content:center;padding:12px 6px}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-light);font-size:11px}.logout-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:18px}.logout-btn:hover{background:var(--gray-100);color:var(--text)}.sidebar-toggle-btn{background:var(--gray-50);border:none;border-top:1px solid var(--border-light);width:100%;height:36px;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:18px;font-weight:600;transition:background .1s,color .1s}.sidebar-toggle-btn:hover{background:var(--gray-100);color:var(--text)}.nav-badge{background:var(--amber);color:#000;text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sidebar-closed .nav-badge{padding:1px 5px;font-size:9px;position:absolute;top:6px;right:6px}.nav-item.active .nav-badge{background:var(--surface);color:var(--red)}.content-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:60px;padding:0 24px;display:flex}.topbar-hamburger{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:7px;flex-shrink:0;padding:6px 8px;font-size:20px;display:none}.topbar-hamburger:hover{background:var(--gray-100);color:var(--text)}.topbar-search{width:100%;max-width:520px;position:relative}.topbar-search-ico{opacity:.5;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topbar-search input{border:1px solid var(--border);background:var(--gray-50);border-radius:8px;outline:none;width:100%;height:38px;padding:0 12px 0 34px;font-family:inherit;font-size:13px}.topbar-search input:focus{border-color:var(--red);background:var(--surface)}.main{background:var(--page-bg);flex:1;overflow-y:auto}@media (width<=767px){.sidebar{width:260px;min-width:260px;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.sidebar-open .sidebar{transform:translate(0)}.sidebar-closed .sidebar{width:260px;min-width:260px;transform:translate(-100%)}.sidebar-toggle-btn{display:none}.topbar-hamburger{display:flex}.content-area{margin-left:0!important}.sidebar-backdrop{z-index:199;background:#00000059;position:fixed;inset:0}.sidebar-closed .nav-item{justify-content:flex-start;gap:11px;padding:9px 12px}.sidebar-closed .sidebar-user{justify-content:flex-start;padding:12px 10px}}@media (width>=768px){.topbar-hamburger,.sidebar-backdrop{display:none}}.page{padding:24px 28px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{margin-bottom:4px;font-size:24px;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:13px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-title{font-size:15px;font-weight:600}.app-footer{text-align:center;color:var(--text-light);padding:28px 16px 20px;font-size:11.5px}.sidebar-feedback-btn{border:none;border-top:1px solid var(--border-light);width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;padding:8px 16px;font-size:13px;transition:background .1s,color .1s;display:flex}.sidebar-feedback-btn:hover{background:var(--gray-50);color:var(--text)}.sidebar-feedback-btn .ico{flex-shrink:0;font-size:15px}.theme-toggle-btn{border:none;border-top:1px solid var(--border-light);width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;padding:8px 16px;font-size:13px;transition:background .1s,color .1s;display:flex}.theme-toggle-btn:hover{background:var(--gray-50);color:var(--text)}.theme-toggle-btn .ico{flex-shrink:0;font-size:15px}.login-page{background:radial-gradient(circle at 18% 18%,#d7141a1a,#0000 42%),radial-gradient(circle at 82% 82%,#f0a91b1f,#0000 42%),#f4f5f7;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 14px 40px #0000001a,0 2px 8px #0000000d}.login-logo-area{background:var(--gray-50);text-align:center;border-bottom:1px solid var(--border-light);border-top:3px solid var(--red);padding:28px 32px 22px}.login-logo-area img{width:200px;max-width:80%;margin:0 auto;display:block}.login-sub{color:#b9810f;letter-spacing:2px;margin-top:8px;font-size:11px;font-weight:600}.login-form{padding:28px 32px 32px}.login-form h1{margin-bottom:4px;font-size:22px;font-weight:700}.login-intro{color:var(--text-muted);margin-bottom:22px;font-size:13px}.login-foot{color:var(--text-muted);text-align:center;margin-top:18px;font-size:12px}.login-footer-text{color:var(--text-light);font-size:12px}.greet-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px 28px}.greet-title{margin:0 0 4px;font-size:21px;font-weight:700}.greet-sub{color:var(--text-muted);margin-bottom:20px;font-size:13px}.greet-stats{gap:12px;display:flex}.greet-stat{background:var(--gray-50);text-align:center;border-radius:10px;flex:1;padding:14px}.greet-stat .n{font-size:22px;font-weight:700}.greet-stat .l{color:var(--text-muted);margin-top:2px;font-size:11px}.greet-stat.warn .n{color:var(--red)}@media (width<=640px){.greet-card{padding:18px 16px}.greet-stats{flex-direction:column;gap:8px}}.mycat-panel{margin-top:20px}.mycat-list{border-top:1px solid var(--border-light)}.mycat-empty{color:var(--text-light);padding:20px;font-size:13px;font-style:italic}.mycat-row{border-left:3px solid #0000;border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:11px 20px;transition:background .1s;display:flex}.mycat-row:last-child{border-bottom:none}.mycat-row:hover{background:#f8fafc}.mycat-color-wrap{cursor:pointer;flex-shrink:0;width:28px;height:28px;position:relative}.mycat-dot,.mycat-add-preview{pointer-events:none;border:2px solid #0000001f;border-radius:50%;width:28px;height:28px}.mycat-add-preview{transition:transform .1s}.mycat-color-wrap:hover .mycat-add-preview,.mycat-color-wrap:hover .mycat-dot{transform:scale(1.1)}.mycat-colorpick-inline{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.mycat-name{flex:1;font-size:13.5px;font-weight:500}.mycat-del{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .1s,color .1s;display:flex}.mycat-del:hover{background:var(--red-bg);color:var(--red)}.mycat-add{border-top:1px solid var(--border-light);background:#fafbfc;align-items:center;gap:10px;padding:14px 20px;display:flex}.mycat-input{border:1px solid var(--border);background:var(--surface);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13.5px}.mycat-input:focus{border-color:var(--red)}.mycat-name-edit{border:1px solid var(--red);background:var(--surface);border-radius:6px;outline:none;flex:1;padding:4px 8px;font-family:inherit;font-size:13.5px}.mycat-share-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .1s;display:flex}.mycat-share-btn:hover,.mycat-share-btn.active{background:#e8f4ff;border-color:#185fa5}.mycat-share-count{color:var(--text-light);margin-left:4px;font-size:11px}.mycat-share-panel{border-left:3px solid #185fa5;border-bottom:1px solid var(--border-light);background:#f8fafc;padding:12px 20px 14px}.mycat-share-title{color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:600}.mycat-share-list{flex-direction:column;gap:7px;display:flex}.mycat-share-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:7px 10px;display:flex}.mycat-share-row.has-access{background:#f0fdf4;border-color:#4b7a16}.mycat-share-name{flex:1;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.mycat-share-fn{color:var(--text-light);font-size:11px;font-weight:400}.btn-small{padding:4px 10px;font-size:11.5px}.view-tabs{background:var(--surface);border:1px solid var(--border);border-radius:9px;gap:2px;width:fit-content;margin-bottom:16px;padding:3px;display:flex}.view-tab{color:var(--text-muted);cursor:pointer;border-radius:6px;padding:7px 16px;font-size:12.5px;font-weight:500}.view-tab:hover{color:var(--text)}.view-tab.active{background:var(--red);color:#fff}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.filter-select{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:7px 11px;font-family:inherit;font-size:12.5px}.chip{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:6px 12px;font-size:12px}.chip:hover{background:var(--gray-50)}.chip.active{background:var(--red);color:#fff;border-color:var(--red)}.dl{font-size:11.5px}.dl.urgent{color:var(--red);font-weight:600}.dl.soon{color:var(--orange);font-weight:600}.dl.past{color:var(--text-light);text-decoration:line-through}.dl.normal{color:var(--text-muted)}.kanban{align-items:flex-start;gap:14px;padding-bottom:10px;display:flex;overflow-x:auto}.kanban-col{background:#f3f3f3;border-radius:11px;flex-direction:column;width:290px;min-width:290px;max-height:calc(100vh - 250px);display:flex}.kanban-col-head{border-bottom:1px solid #e5e5e5;align-items:center;gap:8px;padding:13px 14px;display:flex}.col-dot{border-radius:50%;width:9px;height:9px}.col-title{text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;font-weight:600}.col-count{color:var(--text-muted);background:var(--surface);border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.kanban-col-body{flex-direction:column;gap:9px;padding:10px;display:flex;overflow-y:auto}.kanban-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:9px;padding:12px;transition:all .12s}.kanban-card:hover{box-shadow:var(--shadow);border-color:#d1d5db}.card-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-bottom:7px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.card-title{margin-bottom:9px;font-size:13px;font-weight:500;line-height:1.4}.card-footer{justify-content:space-between;align-items:center;display:flex}.card-meta{color:var(--text-muted);align-items:center;gap:10px;font-size:11px;display:flex}.col-empty{color:var(--text-light);text-align:center;border:1px dashed var(--border);border-radius:8px;padding:16px;font-size:12px}.list-table{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.list-head,.list-row{grid-template-columns:32px 2.4fr 1.1fr 1fr 1fr 1fr;align-items:center;gap:8px;padding:11px 16px;display:grid}.list-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light);background:var(--surface);font-size:10.5px;font-weight:600}.list-group-head{background:var(--gray-50);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);align-items:center;gap:9px;padding:10px 16px;font-size:12.5px;font-weight:600;display:flex}.list-group-count{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:1px 7px;font-size:11px}.list-row{border-bottom:1px solid var(--border-light);cursor:pointer}.list-row:hover{background:var(--gray-50)}.list-row:last-child{border-bottom:none}.list-name{align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:500;display:flex}.list-name .done{color:var(--text-light);text-decoration:line-through}.badge-sub{color:var(--text-muted);font-size:11px;font-weight:400}.list-empty,.list-group .list-empty{text-align:center;color:var(--text-light);padding:36px;font-size:13px}.assignee-picker{flex-wrap:wrap;gap:7px;display:flex}.assignee-chip{border:1px solid var(--border);cursor:pointer;border-radius:16px;align-items:center;gap:7px;padding:5px 11px 5px 5px;font-size:12.5px;display:flex}.assignee-chip:hover{background:var(--gray-50)}.assignee-chip.on{background:var(--red-bg);border-color:var(--red);color:var(--red-dark);font-weight:500}.archive-row{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 16px;display:flex}.archive-row:last-child{border-bottom:none}.archive-main{cursor:pointer;flex:1;min-width:0}.archive-main:hover .archive-title{color:var(--red)}.archive-title{font-size:13.5px;font-weight:500}.archive-meta{align-items:center;gap:10px;margin-top:5px;display:flex}.archive-actions{flex-shrink:0;gap:6px;display:flex}.btn-danger{color:var(--red);border-color:var(--red-bg)}.btn-danger:hover{background:var(--red-bg)}.label-editor{flex-direction:column;gap:8px;display:flex}.label-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.label-chip{background:var(--gray-100);color:var(--text);border-radius:12px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;display:inline-flex}.label-chip.mini{background:var(--gray-100);padding:2px 8px}.label-x{cursor:pointer;color:var(--text-light);background:0 0;border:none;padding:0;font-size:14px;line-height:1}.label-x:hover{color:var(--red)}.label-add{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;padding:3px 9px;font-size:11.5px}.label-add:hover{border-color:var(--red);color:var(--red)}.label-input-wrap{position:relative}.label-input-wrap input{border:1px solid var(--red);border-radius:7px;outline:none;width:100%;padding:7px 9px;font-family:inherit;font-size:12.5px}.label-suggest{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:20;border-radius:8px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.label-suggest-item{cursor:pointer;padding:7px 10px;font-size:12.5px}.label-suggest-item:hover{background:var(--gray-50)}.search-row{align-items:flex-start}.search-title{font-size:13.5px;font-weight:500}.search-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:480px;margin-top:3px;font-size:12px;overflow:hidden}.search-labels{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.search-side{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;display:flex}.list-row{position:relative}.drag-handle{color:var(--text-light);cursor:grab;opacity:0;-webkit-user-select:none;user-select:none;font-size:13px;transition:opacity .12s;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.list-row:hover .drag-handle{opacity:.6}.drag-handle:active{cursor:grabbing}.list-row.dragging{opacity:.4}.list-group.drag-over{background:var(--red-bg);outline:2px dashed var(--red);outline-offset:-2px;border-radius:8px}.list-nest{flex-direction:column;gap:10px;display:flex}.cat-block{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.cat-head{cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;align-items:center;gap:10px;padding:12px 16px;display:flex}.cat-head .chev{color:#ffffffd9}.cat-name{color:#fff;font-size:14px;font-weight:700}.cat-count{color:var(--text-muted);background:var(--surface);border-radius:10px;padding:1px 8px;font-size:11.5px;font-weight:600}.status-block{border-top:1px solid var(--border-light)}.status-block.drag-over{outline:2px dashed var(--red);outline-offset:-2px}.status-head{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-light);background:#f0f2f5;align-items:center;gap:9px;padding:8px 14px 8px 16px;display:flex}.status-bar{border-radius:2px;flex-shrink:0;width:4px;height:16px}.status-dot{display:none}.status-name{color:#2b2f36;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:700}.status-count{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:0 7px;font-size:11px;font-weight:600}.chev{cursor:pointer;text-align:center;flex-shrink:0;width:12px;font-size:13px;transition:transform .12s;display:inline-block;transform:rotate(0)}.chev.open{transform:rotate(90deg)}.chev.sm{color:var(--text-muted);font-size:12px}.chev.sm:hover{color:var(--text)}.chev-spacer{flex-shrink:0;width:12px;display:inline-block}.task-row{border-top:1px solid var(--border-light);background:var(--surface);cursor:pointer;align-items:center;gap:9px;padding:11px 14px 11px 40px;display:flex;position:relative}.task-row:hover{background:#f5f7fa}.task-row.dragging{opacity:.4}.task-row .drag-handle{color:var(--text-light);cursor:grab;opacity:0;font-size:13px;transition:opacity .12s;position:absolute;left:16px}.task-row:hover .drag-handle{opacity:.6}.task-title{min-width:0;color:var(--text);flex-wrap:wrap;flex:1;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.task-title .done{color:var(--text-light);font-weight:400;text-decoration:line-through}.subs-badge{border:1px solid var(--border);cursor:pointer;background:#eef0f3;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.subs-badge:hover{border-color:var(--text-light);background:#e4e7ec}.subs-badge-bar{background:var(--border);border-radius:3px;width:36px;height:5px;overflow:hidden}.subs-badge-fill{background:#4b7a16;border-radius:3px;height:100%;transition:width .2s}.subs-badge-label{color:var(--text-muted);font-size:11px;font-weight:600}.subtask-row{border-top:1px solid var(--border-light);cursor:pointer;background:#fafbfc;align-items:center;gap:9px;padding:8px 14px 8px 64px;display:flex}.subtask-row:hover{background:#f0f3f6}.subtask-title{min-width:0;color:var(--text-muted);flex:1;font-size:12.5px}.subtask-title .done{color:var(--text-light);text-decoration:line-through}.subtask-note-inline{color:var(--text-light);margin-left:8px;font-size:11px;font-style:italic}.bulk-bar{background:var(--surface);border:1px solid var(--red);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}.bulk-count{color:var(--red);font-size:13px;font-weight:600}.bulk-check{cursor:pointer;width:16px;height:16px;accent-color:var(--red);flex-shrink:0}.task-row.selected{background:#fef2f2!important}.btn.active-soft{background:var(--red-bg);border-color:var(--red);color:var(--red)}.list-toolbar{justify-content:flex-end;margin-bottom:8px;display:flex}.link-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px}.link-toggle:hover{background:var(--gray-100);color:var(--text)}.cat-add-btn{background:var(--surface);color:var(--red);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;font-size:18px;font-weight:400;line-height:1;display:flex}.cat-add-btn:hover{background:#ffe8e8}.task-title{flex-direction:column;align-items:flex-start!important;gap:2px!important}.task-desc-snippet{color:var(--text-light);text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-size:11.5px;font-weight:400;overflow:hidden}.cat-drag-handle{cursor:grab;opacity:.5;flex-shrink:0;padding-right:2px;font-size:14px}.cat-head:hover .cat-drag-handle{opacity:.85}.cat-drag-handle:active{cursor:grabbing}.cat-drop-target{outline-offset:-3px;outline:3px dashed #ffffffb3!important}.cat-reorder-target{outline-offset:-3px;filter:brightness(1.15);outline:3px solid #ffffffe6!important}.cat-owner-tag{background:var(--surface);color:var(--text-muted);white-space:nowrap;border-radius:20px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600}.cal-wrap{padding:0 0 32px}.cal-nodl-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:18px;padding:14px 18px}.cal-nodl-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:700}.cal-nodl-list{flex-wrap:wrap;gap:7px;display:flex}.cal-nodl-pill{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#f3f4f6;border-left:3px solid #9ca3af;border-radius:0 6px 6px 0;max-width:260px;padding:4px 10px;font-size:12.5px;transition:background .1s;overflow:hidden}.cal-nodl-pill:hover{background:#e5e7eb}.cal-nav{align-items:center;gap:10px;margin-bottom:12px;display:flex}.cal-nav-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .1s;display:flex}.cal-nav-btn:hover{background:var(--gray-100)}.cal-nav-title{min-width:180px;font-size:16px;font-weight:700}.cal-today-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;margin-left:4px;padding:5px 14px;font-size:12.5px;transition:background .1s}.cal-today-btn:hover{background:var(--gray-100)}.cal-grid{border:1px solid var(--border);background:var(--border);border-radius:12px;grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.cal-hdr{text-align:center;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:#f3f4f6;padding:8px 0;font-size:11px;font-weight:700}.cal-cell{background:var(--surface);flex-direction:column;gap:3px;min-height:100px;padding:6px;display:flex}.cal-cell-out{background:#fafafa}.cal-cell-out .cal-day-num{color:#c9cdd4}.cal-cell-today{background:#fff8f8}.cal-cell-today .cal-day-num{background:var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.cal-day-num{color:var(--text-muted);justify-content:center;align-items:center;width:22px;height:22px;margin-bottom:2px;font-size:12px;font-weight:600;display:flex}.cal-day-tasks{flex-direction:column;gap:2px;display:flex}.cal-task-pill{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-left:3px solid #9ca3af;border-radius:0 4px 4px 0;padding:2px 5px;font-size:11px;line-height:1.4;transition:filter .1s;overflow:hidden}.cal-task-pill:hover{filter:brightness(.93)}.cal-task-done{opacity:.45;text-decoration:line-through}.cal-cell-drag-over{outline:2px dashed var(--red);outline-offset:-2px;background:#fff3f3!important}.cal-drop-over{outline:2px dashed var(--red);background:#fff3f3;border-color:var(--red)!important}.cal-drop-hint{color:var(--red);font-size:11px;font-weight:400}.cal-nodl-empty{color:var(--text-light);font-size:12px;font-style:italic}.cal-task-pill[draggable=true],.cal-nodl-pill[draggable]{cursor:grab}.cal-task-pill[draggable=true]:active,.cal-nodl-pill[draggable]:active{cursor:grabbing;opacity:.7}.recur-ico{color:#534ab7;background:#eeedfe;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-right:6px;font-size:11px;display:inline-flex}.task-status-stripe{opacity:.85;border-radius:2px;flex-shrink:0;width:3px;height:18px}.cat-status-summary{white-space:nowrap;background:var(--surface);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.archive-cat-head{cursor:pointer;background:var(--gray-50);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;margin:0 0 2px;padding:8px 10px;display:flex}.archive-cat-head:hover{background:var(--gray-100)}.mindmap-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.mindmap-cat-picker{align-items:center;gap:8px;margin-bottom:18px;display:flex}.mindmap-cat-picker label{color:var(--text-muted);font-size:12.5px;font-weight:600}.mindmap-cat-picker select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:6px 10px;font-size:12.5px}.mindmap-scroll{padding-bottom:10px;overflow-x:auto}.mm-canvas{min-width:100%;position:relative}.mm-lines{pointer-events:none;position:absolute;top:0;left:0}.mm-lines line{stroke:var(--border);stroke-width:1.5px}.mm-node{text-align:center;white-space:nowrap;text-overflow:ellipsis;background:var(--gray-50);border:1px solid var(--border);width:170px;max-width:170px;color:var(--text);cursor:default;box-sizing:border-box;border-radius:9px;height:40px;padding:0 14px;font-size:12px;font-weight:600;line-height:38px;display:block;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.mm-node.mm-root{color:#fff;border:none;width:220px;max-width:220px;padding:0 18px;font-size:13.5px;font-weight:700;line-height:40px}.mm-node.mm-task{cursor:pointer}.mm-node.mm-task:hover{border-color:var(--red);color:var(--red);z-index:2}.mm-node.mm-sub{color:var(--text-muted);background:var(--surface);width:175px;max-width:175px;height:34px;font-size:11px;font-weight:400;line-height:32px}.mm-node.mm-done{opacity:.55;text-decoration:line-through}@media (width<=640px){.mm-node{max-width:130px;font-size:11px}}.dp-page{max-width:1100px}.dp-empty{background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--text-muted);border-radius:12px;padding:40px 24px;font-size:14px}.dp-section{margin-bottom:28px}.dp-section-head{align-items:baseline;gap:10px;margin-bottom:12px;padding-left:2px;display:flex}.dp-section-main{color:var(--text);font-size:16px;font-weight:700}.dp-section-head.today .dp-section-main,.dp-section-head.overdue .dp-section-main{color:var(--red)}.dp-section-sub{color:var(--text-muted);text-transform:capitalize;font-size:13px}.dp-section-count{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:10px;padding:1px 9px;font-size:12px;font-weight:600}.dp-leeg{background:var(--surface);border:1px dashed var(--border);color:var(--text-light);border-radius:10px;padding:14px 16px;font-size:12.5px}.dp-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.dp-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;transition:box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000f}.dp-card:hover{box-shadow:0 4px 14px #0000001a}.dp-card.dp-card-done{opacity:.5}.dp-cat{color:#fff;letter-spacing:.2px;cursor:pointer;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:700;display:flex}.dp-cat:before{content:"";background:#ffffff73;border-radius:50%;flex-shrink:0;width:7px;height:7px}.dp-body{flex-direction:column;flex:1;gap:11px;padding:14px;display:flex}.dp-title-row{align-items:flex-start;gap:10px;display:flex}.dp-check{cursor:pointer;accent-color:#4b7a16;border-radius:6px;flex-shrink:0;width:20px;height:20px;margin-top:1px}.dp-title{cursor:pointer;flex:1;font-size:14px;font-weight:600;line-height:1.4}.dp-title:hover{color:var(--red)}.dp-title.done{color:var(--text-light);font-weight:400;text-decoration:line-through}.dp-desc{color:var(--text-muted);cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.dp-subs{flex-direction:column;gap:0;display:flex}.dp-subs-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.dp-subs-bar{background:#e5e7eb;border-radius:3px;flex:1;height:5px;overflow:hidden}.dp-subs-fill{background:#4b7a16;border-radius:3px;height:100%;transition:width .25s}.dp-subs-count{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:600}.dp-sub{border-top:1px solid #f3f4f6;align-items:center;gap:8px;padding:6px 0;display:flex}.dp-sub-check{cursor:pointer;accent-color:#4b7a16;border-radius:4px;flex-shrink:0;width:15px;height:15px}.dp-sub-title{color:var(--text);flex:1;font-size:12.5px}.dp-sub-title.done{color:var(--text-light);text-decoration:line-through}.dp-sub-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:600;display:inline-flex}.dp-labels{flex-wrap:wrap;gap:5px;display:flex}.dp-label{color:var(--text-muted);background:#eef0f3;border-radius:10px;padding:2px 9px;font-size:11px}.dp-footer{cursor:pointer;border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.dp-dl{border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700}.dp-dl.urgent{color:var(--red);background:#fee2e2}.dp-dl.soon{color:#b45309;background:#fef3c7}.dp-prio{letter-spacing:2px;font-size:14px}.dp-avs{margin-left:auto;display:flex}.dp-av{color:#fff;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-6px;font-size:10px;font-weight:600;display:inline-flex}.dp-av:first-child{margin-left:0}.dp-section-head.overdue~.dp-cards .dp-card{border-left:3px solid var(--red)}.dp-upcoming-list{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.dp-upcoming-row{border-bottom:1px solid var(--border-light);cursor:pointer;align-items:center;gap:10px;padding:10px 14px;display:flex}.dp-upcoming-row:last-child{border-bottom:none}.dp-upcoming-row:hover{background:#f5f7fa}.dp-upcoming-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dp-upcoming-title{flex:1;font-size:13px;font-weight:500}.dp-upcoming-dl{color:var(--text-muted);white-space:nowrap;font-size:11.5px;font-weight:600}.print-overlay{align-items:flex-start;padding:24px 0;overflow-y:auto}.print-sheet-wrap{width:100%;max-width:700px;margin:0 auto}.print-toolbar{justify-content:space-between;margin-bottom:14px;padding:0 4px;display:flex}.print-sheet{background:var(--surface);color:#1a1a1a;border-radius:4px;padding:36px 40px;box-shadow:0 8px 30px #0000002e}.print-sheet h2{margin:0 0 2px;font-size:20px}.print-date{color:#666;text-transform:capitalize;margin-bottom:22px;font-size:13px}.print-cat{text-transform:uppercase;color:#666;letter-spacing:.5px;margin:20px 0 8px;font-size:11px;font-weight:700}.print-cat:first-of-type{margin-top:0}.print-item{border-bottom:1px dotted #ccc;align-items:center;gap:10px;padding:7px 0;font-size:13.5px;display:flex}.print-box{border:1.5px solid #444;flex-shrink:0;width:14px;height:14px}.print-name{flex:1}.print-who{color:#888;font-size:11.5px}@media print{body *{visibility:hidden}#print-sheet,#print-sheet *{visibility:visible}#print-sheet{width:100%;box-shadow:none;padding:10mm 14mm;position:fixed;top:0;left:0}.no-print,.print-overlay{display:none!important}}.search-scope{color:var(--text-light);background:var(--gray-50);border:1px solid var(--border-light);border-radius:8px;margin-bottom:14px;padding:8px 12px;font-size:12px}.search-row{cursor:pointer;align-items:center;gap:16px;padding:13px 16px;display:flex!important}.search-row:hover{background:var(--gray-50)}.search-title{color:var(--text);margin-bottom:2px;font-size:13.5px;font-weight:600}.search-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:500px;margin-bottom:2px;font-size:12px;overflow:hidden}.search-match-reason{color:var(--text-light);font-size:11.5px;font-style:italic}.search-side{flex-shrink:0;align-items:center;gap:8px;display:flex}.search-archived-badge{background:var(--gray-100);color:var(--text-muted);vertical-align:middle;border-radius:10px;align-items:center;gap:3px;margin-left:8px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.re-wrap{border:1px solid var(--border);background:var(--surface);border-radius:9px;transition:border-color .15s;overflow:hidden}.re-focused{border-color:var(--red);box-shadow:0 0 0 2px #d7141a1a}.re-toolbar{border-bottom:1px solid var(--border-light);opacity:0;background:#f9fafb;align-items:center;gap:2px;max-height:0;padding:0 8px;transition:max-height .18s,opacity .15s,padding .18s;display:flex;overflow:hidden}.re-toolbar-visible{opacity:1;max-height:44px;padding:5px 8px}.re-btn{cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;font-family:inherit;font-size:13px;transition:background .1s,color .1s;display:flex}.re-btn:hover{background:var(--gray-100);color:var(--text)}.re-btn:active{background:var(--border)}.re-sep{background:var(--border);width:1px;height:18px;margin:0 4px}.re-content{color:var(--text);word-break:break-word;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;line-height:1.55}.re-content:focus{outline:none}.re-empty:before{content:attr(data-placeholder);color:var(--text-light);pointer-events:none;font-style:italic}.re-content ul,.rich-text ul{margin:4px 0;padding-left:20px}.re-content li,.rich-text li{margin:2px 0}.rich-text{color:var(--text);word-break:break-word;font-size:13px;line-height:1.55}.rich-text p{margin:0 0 4px}.rich-text b,.rich-text strong{font-weight:600}.rich-text u{text-decoration:underline}.rich-text i,.rich-text em{font-style:italic}.rich-text a,.re-content a{color:#185fa5;word-break:break-all;text-decoration:underline}.rich-text a:hover,.re-content a:hover{color:var(--red)}.back-btn{margin-bottom:16px}.detail-grid{grid-template-columns:1fr 320px;align-items:start;gap:18px;display:grid}.detail-head{border-bottom:1px solid var(--border-light);padding:20px 22px}.detail-title{margin-bottom:10px;font-size:21px;font-weight:700;line-height:1.3}.detail-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.detail-section{border-bottom:1px solid var(--border-light);padding:18px 22px}.detail-section:last-child{border-bottom:none}.detail-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.detail-desc{white-space:pre-wrap;font-size:13.5px;line-height:1.6}.muted{color:var(--text-muted);font-size:12.5px;font-weight:400}.progress-bar{background:var(--gray-100);border-radius:3px;height:6px;margin-bottom:14px;overflow:hidden}.progress-fill{background:var(--green);border-radius:3px;height:100%;transition:width .2s}.subtask-list{flex-direction:column;gap:6px;display:flex}.subtask{background:var(--gray-50);border-radius:7px;align-items:center;gap:8px;padding:9px 11px;display:flex}.subtask:hover{background:var(--gray-100)}.subtask-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.subtask-name.done{color:var(--text-light);text-decoration:line-through}.subtask-del{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;width:24px;height:24px;font-size:13px}.subtask-del:hover{background:var(--red-bg);color:var(--red)}.add-subtask-form{margin-top:10px}.add-subtask-form input{border:1px dashed var(--border);border-radius:7px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:12.5px}.add-subtask-form input:focus{border-color:var(--red);border-style:solid}.detail-side{position:sticky;top:24px}.meta-row{justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.meta-label{color:var(--text-muted);font-size:12.5px}.meta-edit{background:var(--gray-50);cursor:pointer;border:1px solid #0000;border-radius:6px;outline:none;max-width:160px;padding:5px 8px;font-family:inherit;font-size:12.5px}.meta-edit:hover{border-color:var(--border)}.meta-edit:focus{border-color:var(--red);background:var(--surface)}.deadline-note{text-align:right;margin-top:4px;font-size:12px}.deadline-note.urgent{color:var(--red);font-weight:600}.deadline-note.soon{color:var(--orange);font-weight:600}.deadline-note.past{color:var(--text-light)}.add-mini{color:var(--red);cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:none;font-size:11.5px;font-weight:500}.assignee-list{flex-direction:column;gap:9px;display:flex}.assignee-row{align-items:center;gap:9px;font-size:13px;display:flex}.assignee-row span{flex:1}.assign-picker,.assign-option{flex-direction:column;display:flex}.assign-picker{gap:4px}.assign-option{cursor:pointer;border-radius:8px;flex-direction:row;align-items:center;gap:10px;padding:9px 10px}.assign-option:hover{background:var(--gray-50)}@media (width<=900px){.detail-grid{grid-template-columns:1fr}.detail-side{position:static}}.attach-grid{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.attach{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.attach:hover{background:var(--gray-50)}.attach-link{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.attach-ico{background:var(--gray-100);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.attach-ico.pdf{background:#fee2e2}.attach-ico.img,.attach-ico.doc{background:#dbeafe}.attach-ico.xls{background:#dcfce7}.attach-thumb{background-position:50%;background-size:cover;border-radius:7px;flex-shrink:0;width:38px;height:38px}.attach-info{min-width:0}.attach-name{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.attach-size{color:var(--text-muted);font-size:11px}.upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;color:var(--text-muted);border-radius:9px;padding:16px;font-size:12.5px}.upload-zone:hover{border-color:var(--red);background:#fef2f2}.comments{flex-direction:column;gap:14px;margin-bottom:14px;display:flex}.comment{gap:10px;display:flex}.comment-body{background:var(--gray-50);border-radius:9px;flex:1;padding:9px 12px}.comment-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.comment-author{font-size:12.5px;font-weight:600}.comment-time{color:var(--text-light);font-size:10.5px}.comment-del{color:var(--text-light);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:11px}.comment-del:hover{color:var(--red)}.comment-text{white-space:pre-wrap;font-size:13px;line-height:1.5}.mention-tag{color:var(--red);background:var(--red-bg);border-radius:4px;padding:1px 5px;font-weight:500}.mention-box{border:1px solid var(--border);border-radius:9px;position:relative}.mention-input-wrap{position:relative}.mention-box textarea{resize:vertical;border:none;outline:none;width:100%;min-height:54px;padding:11px;font-family:inherit;font-size:13px}.mention-list{background:var(--surface);border:1px solid var(--border);z-index:1000;border-top:none;border-radius:0 0 9px 9px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000021}.mention-option{cursor:pointer;color:var(--text);align-items:center;gap:9px;padding:8px 11px;font-size:13px;display:flex}.mention-option:hover{background:var(--gray-50)}.mention-fn{color:var(--text-light);margin-left:auto;font-size:11px}.mention-actions{border-top:1px solid var(--border-light);background:var(--gray-50);justify-content:space-between;align-items:center;padding:8px 11px;display:flex}.mention-hint{color:var(--text-light);font-size:11px}.mention-actions .btn{padding:6px 14px;font-size:12px}.feature-soon{background:var(--gray-50);border:1px dashed var(--border);color:var(--text-muted);text-align:center;border-radius:8px;padding:14px;font-size:12.5px}.subtask-assignee{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;text-overflow:ellipsis;border-radius:6px;flex-shrink:0;width:120px;padding:4px 6px;font-family:inherit;font-size:11.5px}.subtask-assignee:hover{border-color:var(--text-light)}.add-subtask-form{gap:6px;margin-top:10px;display:flex}.add-subtask-form input{flex:1}.add-subtask-form select{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:7px;max-width:130px;padding:0 8px;font-family:inherit;font-size:12px}.activity-log{flex-direction:column;gap:9px;display:flex}.activity-item{color:var(--text-muted);font-size:12px;line-height:1.45}.activity-by{color:var(--text);font-weight:600}.activity-time{color:var(--text-light);margin-top:1px;font-size:10.5px;display:block}.subtask-status{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;text-overflow:ellipsis;border-radius:6px;flex-shrink:0;width:130px;padding:4px 6px;font-family:inherit;font-size:11.5px}.subtask-status:hover{border-color:var(--text-light)}.subtask-block{background:var(--gray-50);border-radius:7px;margin-bottom:6px;overflow:hidden}.subtask-block .subtask{background:0 0}.subtask-note{border:none;border-top:1px dashed var(--border);width:100%;color:var(--text-muted);background:0 0;outline:none;padding:6px 11px 6px 42px;font-family:inherit;font-size:12px;display:block}.subtask-note:focus{color:var(--text);background:var(--surface)}.subtask-note::placeholder{color:var(--text-light);font-style:italic}.subtask-note.filled{color:var(--text);background:#f0a91b1a}.subtask-title-edit{border:1px solid var(--red);border-radius:5px;outline:none;flex:1;padding:3px 7px;font-family:inherit;font-size:13px}.subtask-deadline-row{border-top:1px solid var(--border-light);align-items:center;gap:6px;padding:4px 11px 2px;display:flex}.subtask-deadline-label{color:var(--text-light);font-size:12px}.subtask-deadline-input{color:var(--text-muted);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:11.5px}.subtask-deadline-input:hover{color:var(--text)}.subtask-block{border-left:4px solid var(--border-light);transition:border-left-color .15s}.subtask-block-done{opacity:.7}.subtask-status-wrap{flex-shrink:0;align-items:center;gap:5px;display:flex}.subtask-status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.subtask-completed-ts{color:#16a34a;white-space:nowrap;background:#dcfce7;border-radius:8px;padding:2px 7px;font-size:10.5px;font-weight:600}.completed-ts{color:#16a34a;background:#dcfce7;border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:600;display:inline-block}.subtask-note-area{border-top:1px dashed var(--border)}.subtask-note-area.filled{background:#f0a91b14}.subtask-rich-note{box-shadow:none!important;border:none!important;border-radius:0!important}.subtask-rich-note .re-toolbar{background:#f0a91b0f}.subtask-rich-note .re-content{padding:7px 11px;font-size:12.5px}.subtask-rich-note:focus-within{box-shadow:none!important;border:none!important}.comment-text .rich-text{white-space:pre-wrap}.mention-rich-wrap{border-radius:9px}.mention-re-content{min-height:72px}.subtask-status{font-weight:600}.subtask-status-wrap{align-items:center;display:flex}.task-note-add{color:var(--text-light);cursor:pointer;padding:8px 2px;font-size:13px;display:inline-block}.task-note-add:hover{color:var(--red)}.task-note-editor{border-radius:8px}.add-subtask-top{border-bottom:1px solid var(--border-light);margin-bottom:10px;padding-bottom:10px}.reaction-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.reaction-chip{background:var(--gray-50);border:1px solid var(--border);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;transition:background .1s,border-color .1s;display:flex}.reaction-chip:hover{background:var(--gray-100)}.reaction-chip.mine{border-color:var(--red);color:#a32d2d;background:#ffe9e9}.reaction-add{border:1px dashed var(--border);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex}.reaction-add:hover{border-color:var(--red);color:var(--red)}.picker-popover{background:var(--surface);border:1px solid var(--border);z-index:50;border-radius:20px;gap:4px;padding:5px 8px;font-size:16px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 6px 18px #0000001f}.picker-popover span{cursor:pointer;border-radius:50%;padding:2px 3px;transition:background .1s}.picker-popover span:hover{background:var(--gray-100)}.choice-btn{text-align:left;border:1px solid var(--border);background:var(--gray-50);cursor:pointer;border-radius:9px;width:100%;margin-bottom:8px;padding:12px 14px;font-size:13px;transition:border-color .1s,background .1s;display:block}.choice-btn b{margin-bottom:2px;font-size:13px;display:block}.choice-btn span{color:var(--text-muted);font-size:11.5px}.choice-btn:hover{border-color:var(--red);background:#fff5f5}.poll-toggle-btn{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border-radius:8px;width:100%;margin-top:8px;padding:8px 14px;font-size:12.5px}.poll-toggle-btn:hover{border-color:var(--red);color:var(--red)}.poll-form{border:1px solid var(--border);background:var(--gray-50);border-radius:10px;margin-top:10px;padding:14px}.poll-form-q{border:1px solid var(--border);border-radius:8px;width:100%;margin-bottom:10px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600}.poll-form-opt-row{gap:6px;margin-bottom:7px;display:flex}.poll-form-opt-row input{border:1px solid var(--border);border-radius:8px;flex:1;padding:8px 11px;font-family:inherit;font-size:12.5px}.poll-opt-del{color:var(--text-light);cursor:pointer;background:0 0;border:none;width:28px;font-size:13px}.poll-opt-del:hover{color:var(--red)}.poll-add-opt{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px}.poll-add-opt:hover{color:var(--red)}.poll-form-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.poll-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;max-width:380px;margin-top:4px;padding:14px 16px}.poll-q{margin-bottom:12px;font-size:13.5px;font-weight:700}.poll-opt{cursor:pointer;margin-bottom:10px}.poll-opt-row{justify-content:space-between;margin-bottom:4px;font-size:12.5px;display:flex}.poll-bar-bg{background:var(--gray-100);border-radius:6px;height:22px;overflow:hidden}.poll-bar-fill{color:#fff;background:#185fa5;border-radius:6px;align-items:center;height:100%;padding-left:8px;font-size:11px;font-weight:700;transition:width .2s;display:flex}.poll-bar-fill.mine{background:var(--red)}.poll-meta{color:var(--text-light);margin-top:8px;font-size:11px}.checklist-items{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.checklist-item{border-radius:6px;align-items:center;gap:9px;padding:5px 2px;display:flex}.checklist-item:hover{background:var(--gray-50)}.checklist-item input[type=checkbox]{flex-shrink:0}.checklist-text{color:var(--text);flex:1;font-size:13px}.checklist-text.done{color:var(--text-light);text-decoration:line-through}.checklist-del{cursor:pointer;color:var(--text-light);opacity:0;background:0 0;border:none;padding:2px 5px;font-size:12px;transition:opacity .1s}.checklist-item:hover .checklist-del{opacity:1}.checklist-del:hover{color:var(--red)}.checklist-add-form{gap:8px;display:flex}.checklist-add-form input{border:1px solid var(--border);border-radius:8px;flex:1;padding:7px 11px;font-family:inherit;font-size:12.5px}.checklist-add-form input:focus{border-color:var(--red);outline:none}.subtasks-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.order-toggle-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.order-toggle-label{color:var(--text-muted);font-size:12.5px;font-weight:500}.order-toggle{background:#d1d5db;border-radius:12px;flex-shrink:0;width:36px;height:21px;transition:background .18s;position:relative}.order-toggle.on{background:#534ab7}.order-toggle-knob{background:#fff;border-radius:50%;width:17px;height:17px;transition:left .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.order-toggle.on .order-toggle-knob{left:17px}.order-hint{color:#534ab7;background:#eeedfe;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:8px 12px;font-size:11.5px;line-height:1.5;display:flex}.order-lock-btn{color:#534ab7;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #534ab7;border-radius:7px;flex-shrink:0;padding:5px 11px;font-size:11.5px;font-weight:600}.order-lock-btn:hover{color:#fff;background:#534ab7}.subtask-drag-handle{color:var(--text-light);cursor:grab;flex-shrink:0;margin-right:2px;font-size:14px}.subtask-order-num{color:#534ab7;background:#eeedfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-right:2px;font-size:10.5px;font-weight:700;display:flex}.subtask-order-num.editable{cursor:pointer;border:1px solid #0000}.subtask-order-num.editable:hover{border-color:#534ab7}.subtask-order-num-input{color:#534ab7;text-align:center;background:#fff;border:1.5px solid #534ab7;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-right:2px;padding:0;font-size:10.5px;font-weight:700}.subtask-order-num-input:focus{outline:none}.subtask-lock{text-align:center;opacity:.7;flex-shrink:0;width:18px;font-size:13px}.subtask-block-blocked{opacity:.6}.subtask-block-blocked .subtask-title,.subtask-block-blocked .subtask-title-edit{color:var(--text-light)}.dep-link-btn{border:1px solid var(--border);cursor:pointer;width:24px;height:24px;color:var(--text-light);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:2px;font-size:12px;display:flex}.dep-link-btn:hover{color:#534ab7;border-color:#534ab7}.dep-link-btn.active{color:#534ab7;background:#eeedfe;border-color:#534ab7}.dep-modal-intro{color:var(--text-muted);margin-bottom:14px;font-size:13px;line-height:1.5}.dep-modal-list{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.dep-modal-empty{color:var(--text-light);padding:10px 4px;font-size:12.5px;font-style:italic}.dep-picker-opt{cursor:pointer;color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13.5px;display:flex}.dep-picker-opt:hover{background:var(--gray-50)}.dep-picker-opt.selected{color:#534ab7;background:#eeedfe;font-weight:600}.dep-picker-check{color:#534ab7;font-weight:700}.subtask-dep-note{color:#534ab7;padding:3px 12px 0 30px;font-size:11px}.subtask-dep-note.done{color:var(--green)}.focus-timer{background:var(--gray-50);border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:5px 8px;display:flex}.focus-timer-display{font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:40px;font-family:ui-monospace,monospace;font-size:12.5px;font-weight:700}.focus-timer-btn{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:flex}.focus-timer-btn.stop{background:var(--text-muted)}.notif-row{border-bottom:1px solid var(--border-light);cursor:pointer;align-items:center;gap:14px;padding:14px 18px;display:flex;position:relative}.notif-row:last-child{border-bottom:none}.notif-row:hover{background:var(--gray-50)}.notif-row.unread{background:#fffbf2}.notif-row.unread:before{content:"";background:var(--red);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:7px;transform:translateY(-50%)}.notif-ico{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:flex}.notif-ico.assign{background:var(--red-bg);color:var(--red)}.notif-ico.mention{background:var(--purple-bg);color:var(--purple)}.notif-ico.comment{background:var(--blue-bg);color:var(--blue)}.notif-ico.deadline{background:var(--orange-bg);color:var(--orange)}.notif-ico.done{background:var(--green-bg);color:var(--green)}.notif-ico.reaction{color:#854f0b;background:#faeeda}.notif-ico.poll{color:#534ab7;background:#eeedfe}.notif-body{flex:1;min-width:0}.notif-text{font-size:13px;line-height:1.5}.notif-time{color:var(--text-light);margin-top:3px;font-size:11px}.notif-open{color:var(--red);white-space:nowrap;font-size:12px;font-weight:500}.notif-empty{text-align:center;color:var(--text-light);padding:50px;font-size:13px}.notif-related-hint{color:var(--text-light);font-style:italic}.feedback-list{flex-direction:column;gap:0;display:flex}.feedback-item{cursor:pointer;border-bottom:1px solid var(--border-light);align-items:flex-start;gap:14px;padding:14px 18px;transition:background .1s;display:flex}.feedback-item:last-child{border-bottom:none}.feedback-item:hover{background:var(--gray-50)}.feedback-item.unread{background:#fffbf5}.feedback-item.unread:hover{background:#fff7ed}.feedback-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.av-0{color:#534ab7;background:#eeedfe}.av-1{color:#0f6e56;background:#e1f5ee}.av-2{color:#185fa5;background:#e6f1fb}.av-3{color:#854f0b;background:#faeeda}.av-4{color:#993c1d;background:#faece7}.feedback-body{flex:1;min-width:0}.feedback-head{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:5px;display:flex}.feedback-author{font-size:13px;font-weight:600}.feedback-time{color:var(--text-light);margin-left:auto;font-size:11.5px}.feedback-type-badge,.feedback-new-badge{border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600}.badge-purple{color:#534ab7;background:#eeedfe}.badge-red{color:#a32d2d;background:#fcebeb}.badge-green{color:#3b6d11;background:#eaf3de}.badge-amber{color:#854f0b;background:#faeeda}.feedback-new-badge{background:var(--red);color:#fff}.feedback-message{color:var(--text-muted);font-size:13px;line-height:1.55}.feedback-del{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:4px;font-size:16px;display:flex}.feedback-del:hover{color:var(--red);background:#fff5f5}.feedback-intro{color:var(--text-muted);background:var(--gray-50);border:1px solid var(--border-light);border-radius:9px;margin-bottom:16px;padding:10px 14px;font-size:13px}.feedback-actions{flex-shrink:0;align-items:flex-start;gap:4px;display:flex}.feedback-item:hover .feedback-actions{opacity:1}.feedback-action-btn{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;font-size:15px;display:flex}.feedback-action-btn:hover{color:var(--text);background:var(--gray-100)}.feedback-action-btn.feedback-del:hover{color:var(--red);background:#fff5f5}.feedback-edit-wrap{margin-top:4px}.feedback-edit-area{box-sizing:border-box;border:1px solid var(--border);resize:vertical;width:100%;min-height:70px;color:var(--text);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}.feedback-edit-area:focus{border-color:var(--red);outline:none}.feedback-edit-actions{justify-content:flex-end;gap:8px;margin-top:7px;display:flex}.stats-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.stats-kpi{background:var(--gray-50);border-left:4px solid;border-radius:10px;padding:16px 18px}.stats-kpi-red{border-color:var(--red)}.stats-kpi-green{border-color:var(--green)}.stats-kpi-gray{border-color:var(--text-light)}.stats-kpi-label{color:var(--text-muted);margin-bottom:6px;font-size:12px}.stats-kpi-value{color:var(--text);font-size:32px;font-weight:700;line-height:1}.stats-kpi-sub{color:var(--text-light);margin-top:5px;font-size:11.5px}.stats-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:18px 20px}.stats-card-title{color:var(--text);margin-bottom:3px;font-size:14px;font-weight:600}.stats-card-sub{color:var(--text-muted);margin-bottom:14px;font-size:12px}.stats-legend{gap:16px;margin-bottom:14px;display:flex}.stats-legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.stats-legend-sq{border-radius:2px;flex-shrink:0;width:10px;height:10px}@media (width<=640px){.stats-kpi-grid{grid-template-columns:1fr}}.automation-select{appearance:none;width:100%;color:var(--text);background-color:var(--surface);border:1px solid var(--border);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-position:right 12px center;background-repeat:no-repeat;border-radius:9px;padding:9px 34px 9px 12px;font-family:inherit;font-size:13px;transition:border-color .12s,box-shadow .12s}.automation-select:hover{border-color:var(--text-light)}.automation-select:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px #d7141a1f}.automation-select optgroup{color:var(--text-muted);font-style:normal;font-weight:700}.automation-select option{color:var(--text);font-weight:400}.automation-intro{color:var(--text-muted);background:var(--gray-50);border:1px solid var(--border-light);border-radius:9px;margin-bottom:16px;padding:10px 14px;font-size:13px}.automation-list{flex-direction:column;gap:8px;display:flex}.automation-row{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.automation-row.inactive{opacity:.55}.automation-flow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.automation-chip{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600}.automation-chip.trigger{color:#0c447c;background:#e6f1fb}.automation-chip.cond{background:var(--gray-100);color:var(--text-muted)}.automation-chip.action{color:#27500a;background:#eaf3de}.automation-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.automation-status-badge{border-radius:10px;padding:2px 9px;font-size:11px;font-weight:600}.automation-status-badge.on{color:var(--green);background:#eaf3de}.automation-status-badge.off{background:var(--gray-100);color:var(--text-light)}.automation-form{flex-direction:column;gap:14px;display:flex}.automation-form-row{flex-direction:column;gap:5px;display:flex}.automation-form-row label{color:var(--text-muted);font-size:12px;font-weight:600}.automation-form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.automation-form-section{text-transform:uppercase;letter-spacing:.5px;color:var(--red);border-bottom:1px solid var(--border-light);margin-top:6px;padding-bottom:2px;font-size:11px;font-weight:700}.automation-form-section:first-child{margin-top:0}.automation-section-title{color:var(--text);margin-bottom:10px;font-size:13px;font-weight:700}.automation-owner-group{margin-bottom:18px}.automation-owner-name{color:var(--text-muted);margin-bottom:6px;padding-left:2px;font-size:12px;font-weight:600}.cl-release{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:14px;padding:18px 20px}.cl-release-head{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.cl-release-badge{background:var(--text-light);color:#fff;border-radius:10px;padding:2px 9px;font-size:10.5px;font-weight:700}.cl-release-badge.latest{background:var(--red)}.cl-release-date{color:var(--text-light);font-size:11.5px}.cl-item{margin-bottom:10px;padding-left:2px;font-size:13.5px;line-height:1.65}.cl-item:last-child{margin-bottom:0}.cl-item-admin{background:#eeedfe;border-radius:8px;margin-top:4px;padding:8px 10px}.cl-admin-tag{color:#fff;vertical-align:middle;white-space:nowrap;background:#534ab7;border-radius:8px;align-items:center;gap:4px;margin-left:8px;padding:1px 8px;font-size:10px;font-weight:700;display:inline-flex}.cl-footer{color:var(--text-muted);text-align:center;border-top:1px solid var(--border-light);margin-top:20px;padding-top:16px;font-size:12px;font-style:italic}.myday-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.myday-col{background:var(--gray-50);border-radius:12px;min-height:300px;padding:14px}.myday-today{border:1.5px dashed var(--red)}.myday-col-title{margin-bottom:10px;font-size:13px;font-weight:700}.myday-empty{color:var(--text-light);text-align:center;padding:30px 10px;font-size:12px;font-style:italic}.myday-card{background:var(--surface);border:1px solid var(--border);cursor:grab;border-radius:9px;margin-bottom:8px;padding:10px 12px}.myday-card:hover{border-color:var(--red)}.myday-card-main{align-items:center;gap:7px;margin-bottom:6px;display:flex}.myday-card-title{font-size:13px;font-weight:600}.myday-card-meta{align-items:center;gap:8px;display:flex}.myday-card-action{border:1px solid var(--border);cursor:pointer;width:26px;height:26px;color:var(--text-muted);background:0 0;border-radius:6px;margin-left:auto;font-size:12px}.myday-card-action:hover{border-color:var(--red);color:var(--red)}@media (width<=640px){.myday-columns{grid-template-columns:1fr}}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-light);background:var(--gray-50);padding:11px 16px;font-size:10.5px;font-weight:600}.data-table tbody td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:12px 16px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--gray-50)}.role-badge{border-radius:10px;padding:3px 9px;font-size:11px;font-weight:600}.role-badge.admin{background:var(--red-bg);color:var(--red-dark)}.role-badge.user{background:var(--blue-bg);color:var(--blue)}.status-dot{align-items:center;gap:6px;font-size:12px;display:inline-flex}.status-dot:before{content:"";border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.active{color:var(--green)}.status-dot.active:before{background:var(--green)}.status-dot.inactive{color:var(--text-light)}.status-dot.inactive:before{background:var(--text-light)}.tag-self{background:var(--amber);color:#000;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}.settings-grid{grid-template-columns:220px 1fr;gap:20px;display:grid}.settings-nav{background:var(--surface);border:1px solid var(--border);border-radius:12px;height:fit-content;padding:6px}.settings-nav-item{color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:9px;margin-bottom:2px;padding:9px 12px;font-size:13px;display:flex}.settings-nav-item:hover{background:var(--gray-50)}.settings-nav-item.active{background:var(--red);color:#fff}.settings-content{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.status-list{flex-direction:column;gap:9px;display:flex}.status-list-item{background:var(--gray-50);border:1px solid var(--border-light);border-radius:8px;align-items:center;gap:12px;padding:11px 13px;display:flex}.status-color-box{border-radius:4px;flex-shrink:0;width:14px;height:14px}.status-list-item input.name{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px;font-weight:500}.add-row-btn{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;background:var(--surface);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 13px;font-size:13px;display:flex}.add-row-btn:hover{border-color:var(--red);color:var(--red)}.tmpl-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.tmpl-row{border:1px solid var(--border);background:var(--surface);border-radius:9px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.tmpl-name{font-size:13.5px;font-weight:600}.tmpl-meta{color:var(--text-light);margin-top:2px;font-size:11.5px}.tmpl-editor{border:1px solid var(--border);background:var(--gray-50);border-radius:10px;padding:16px}.tmpl-subs{flex-direction:column;gap:5px;display:flex}.tmpl-sub{background:var(--surface);border:1px solid var(--border);border-radius:7px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12.5px;display:flex}.form-row{gap:12px;display:flex}.form-row .field{flex:1}.completion-toggle{color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.completion-toggle input{accent-color:var(--green)}.drag-handle-sm{cursor:grab;color:var(--text-light);flex-shrink:0;padding:0 4px;font-size:14px}.drag-handle-sm:hover{color:var(--text-muted)}.status-list-item[draggable]:active{opacity:.5}