@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#0f8;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00cc6a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080a0f;--surface: #0d1117;--surface2: #161b22;--surface3: #21262d;--border: #30363d;--border2: #3d444d;--text: #e6edf3;--text2: #8b949e;--text3: #484f58;--accent: #6366f1;--accent2: #818cf8;--accent-glow: rgba(99, 102, 241, .15);--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .6);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--transition: .18s cubic-bezier(.4, 0, .2, 1);--bg-2: #0d1117;--bg-3: #161b22;--text-dim: #8b949e;--hover: #21262d}[data-theme=light]{--bg: #f0f2f5;--surface: #ffffff;--surface2: #f6f8fa;--surface3: #eaedf0;--border: #d0d7de;--border2: #b8c0ca;--text: #1a1f2e;--text2: #57606a;--text3: #9ca3af;--accent: #6366f1;--accent2: #4f46e5;--accent-glow: rgba(99, 102, 241, .1);--shadow: 0 4px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .14);--bg-2: #ffffff;--bg-3: #f6f8fa;--text-dim: #9ca3af;--hover: #eaedf0}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border2)}.kanban-root{font-family:var(--font-body);background:var(--bg);color:var(--text);display:flex;flex-direction:column;position:fixed;inset:0;overflow:hidden;z-index:10}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.login-screen{min-height:100vh;width:100%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-body)}.login-card{width:100%;max-width:400px;padding:40px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.login-logo{font-family:var(--font-display);font-size:26px;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:6px;background:linear-gradient(135deg,#22c55e,#16a34a,#4ade80,#15803d);background-size:200% 200%;animation:logo-shimmer 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(34,197,94,.4))}.login-tagline{font-size:13px;color:var(--text3);margin-bottom:32px}.login-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}.login-sub{font-size:13px;color:var(--text3);margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:16px}.login-error{padding:10px 14px;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:13px}.login-footer{margin-top:20px;text-align:center;font-size:12px;color:var(--text3)}.login-switch{color:var(--accent2);cursor:pointer;background:none;border:none;font-size:12px;padding:0}.login-switch:hover{text-decoration:underline}.login-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.header{display:flex;align-items:center;gap:16px;padding:0 24px;height:58px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;z-index:100}.logo{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#22c55e,#16a34a,#4ade80,#15803d);background-size:200% 200%;animation:logo-shimmer 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;filter:drop-shadow(0 0 12px rgba(34,197,94,.35))}@keyframes logo-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header-sep{width:1px;height:24px;background:var(--border)}.board-selector{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-family:var(--font-body);font-size:14px;color:var(--text);min-width:180px}.board-selector:hover{border-color:var(--border2);background:var(--surface3)}.board-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface3);color:var(--text);border-color:var(--border2)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text2);transition:all var(--transition)}.icon-btn:hover{background:var(--surface3);color:var(--text);border-color:var(--border2)}.icon-btn-active{background:var(--accent-glow)!important;color:var(--accent2)!important}.toolbar{display:flex;align-items:center;gap:10px;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.search-wrap{position:relative;flex:1;max-width:320px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none;z-index:1}.search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text3);cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;transition:color var(--transition)}.search-clear:hover{color:var(--text)}.search-input{width:100%;padding:7px 30px 7px 32px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:13px;transition:all var(--transition);outline:none}.search-input::placeholder{color:var(--text3)}.search-input:focus{border-color:var(--accent);background:var(--surface3);box-shadow:0 0 0 3px var(--accent-glow)}.search-popup{position:fixed;inset:0;z-index:1000;pointer-events:none}.search-popup-box{position:absolute;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;min-width:440px;max-width:560px;pointer-events:all}.search-popup-header{padding:10px 14px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--text3);text-transform:uppercase}.search-result{display:flex;align-items:flex-start;gap:12px;padding:11px 14px;cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--border)}.search-result:last-child{border-bottom:none}.search-result:hover{background:var(--surface2)}.search-result-ref{font-size:10px;font-weight:700;font-family:monospace;color:var(--accent2);background:var(--accent-glow);padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0;margin-top:2px}.search-result-body{flex:1;min-width:0}.search-result-title{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{display:flex;align-items:center;gap:8px;margin-top:3px}.search-result-col{font-size:11px;color:var(--text3)}.search-result-assignee{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text3)}.search-result-desc{font-size:11px;color:var(--text3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-highlight{color:var(--accent2);font-weight:600;background:var(--accent-glow);border-radius:2px;padding:0 1px}.search-empty{padding:24px 14px;text-align:center;color:var(--text3);font-size:13px}.filter-chip{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text2);transition:all var(--transition)}.filter-chip:hover,.filter-chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.toolbar-sep{width:1px;height:24px;background:var(--border);margin:0 4px}.stats-pill{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;background:var(--surface2);color:var(--text3);border:1px solid var(--border)}.board-area{flex:1;overflow:hidden;display:flex;flex-direction:column}.board-scroll{flex:1;overflow-x:auto;overflow-y:hidden;padding:20px 24px 0;display:flex;gap:14px;align-items:flex-start}.column{width:290px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:calc(100vh - 180px);transition:all var(--transition);position:relative}.column.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow),0 8px 32px #6366f11a}.column-header{display:flex;align-items:center;gap:8px;padding:12px 14px 10px;flex-shrink:0}.column-title{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.3px;flex:1;outline:none;background:transparent;border:none;color:var(--text)}.column-title:focus{background:var(--surface2);border-radius:4px;padding:2px 6px;margin:-2px -6px}.col-count{font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;background:var(--surface3);color:var(--text2)}.col-count.over-wip{background:#ef444426;color:#ef4444}.col-menu-btn{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text3);opacity:0;transition:all var(--transition);background:transparent;border:none}.column:hover .col-menu-btn{opacity:1}.col-menu-btn:hover{background:var(--surface3);color:var(--text)}.wip-bar{margin:0 14px 8px;height:3px;background:var(--surface3);border-radius:2px;overflow:hidden}.wip-fill{height:100%;border-radius:2px;transition:width .3s ease}.cards-scroll{flex:1;overflow-y:auto;padding:0 10px 10px;display:flex;flex-direction:column;gap:7px}.add-card-area{padding:8px 10px 10px;flex-shrink:0}.add-card-btn{width:100%;padding:8px 12px;display:flex;align-items:center;gap:6px;background:transparent;border:1px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text3);font-family:var(--font-body);font-size:13px;transition:all var(--transition)}.modal-wide{max-width:1000px!important;width:95vw;height:80vh;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-two-column{display:grid;grid-template-columns:1fr 380px;gap:24px;flex:1;min-height:0;overflow:hidden}.modal-column-left{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:12px}.modal-column-right{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:12px;border-left:1px solid var(--border);padding-left:24px}.modal-column-left::-webkit-scrollbar,.modal-column-right::-webkit-scrollbar{width:6px}.modal-column-left::-webkit-scrollbar-track,.modal-column-right::-webkit-scrollbar-track{background:transparent}.modal-column-left::-webkit-scrollbar-thumb,.modal-column-right::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.modal-column-left::-webkit-scrollbar-thumb:hover,.modal-column-right::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.editor-wrapper{border:1px solid var(--border);border-radius:8px;background:var(--bg-2);overflow:hidden}.editor-toolbar{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--border);background:var(--bg-3);flex-wrap:wrap}.editor-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-dim);border-radius:4px;cursor:pointer;transition:all .2s;padding:0}.editor-btn:hover{background:var(--hover);color:var(--text)}.editor-btn.active{background:var(--accent-glow);color:var(--accent)}.editor-btn svg{width:16px;height:16px}.editor-divider{width:1px;height:24px;background:var(--border);margin:4px}.editor-container{min-height:300px;max-height:500px;overflow-y:auto}.editor-content{padding:16px;color:var(--text);font-size:14px;line-height:1.6}.editor-content .ProseMirror{outline:none;min-height:250px}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-dim);pointer-events:none;height:0}.editor-content .ProseMirror p{margin:0 0 12px}.editor-content .ProseMirror p:last-child{margin-bottom:0}.editor-content .ProseMirror strong{font-weight:700;color:var(--text)}.editor-content .ProseMirror em{font-style:italic}.editor-content .ProseMirror u{text-decoration:underline}.editor-content .ProseMirror s{text-decoration:line-through;color:var(--text-dim)}.editor-content .ProseMirror ul,.editor-content .ProseMirror ol{padding-left:24px;margin:12px 0}.editor-content .ProseMirror ul{list-style-type:disc}.editor-content .ProseMirror ol{list-style-type:decimal}.editor-content .ProseMirror li{margin:4px 0}.editor-content .ProseMirror li p{margin:0}.editor-content .ProseMirror a,.editor-link{color:var(--accent);text-decoration:underline;cursor:pointer}.editor-content .ProseMirror a:hover,.editor-link:hover{color:var(--accent2)}.editor-content .ProseMirror blockquote{border-left:3px solid var(--border);padding-left:16px;margin:12px 0;color:var(--text-dim);font-style:italic}.editor-content .ProseMirror code{background:var(--bg-3);padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;color:var(--accent)}.editor-content .ProseMirror pre{background:var(--bg-3);border-radius:6px;padding:12px;overflow-x:auto;margin:12px 0}.editor-content .ProseMirror pre code{background:none;padding:0;color:var(--text)}@media(max-width:768px){.modal-wide{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.modal-two-column{grid-template-columns:1fr;max-height:none;overflow-y:auto}.modal-column-right{border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:24px}.modal-column-left,.modal-column-right{overflow-y:visible}.editor-container{max-height:300px}.editor-toolbar{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}}.user-picker{position:relative}.user-picker-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);font-family:var(--font-body);font-size:14px;transition:all var(--transition);text-align:left}.user-picker-btn:hover{border-color:var(--border2);background:var(--surface3)}.user-picker-btn:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.user-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.user-avatar-lg{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.user-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;max-height:220px;overflow-y:auto}.user-option{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;transition:background var(--transition);color:var(--text)}.user-option:hover{background:var(--surface2)}.user-option.selected{background:var(--accent-glow)}.user-option-name{font-size:13px;font-weight:500;color:var(--text)}.user-option-email{font-size:11px;color:var(--text3)}.user-manage-row{padding:8px 12px;border-top:1px solid var(--border);display:flex;gap:6px}.card-ref{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--text3);font-family:monospace;padding:1px 6px;border-radius:4px;background:var(--surface3);border:1px solid var(--border);flex-shrink:0}.add-column-btn{width:250px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;height:52px;background:transparent;border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;color:var(--text3);font-family:var(--font-body);font-size:13px;font-weight:500;transition:all var(--transition);margin-bottom:20px;align-self:flex-start}.add-column-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:620px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);animation:slide-up .2s cubic-bezier(.34,1.56,.64,1)}.modal-sm{max-width:400px}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.modal-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text)}.modal-body{padding:20px 24px;flex:1;min-height:0;overflow-y:auto}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border)}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-label{display:block;font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--text2);text-transform:uppercase;margin-bottom:6px}.form-input,.form-textarea,.form-select{width:100%;padding:9px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:14px;outline:none;transition:all var(--transition)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);background:var(--surface3);box-shadow:0 0 0 3px var(--accent-glow)}.form-select option{background:var(--surface2)}.color-row{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all var(--transition)}.color-swatch.selected{border-color:#fff;transform:scale(1.15)}.color-swatch:hover{transform:scale(1.1)}.dropdown{position:absolute;z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:160px;overflow:hidden;animation:slide-up .12s ease}.dropdown-item{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:13px;cursor:pointer;color:var(--text2);transition:all var(--transition)}.dropdown-item:hover{background:var(--surface2);color:var(--text)}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background:#ef44441a}.dropdown-sep{height:1px;background:var(--border);margin:4px 0}.board-dropdown{position:absolute;top:58px;left:24px;z-index:500;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:280px;overflow:hidden;animation:slide-up .15s ease}.board-dropdown-header{padding:14px 16px 10px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text3)}.board-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:all var(--transition)}.board-item:hover{background:var(--surface2)}.board-item.active{background:var(--accent-glow)}.board-item-name{font-size:14px;font-weight:500}.board-item-desc{font-size:11px;color:var(--text3);margin-top:1px}.board-dropdown-footer{padding:10px 16px;border-top:1px solid var(--border)}.empty-board{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text3)}.empty-icon{width:64px;height:64px;border-radius:16px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:28px}.empty-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text2)}.empty-sub{font-size:14px;color:var(--text3);text-align:center;max-width:280px;line-height:1.5}.toast-area{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);font-size:13px;color:var(--text);animation:toast-in .25s cubic-bezier(.34,1.56,.64,1);max-width:300px}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.toast-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .6s linear infinite}.tag-input-wrap{display:flex;flex-wrap:wrap;gap:4px;padding:6px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition);cursor:text}.tag-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.tag-chip{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.tag-chip-x{cursor:pointer;opacity:.6}.tag-chip-x:hover{opacity:1}.tag-input-inner{flex:1;min-width:80px;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:13px;padding:2px 0}.input-error{border-color:#ef4444!important;background:#ef44440d!important}.input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.modal-tabs{display:flex;gap:2px;padding:0 24px;border-bottom:1px solid var(--border);background:var(--surface)}.modal-tab{padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text3);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:6px}.modal-tab:hover{color:var(--text);background:var(--surface2)}.modal-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.modal-tab-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.comments-container{display:flex;flex-direction:column;gap:20px;flex:1;min-height:0;overflow-y:auto}.comments-list{display:flex;flex-direction:column;gap:16px}.comment{display:flex;gap:12px;padding:12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition)}.comment:hover{border-color:var(--border2);background:var(--surface3)}.comment-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.comment-author{font-size:14px;font-weight:600;color:var(--text)}.comment-time{font-size:12px;color:var(--text3)}.comment-actions{margin-left:auto;display:flex;gap:4px;opacity:0;transition:opacity var(--transition)}.comment:hover .comment-actions{opacity:1}.comment-action-btn{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text3);cursor:pointer;transition:all var(--transition);padding:0}.comment-action-btn:hover{background:var(--border);color:var(--text)}.comment-action-btn svg{width:14px;height:14px}.comment-content{font-size:14px;line-height:1.6;color:var(--text)}.comment-content p{margin:0 0 8px}.comment-content p:last-child{margin-bottom:0}.comment-content strong{font-weight:700}.comment-content em{font-style:italic}.comment-content u{text-decoration:underline}.comment-content ul,.comment-content ol{padding-left:20px;margin:8px 0}.comment-content ul{list-style-type:disc}.comment-content ol{list-style-type:decimal}.comment-content li{margin:4px 0}.comment-content a{color:var(--accent);text-decoration:underline}.add-comment{padding:16px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);margin-top:auto}.add-comment .editor-wrapper{margin-bottom:0}.add-comment .btn{width:auto}@media(max-width:768px){.modal-tabs{padding:0 16px}.modal-tab{padding:10px 16px;font-size:13px}.comments-container{max-height:none}.comment{padding:10px}.comment-avatar{width:32px;height:32px;font-size:14px}}.search-result-comment{display:flex;align-items:flex-start;gap:6px;margin-top:6px;padding:6px 8px;background:var(--accent-glow);border-left:2px solid var(--accent);border-radius:4px;font-size:13px;line-height:1.5}.search-result-comment svg{width:14px;height:14px;color:var(--accent);flex-shrink:0;margin-top:2px}.search-result-comment-author{font-weight:600;color:var(--text);flex-shrink:0}.search-result-comment-text{color:var(--text2);flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-result-comment-text mark{background:var(--accent);color:#fff;padding:1px 3px;border-radius:2px}.card-priority-bar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0}.card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;height:32px;flex-shrink:0;padding-top:6px}.card-header-left{flex:1;min-width:0}.card-ref-new{font-family:Monaco,Menlo,Consolas,monospace;font-size:11px;font-weight:700;color:var(--accent2);letter-spacing:.3px}.card-title-new{font-size:14px;font-weight:600;color:var(--text);line-height:1.4;height:40px;flex-shrink:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;margin-top:6px}.card-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.card-points-badge{display:flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;border-radius:6px;flex-shrink:0}.card-desc-new{font-size:13px;line-height:1.5;color:var(--text2);height:58px;flex-shrink:0;overflow:hidden;position:relative;word-break:break-word;margin:0}.card-desc-new:after{content:"";position:absolute;bottom:0;left:0;right:0;height:18px;background:linear-gradient(transparent,var(--surface2));pointer-events:none}.card-desc-new p{margin:0 0 4px;display:inline}.card-desc-new p:last-child{margin-bottom:0}.card-desc-new strong{font-weight:700;color:var(--text)}.card-desc-new em{font-style:italic}.card-desc-new u{text-decoration:underline}.card-tags-new{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;height:23px;flex-shrink:0;overflow:hidden;margin:0}.card-tag-new{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.card-footer-new{display:flex;align-items:center;justify-content:space-between;gap:8px;height:44px;flex-shrink:0;margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}.card-assignee-row{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.card-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.card-assignee-name{font-size:13px;color:var(--text2);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-due-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--surface3);border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:600;color:var(--text3);white-space:nowrap;flex-shrink:0}.card-due-badge svg{width:12px;height:12px}.card-due-badge.due-soon{background:#fbbf2426;border-color:#fbbf24;color:#fbbf24}.card-due-badge.overdue{background:#ef444426;border-color:#ef4444;color:#ef4444}.card{position:relative;display:flex;flex-direction:column;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:7px 12px 0;height:220px;flex-shrink:0;cursor:pointer;transition:all var(--transition);overflow:hidden}.card.card-editing{height:auto;overflow:visible}.column{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:320px;max-width:380px;height:calc(100vh - 200px);max-height:900px;position:relative;flex-shrink:0}.cards-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 12px;margin:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.cards-scroll::-webkit-scrollbar{width:8px}.cards-scroll::-webkit-scrollbar-track{background:transparent;margin:8px 0}.cards-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px;border:2px solid var(--surface)}.cards-scroll::-webkit-scrollbar-thumb:hover{background:var(--border3)}.cards-scroll{scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.column:after{content:"";position:absolute;bottom:60px;left:0;right:0;height:50px;background:linear-gradient(to bottom,transparent,var(--surface) 90%);pointer-events:none;opacity:0;transition:opacity .3s;z-index:1}.column.has-scroll:after{opacity:1}.add-card-area{padding:12px;border-top:1px solid var(--border);background:var(--surface);position:sticky;bottom:0;z-index:2}.add-card-btn{width:100%;padding:10px;background:transparent;border:2px dashed var(--border);border-radius:var(--radius);color:var(--text3);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:6px}.add-card-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.add-card-btn svg{width:16px;height:16px}.column-header{padding:12px;flex-shrink:0}.wip-bar{flex-shrink:0;margin:0 12px 12px}.cards-scroll .card{margin-bottom:12px}.cards-scroll .card:first-child{margin-top:12px}.cards-scroll .card:last-child{margin-bottom:12px}.cards-scroll:empty:before{content:"No cards yet";display:block;text-align:center;color:var(--text3);font-size:13px;padding:40px 20px}.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px)}@media(max-height:700px){.column{height:calc(100vh - 160px)}}@media(max-width:768px){.column{min-width:280px;max-width:320px}}.card-top,.card-priority-dot,.card-ref:not(.card-ref-new),.card-title:not(.card-title-new),.card-desc:not(.card-desc-new),.card-tags:not(.card-tags-new),.card-meta{display:none!important}.column:not(:first-child) .add-card-area{display:none}.col-icon{display:flex;align-items:center;flex-shrink:0}.board-item{position:relative}.board-item:hover .board-item-action-btn:hover{background:var(--surface3);color:var(--text)}.board-item-action-btn.board-item-action-danger:hover{background:#ef444426;color:#ef4444}.user-filter-chip{gap:6px;padding:4px 10px}.user-filter-avatar{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0;line-height:1}.user-filter-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:500;overflow:hidden;animation:dropdown-in .12s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-filter-option{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background var(--transition)}.user-filter-option:hover{background:var(--surface2)}.user-filter-option.selected{background:var(--accent-glow)}.user-filter-name{flex:1;font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-filter-check{font-size:12px;color:var(--accent2);font-weight:700;flex-shrink:0}.user-filter-sep{height:1px;background:var(--border);margin:4px 0}.card.card-overdue{border-color:#ef444480;box-shadow:-3px 0 #ef4444,0 0 8px #ef44441f}.column-collapsed{width:48px!important;min-width:48px!important;max-width:48px!important;flex-direction:column;align-items:center;padding:12px 0;gap:8px;cursor:default;overflow:hidden;height:calc(100vh - 200px);position:relative}.column-collapsed-bar{width:3px;position:absolute;top:0;left:0;bottom:0;border-radius:var(--radius) 0 0 var(--radius)}.column-collapsed-expand{width:32px;height:32px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0;margin-top:8px}.column-collapsed-expand:hover{background:var(--surface3);color:var(--text)}.column-collapsed-title{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:12px;font-weight:600;color:var(--text2);letter-spacing:.5px;-webkit-user-select:none;user-select:none;flex:1;display:flex;align-items:center;padding:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:160px}.column-collapsed-count{font-size:11px;font-weight:700;color:var(--text3);background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:2px 6px;margin-bottom:8px}.col-drag-handle{color:var(--text3);opacity:0;transition:opacity var(--transition);cursor:grab;display:flex;align-items:center;flex-shrink:0}.column-header:hover .col-drag-handle{opacity:1}.col-drag-target{border-color:var(--accent)!important;border-style:dashed!important;background:var(--accent-glow)!important}.submenu{position:absolute;left:calc(100% + 4px);top:0;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:160px;z-index:600;overflow:hidden;animation:dropdown-in .1s ease}.submenu-col-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.stats-panel{position:fixed;inset:0;z-index:800;display:flex;align-items:flex-start;justify-content:flex-end;pointer-events:none}.stats-panel-inner{pointer-events:all;width:340px;height:100vh;background:var(--surface);border-left:1px solid var(--border2);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slide-in-right .2s ease;overflow-y:auto}.stats-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.stats-panel-header h3{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text);margin:0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.stats-col-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;position:relative;overflow:hidden}.stats-col-bar{position:absolute;top:0;left:0;right:0;height:3px}.stats-col-name{font-size:12px;font-weight:600;color:var(--text2);margin-top:6px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-col-count{font-size:22px;font-weight:800;color:var(--text);font-family:var(--font-display)}.stats-col-pts{font-size:11px;color:var(--text3);margin-top:2px}.stats-col-overdue{font-size:11px;color:#ef4444;margin-top:2px;font-weight:600}.stats-summary{margin:0 20px 20px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.stats-summary-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:13px;border-bottom:1px solid var(--border)}.stats-summary-item:last-child{border-bottom:none}.stats-summary-item span{color:var(--text2)}.stats-summary-item strong{font-weight:700;color:var(--text)}.shortcuts-body{display:flex;flex-direction:column;gap:4px}.shortcut-row{display:flex;align-items:center;gap:12px;padding:8px 4px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text2)}.shortcut-row:last-child{border-bottom:none}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 6px;background:var(--surface3);border:1px solid var(--border2);border-bottom-width:2px;border-radius:4px;font-family:monospace;font-size:12px;font-weight:700;color:var(--text);flex-shrink:0}.label-filter-chip{gap:6px;padding:4px 10px}.label-filter-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.label-filter-dot-empty{background:var(--border2)}.label-filter-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:190px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:500;overflow:hidden;animation:dropdown-in .12s ease}.label-filter-option{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background var(--transition)}.label-filter-option:hover{background:var(--surface2)}.label-filter-option.selected{background:var(--accent-glow)}.label-filter-name{flex:1;font-size:13px;font-weight:500;color:var(--text);white-space:nowrap}.label-filter-count{font-size:11px;font-weight:700;color:var(--text3);background:var(--surface3);border:1px solid var(--border);border-radius:10px;padding:1px 6px;flex-shrink:0}.label-filter-check{font-size:12px;color:var(--accent2);font-weight:700;flex-shrink:0}.label-filter-sep{height:1px;background:var(--border);margin:4px 0}.activity-list{display:flex;flex-direction:column;gap:0;padding:8px 0}.activity-entry{display:flex;align-items:flex-start;gap:12px;padding:10px 20px;position:relative}.activity-entry:before{content:"";position:absolute;left:35px;top:36px;bottom:-10px;width:1px;background:var(--border)}.activity-entry:last-child:before{display:none}.activity-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;margin-top:1px;z-index:1}.activity-body{flex:1;font-size:13px;color:var(--text2);line-height:1.5;padding-top:3px}.activity-actor{font-weight:600;color:var(--text)}.activity-text{color:var(--text2)}.activity-text strong{color:var(--text);font-weight:600}.activity-text em{font-style:italic}.activity-time{display:block;font-size:11px;color:var(--text3);margin-top:2px}.activity-col-chip{display:inline-block;background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600;color:var(--text)}[data-theme=light] .kanban-root{background:var(--bg)}[data-theme=light] .header{background:var(--surface);border-bottom-color:var(--border);box-shadow:0 1px 0 var(--border)}[data-theme=light] .board-area,[data-theme=light] .board-scroll{background:var(--bg)}[data-theme=light] .column{background:var(--surface);border-color:var(--border);box-shadow:0 1px 3px #0000000f}[data-theme=light] .column-header{background:var(--surface)}[data-theme=light] .add-card-area{background:var(--surface);border-top-color:var(--border)}[data-theme=light] .card{background:var(--surface);border-color:var(--border);box-shadow:0 1px 3px #0000000d}[data-theme=light] .card:hover{border-color:var(--border2);box-shadow:0 2px 8px #0000001a}[data-theme=light] .card-done{background:var(--surface2)}[data-theme=light] .card-overdue{border-color:#ef444466;box-shadow:-3px 0 #ef4444,0 1px 6px #ef44441a}[data-theme=light] .toolbar{background:var(--surface);border-bottom-color:var(--border)}[data-theme=light] .search-input{background:var(--surface2);border-color:var(--border);color:var(--text)}[data-theme=light] .search-input:focus{background:var(--surface);border-color:var(--accent)}[data-theme=light] .filter-chip{background:var(--surface2);border-color:var(--border);color:var(--text2)}[data-theme=light] .filter-chip:hover{background:var(--surface3);color:var(--text)}[data-theme=light] .stats-pill{background:var(--surface2);border-color:var(--border);color:var(--text2)}[data-theme=light] .dropdown{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-lg)}[data-theme=light] .dropdown-item:hover{background:var(--surface2)}[data-theme=light] .board-dropdown{background:var(--surface);border-color:var(--border)}[data-theme=light] .board-item:hover{background:var(--surface2)}[data-theme=light] .board-item.active{background:var(--accent-glow)}[data-theme=light] .modal-overlay{background:#0006}[data-theme=light] .modal{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-lg)}[data-theme=light] .modal-header{background:var(--surface);border-bottom-color:var(--border)}[data-theme=light] .modal-footer{background:var(--surface);border-top-color:var(--border)}[data-theme=light] .modal-tabs{background:var(--surface);border-bottom-color:var(--border)}[data-theme=light] .modal-tab:hover{background:var(--surface2)}[data-theme=light] .modal-body{background:var(--surface)}[data-theme=light] .modal-column-right{background:var(--surface2);border-left-color:var(--border)}[data-theme=light] .form-input,[data-theme=light] .form-select{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=light] .form-input:focus,[data-theme=light] .form-select:focus{border-color:var(--accent);background:var(--surface)}[data-theme=light] .tag-input-wrap{background:var(--surface);border-color:var(--border)}[data-theme=light] .editor-wrapper{border-color:var(--border);background:var(--surface)}[data-theme=light] .editor-toolbar{background:var(--surface2);border-bottom-color:var(--border)}[data-theme=light] .toolbar-btn:hover{background:var(--surface3)}[data-theme=light] .comment{border-bottom-color:var(--border)}[data-theme=light] .add-comment{background:var(--surface2);border-top-color:var(--border)}[data-theme=light] .stats-panel-inner{background:var(--surface);border-left-color:var(--border)}[data-theme=light] .stats-panel-header{background:var(--surface);border-bottom-color:var(--border)}[data-theme=light] .stats-col-card,[data-theme=light] .stats-summary{background:var(--surface2);border-color:var(--border)}[data-theme=light] .stats-summary-item{border-bottom-color:var(--border)}[data-theme=light] .search-popup{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-lg)}[data-theme=light] .search-result:hover{background:var(--surface2)}[data-theme=light] .column-collapsed,[data-theme=light] .user-filter-dropdown,[data-theme=light] .label-filter-dropdown{background:var(--surface);border-color:var(--border)}[data-theme=light] .user-filter-option:hover,[data-theme=light] .label-filter-option:hover{background:var(--surface2)}[data-theme=light] .kbd{background:var(--surface2);border-color:var(--border2);color:var(--text)}[data-theme=light] .confirm-dialog{background:var(--surface);border-color:var(--border)}[data-theme=light] .login-screen{background:var(--bg)}[data-theme=light] .login-card{background:var(--surface);border-color:var(--border)}[data-theme=light] .add-column-btn{background:var(--surface);border-color:var(--border);color:var(--text2)}[data-theme=light] .add-column-btn:hover{background:var(--surface2);color:var(--text)}[data-theme=light] .submenu{background:var(--surface);border-color:var(--border)}[data-theme=light] .activity-entry:before{background:var(--border)}[data-theme=light] .activity-col-chip{background:var(--surface2);border-color:var(--border)}[data-theme=light] .wip-bar{background:var(--surface3)}[data-theme=light] .toast{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow)}.kanban-root,.modal,.dropdown,.header,.column,.card,.toolbar{transition:background var(--transition),border-color var(--transition),color var(--transition)}.card-title-editable{cursor:text;border-radius:var(--radius-sm);margin:6px -4px -3px;padding:3px 4px}.card-title-editable:hover{background:var(--surface3)}.card-inline-title{display:block;width:100%;box-sizing:border-box;min-height:4em;font-size:14px;font-weight:600;font-family:var(--font-body);color:var(--text);line-height:1.4;background:var(--surface2);border:1.5px solid var(--accent);border-radius:var(--radius-sm);padding:6px 8px;margin-bottom:14px;resize:none;overflow:hidden;outline:none;box-shadow:0 0 0 3px var(--accent-glow);transition:none}.card-editing{transform:none!important;box-shadow:var(--shadow)!important}.card-blocked{border-color:#ef444459!important;box-shadow:-3px 0 #ef4444,0 1px 6px #ef444414!important}.card-blocked-badge{display:inline-flex;align-items:center;gap:3px;background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:4px;font-size:10px;font-weight:700;padding:1px 5px;letter-spacing:.3px;text-transform:uppercase}.modal-tab-badge-blocked{background:#ef444433!important;color:#ef4444!important}.dep-list{display:flex;flex-direction:column;gap:6px}.dep-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm)}.dep-item-left{display:flex;align-items:center;gap:8px;min-width:0}.dep-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.dep-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dep-dot-blocked{background:#ef4444;box-shadow:0 0 4px #ef444499}.dep-dot-done{background:#22c55e;box-shadow:0 0 4px #22c55e80}.dep-ref{font-family:monospace;font-size:11px;font-weight:700;color:var(--accent2);background:var(--accent-glow);padding:1px 5px;border-radius:4px;flex-shrink:0}.dep-title{font-size:13px;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dep-col-name{font-size:11px;color:var(--text3);white-space:nowrap}.dep-remove-btn{background:none;border:none;color:var(--text3);cursor:pointer;padding:3px;border-radius:4px;display:flex;align-items:center;transition:color var(--transition),background var(--transition)}.dep-remove-btn:hover{color:#ef4444;background:#ef44441a}.dep-separator{height:1px;background:var(--border);margin:8px 0}.dep-search-results{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;max-height:260px;overflow-y:auto}.dep-search-item{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--border)}.dep-search-item:last-child{border-bottom:none}.dep-search-item:hover{background:var(--surface3)}.dep-search-item .dep-title{flex:1}.card-checkbox{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border2);background:var(--surface2);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;opacity:0;transition:opacity var(--transition),background var(--transition),border-color var(--transition)}.card:hover .card-checkbox{opacity:1}.card-checkbox-checked{opacity:1!important;background:var(--accent)!important;border-color:var(--accent)!important;color:#fff}.card-selected{border-color:var(--accent)!important;background:var(--accent-glow)!important;box-shadow:0 0 0 2px var(--accent-glow),var(--shadow)!important}.card-selected .card-checkbox{opacity:1}.bulk-action-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border2);border-radius:12px;padding:10px 16px;box-shadow:0 8px 32px #0006,0 0 0 1px #6366f133;z-index:1000;animation:slide-up .2s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.bulk-count{font-size:13px;color:var(--text2);padding-right:8px;border-right:1px solid var(--border2)}.bulk-count strong{color:var(--accent2)}.bulk-actions{display:flex;align-items:center;gap:4px}.bulk-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;border:none;background:var(--surface2);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition)}.bulk-btn:hover{background:var(--surface3)}.bulk-btn-danger{color:#ef4444}.bulk-btn-danger:hover{background:#ef44441f}.bulk-sep{width:1px;height:20px;background:var(--border2);margin:0 4px}.bulk-close{background:none;border:none;color:var(--text3);cursor:pointer;padding:4px;border-radius:5px;display:flex;align-items:center;margin-left:4px;transition:color var(--transition),background var(--transition)}.bulk-close:hover{color:var(--text);background:var(--surface2)}.bulk-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;min-width:180px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1001;overflow:hidden;animation:dropdown-in .12s ease}.bulk-dropdown-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);padding:8px 12px 4px}.bulk-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--text);cursor:pointer;transition:background var(--transition)}.bulk-dropdown-item:hover{background:var(--surface2)}.bulk-dropdown-sep{height:1px;background:var(--border);margin:4px 0}.bulk-avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.bulk-unassign-dot{width:20px;height:20px;border-radius:50%;background:var(--surface3);border:1.5px dashed var(--border2);flex-shrink:0}.swimlane-toggle{display:flex;align-items:center;gap:2px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:2px}.swimlane-label{font-size:11px;font-weight:600;color:var(--text3);padding:0 6px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.swimlane-opt{background:none;border:none;color:var(--text2);font-size:12px;font-weight:500;padding:4px 9px;border-radius:6px;cursor:pointer;transition:background var(--transition),color var(--transition);white-space:nowrap}.swimlane-opt:hover{background:var(--surface3);color:var(--text)}.swimlane-opt.active{background:var(--accent);color:#fff}.swimlane-board{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.swimlane-col-headers{display:flex;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10;padding:0}.swimlane-lane-gutter{width:180px;flex-shrink:0;border-right:1px solid var(--border)}.swimlane-col-header-scroll{display:flex;overflow-x:auto;scrollbar-width:none;flex:1}.swimlane-col-header-scroll::-webkit-scrollbar{display:none}.swimlane-col-header{width:290px;flex-shrink:0;display:flex;align-items:center;gap:7px;padding:10px 14px;border-right:1px solid var(--border);font-size:12px;font-weight:700;color:var(--text2);font-family:var(--font-display)}.swimlane-col-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.swimlane-col-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swimlane-lanes{flex:1;overflow-y:auto;overflow-x:hidden}.swimlane-row{display:flex;border-bottom:1px solid var(--border);min-height:100px}.swimlane-lane-header{width:180px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;padding:14px 12px;border-right:1px solid var(--border);position:sticky;left:0;background:var(--surface);z-index:5}.swimlane-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.swimlane-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:2px}.swimlane-lane-name{font-size:12px;font-weight:700;color:var(--text);word-break:break-word;line-height:1.3}.swimlane-lane-count{font-size:11px;color:var(--text3);background:var(--surface2);border-radius:10px;padding:1px 7px;font-weight:600}.swimlane-row-scroll{display:flex;overflow-x:auto;flex:1;align-items:flex-start}.swimlane-cell{width:290px;flex-shrink:0;padding:10px 8px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--border);min-height:80px}.swimlane-cell-empty{height:40px}[data-theme=light] .swimlane-lane-header{background:var(--surface)}[data-theme=light] .swimlane-col-headers{background:var(--bg)}[data-theme=light] .swimlane-toggle{background:var(--surface2);border-color:var(--border)}.members-list{display:flex;flex-direction:column;gap:4px}.member-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border)}.member-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.member-avatar-sm{width:24px;height:24px;font-size:11px}.member-info{flex:1;min-width:0}.member-name{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.member-you{font-size:10px;font-weight:600;background:var(--accent-glow);color:var(--accent2);border-radius:4px;padding:1px 5px;text-transform:uppercase;letter-spacing:.3px}.member-email{font-size:11px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role-area{display:flex;align-items:center;gap:6px;flex-shrink:0}.member-role-select{background:var(--surface3);border:1px solid var(--border2);border-radius:6px;color:var(--text);font-size:12px;padding:3px 6px;cursor:pointer;outline:none}.member-role-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap}.role-owner{background:#6366f126;color:#818cf8}.role-member{background:#22c55e26;color:#4ade80}.role-viewer{background:#94a3b826;color:#94a3b8}.member-remove-btn{background:none;border:none;color:var(--text3);cursor:pointer;padding:3px;border-radius:4px;display:flex;align-items:center;transition:color var(--transition),background var(--transition)}.member-remove-btn:hover{color:#ef4444;background:#ef44441a}.members-legend{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--surface2);border-radius:var(--radius-sm);border:1px solid var(--border)}.legend-row{display:flex;align-items:center;gap:10px}.legend-desc{font-size:11px;color:var(--text3)}.role-pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;letter-spacing:.2px}.role-pill.role-viewer{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.role-pill.role-member{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.role-pill.role-owner{background:#6366f11f;color:#818cf8;border:1px solid rgba(99,102,241,.2)}@media(max-width:768px){.kanban-root{left:0}.header{padding:0 12px;gap:8px;height:52px}.logo,.header-sep{display:none}.board-selector{min-width:0;flex:1;font-size:13px;padding:5px 10px}.role-pill,.header-actions .btn-ghost,.header-actions .icon-btn:not(.mobile-keep){display:none}.header-actions{gap:4px}.toolbar-hidden-mobile{display:none!important}.toolbar{flex-wrap:wrap;padding:8px 12px;gap:8px}.search-wrap{max-width:100%;width:100%}.toolbar-sep,.swimlane-toggle{display:none}.mobile-col-tabs{display:flex;overflow-x:auto;scrollbar-width:none;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;padding:0 4px}.mobile-col-tabs::-webkit-scrollbar{display:none}.mobile-col-tab{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;font-family:var(--font-display);color:var(--text3);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color var(--transition),border-color var(--transition);flex-shrink:0}.mobile-col-tab.active{color:var(--accent2);border-bottom-color:var(--accent)}.mobile-col-tab-count{font-size:10px;font-weight:700;background:var(--surface3);color:var(--text2);border-radius:10px;padding:1px 5px;min-width:18px;text-align:center}.mobile-col-tab.active .mobile-col-tab-count{background:var(--accent-glow);color:var(--accent2)}.mobile-card-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.mobile-card-list .card{width:100%}.mobile-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;color:var(--text3)}.mobile-empty-icon{font-size:40px;margin-bottom:12px;opacity:.4}.mobile-empty-text{font-size:14px;color:var(--text3)}.mobile-fab{position:fixed;bottom:24px;right:20px;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #6366f180;z-index:500;transition:transform var(--transition),box-shadow var(--transition)}.mobile-fab:active{transform:scale(.93);box-shadow:0 2px 10px #6366f166}.mobile-fab svg{width:22px;height:22px}.icon-btn-active{background:var(--accent-glow)!important;color:var(--accent2)!important}.bulk-action-bar{bottom:88px;width:calc(100% - 32px);flex-wrap:wrap}.swimlane-board,.board-scroll{display:none}.board-area{display:flex;flex-direction:column;overflow:hidden}}@media(min-width:769px){.mobile-col-tabs,.mobile-fab,.mobile-card-list{display:none}}.user-manage-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.user-edit-form{flex:1;padding:8px 0 10px}.btn-sm{padding:5px 12px;font-size:12px}.card-age-aging{border-left:3px solid #d97706!important}.card-age-stale{border-left:3px solid #ea580c!important;background:color-mix(in srgb,var(--surface) 94%,#ea580c 6%)!important}.card-age-dead{border-left:3px solid #dc2626!important;background:color-mix(in srgb,var(--surface) 90%,#dc2626 10%)!important}.card-age-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap}.card-age-badge.age-aging{background:#d9770626;color:#d97706}.card-age-badge.age-stale{background:#ea580c26;color:#ea580c}.card-age-badge.age-dead{background:#dc26262e;color:#dc2626}[data-theme=light] .card-age-stale{background:color-mix(in srgb,var(--surface) 92%,#ea580c 8%)!important}[data-theme=light] .card-age-dead{background:color-mix(in srgb,var(--surface) 88%,#dc2626 12%)!important}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none;border:1.5px solid var(--surface)}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;z-index:500;animation:dropdown-in .14s ease}.notif-header{display:flex;align-items:center;gap:8px;padding:14px 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.notif-title{font-size:13px;font-weight:700;color:var(--text);font-family:var(--font-display);flex:1}.notif-mark-all{font-size:11px;color:var(--accent2);background:none;border:none;cursor:pointer;padding:3px 6px;border-radius:4px;transition:background var(--transition)}.notif-mark-all:hover{background:var(--accent-glow)}.notif-list{overflow-y:auto;flex:1}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition);position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--surface2)}.notif-item.notif-unread{background:var(--accent-glow)}.notif-item.notif-unread:hover{background:#6366f133}.notif-delete-btn{display:none;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;border:none;background:transparent;color:var(--text3);border-radius:4px;cursor:pointer;padding:0;margin-left:auto;transition:background var(--transition),color var(--transition)}.notif-delete-btn:hover{background:#ef44441f;color:#ef4444}.notif-item:hover .notif-delete-btn{display:flex}.notif-avatar-wrap{position:relative;flex-shrink:0}.notif-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.notif-avatar-system{background:var(--surface3);font-size:16px}.notif-type-icon{position:absolute;bottom:-2px;right:-4px;font-size:11px;background:var(--surface);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.notif-body{flex:1;min-width:0}.notif-message{font-size:13px;color:var(--text);line-height:1.4;margin-bottom:3px}.notif-card-ref{font-size:11px;color:var(--accent2);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.notif-time{font-size:11px;color:var(--text3)}.notif-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:4px}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:8px}.notif-empty-icon{font-size:32px;opacity:.5}.notif-empty-text{font-size:13px;color:var(--text3)}@media(max-width:768px){.notif-panel{position:fixed;top:52px;right:0;left:0;width:100%;max-height:calc(100dvh - 52px);border-radius:0;border-left:none;border-right:none}}.icon-btn-danger{color:#ef4444;background:#ef444414!important}.icon-btn-danger:hover{background:#ef44442e!important;color:#ef4444}.archive-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:600;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.archive-panel{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:680px;display:flex;flex-direction:column;max-height:calc(100vh - 80px);overflow:hidden;animation:modal-in .15s ease}.archive-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.archive-title{font-size:16px;font-weight:700;font-family:var(--font-display);color:var(--text)}.archive-count{font-size:12px;background:var(--surface3);border:1px solid var(--border);color:var(--text3);padding:2px 8px;border-radius:10px;font-weight:600}.archive-toolbar{display:flex;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.archive-search-wrap{flex:1;display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:0 10px;color:var(--text3)}.archive-search{flex:1;background:none;border:none;outline:none;font-size:13px;color:var(--text);padding:8px 0}.archive-search::placeholder{color:var(--text3)}.archive-col-filter{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;padding:6px 10px;cursor:pointer}.archive-list{overflow-y:auto;flex:1;padding:8px 0}.archive-group{margin-bottom:4px}.archive-group-header{display:flex;align-items:center;gap:8px;padding:10px 20px 6px;position:sticky;top:0;background:var(--surface);z-index:1}.archive-group-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.archive-group-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);font-family:var(--font-display)}.archive-group-count{font-size:11px;background:var(--surface3);border-radius:8px;padding:1px 6px;color:var(--text3);font-weight:600}.archive-card-row{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border);transition:background var(--transition)}.archive-card-row:last-child{border-bottom:none}.archive-card-row:hover{background:var(--surface2)}.archive-card-main{flex:1;min-width:0;cursor:pointer}.archive-card-top{display:flex;align-items:center;gap:7px;margin-bottom:4px}.archive-priority-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.archive-card-title{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.archive-card-ref{font-size:11px;color:var(--text3);font-family:monospace;flex-shrink:0}.archive-card-meta{display:flex;align-items:center;gap:10px}.archive-assignee{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text3)}.archive-avatar{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.archive-time{font-size:11px;color:var(--text3)}.archive-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.archive-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:10px}.archive-empty-icon{font-size:40px;opacity:.4}.archive-empty-text{font-size:14px;color:var(--text3)}@media(max-width:768px){.archive-overlay{padding:0;align-items:flex-end}.archive-panel{max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90dvh}.archive-toolbar{flex-direction:column}.archive-card-actions .btn{display:none}.archive-card-actions .btn.btn-ghost{display:flex}}.search-popup-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.search-archive-toggle{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px;border:1px solid var(--border);background:var(--surface3);color:var(--text3);cursor:pointer;transition:all var(--transition);white-space:nowrap}.search-archive-toggle:hover{background:var(--surface2);color:var(--text)}.search-archive-toggle.active{background:#6366f11f;border-color:var(--accent);color:var(--accent2)}.search-archive-toggle svg{width:11px;height:11px}.search-result-archived{opacity:.75;background:repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(148,163,184,.04) 8px,rgba(148,163,184,.04) 9px)}.search-result-archived:hover{opacity:1}.search-result-left{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0}.search-archived-badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text3);background:var(--surface3);border:1px solid var(--border);padding:1px 5px;border-radius:4px;white-space:nowrap}.search-archived-badge svg{width:9px;height:9px}.card-archived-banner{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#94a3b81a;border-bottom:1px solid var(--border);font-size:13px;color:var(--text3);flex-shrink:0}.card-archived-banner svg{flex-shrink:0;opacity:.7}.card-archived-restore{margin-left:auto;font-size:12px;padding:4px 12px;border:1px solid var(--border2);border-radius:var(--radius);background:var(--surface2);color:var(--text);cursor:pointer;transition:background var(--transition)}.card-archived-restore:hover{background:var(--surface3)}.modal-archived-body{pointer-events:none;opacity:.55;-webkit-user-select:none;user-select:none}.icon-btn-bell-unread svg{color:var(--accent2);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent2) 40%,transparent))}@keyframes notif-pulse{0%{box-shadow:0 0 #ef4444b3;transform:scale(1)}50%{box-shadow:0 0 0 6px #ef444400;transform:scale(1.15)}to{box-shadow:0 0 #ef444400;transform:scale(1)}}.notif-badge-pulse{animation:notif-pulse .7s ease-out 3}.icon-btn-archive-empty{opacity:.35}.icon-btn-archive-empty:hover{opacity:.7}.icon-btn-archive-has-cards svg{color:var(--text2)}.time-summary{display:flex;align-items:center;gap:16px;padding:14px 0 10px;border-bottom:1px solid var(--border);margin-bottom:16px}.time-summary-total{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text)}.time-summary-label{color:var(--text3)}.time-summary-value{font-weight:700;font-family:var(--font-display);font-size:15px;color:var(--accent2)}.time-summary-sp{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text3);background:var(--surface3);border:1px solid var(--border);padding:3px 8px;border-radius:10px;margin-left:auto}.time-log-form{margin-bottom:16px}.time-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.time-input-wrap{display:flex;align-items:center;gap:4px}.time-input{width:60px;text-align:center;padding:7px 8px}.time-input-label{font-size:12px;color:var(--text3);font-weight:600}.time-note-input{flex:1;min-width:120px}.time-log-list{display:flex;flex-direction:column;gap:2px}.time-log-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.time-log-row:last-child{border-bottom:none}.time-log-left{flex-shrink:0}.time-log-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.time-log-body{flex:1;min-width:0}.time-log-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.time-log-user{font-size:13px;font-weight:600;color:var(--text)}.time-log-duration{font-size:13px;font-weight:700;color:var(--accent2);font-family:var(--font-display)}.time-log-date{font-size:11px;color:var(--text3);margin-left:auto}.time-log-note{font-size:12px;color:var(--text3);margin-top:3px;font-style:italic}.card-time-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:2px 5px;border-radius:4px;background:#6366f11a;color:var(--accent2);border:1px solid rgba(99,102,241,.2)}.card-time-badge svg{width:9px;height:9px}.share-section{border-top:1px solid var(--border);padding-top:16px;margin-top:4px}.share-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.share-section-desc{font-size:12px;color:var(--text3);margin-top:2px}.share-toggle{width:40px;height:22px;border-radius:11px;background:var(--surface3);border:1px solid var(--border2);cursor:pointer;position:relative;flex-shrink:0;transition:background var(--transition),border-color var(--transition)}.share-toggle-on{background:var(--accent);border-color:var(--accent)}.share-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--transition);box-shadow:0 1px 3px #0000004d}.share-toggle-on .share-toggle-knob{transform:translate(18px)}.share-url-row{display:flex;gap:8px}.share-url-input{flex:1;font-size:11px;font-family:monospace;color:var(--text3);cursor:text}.btn-success{color:var(--success)!important}.export-archived-row{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}.export-archived-label{display:flex;align-items:center;font-size:13px;color:var(--text);cursor:pointer;gap:4px}.export-archived-count{font-size:11px;background:var(--surface3);border:1px solid var(--border);color:var(--text3);padding:1px 6px;border-radius:8px;margin-left:4px}.export-list{display:flex;flex-direction:column;gap:2px}.export-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.export-row:last-child{border-bottom:none}.export-row-icon{width:32px;height:32px;border-radius:var(--radius);background:var(--surface3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--accent2);flex-shrink:0}.export-row-body{flex:1;min-width:0}.export-row-title{font-size:13px;font-weight:600;color:var(--text)}.export-row-desc{font-size:11px;color:var(--text3);margin-top:2px}.shared-root{min-height:100vh;background:var(--bg, #0f172a);color:var(--text, #e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column}.shared-loading,.shared-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:#94a3b8}.shared-spinner{width:32px;height:32px;border:3px solid #334155;border-top-color:#6366f1;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shared-error-icon{font-size:48px}.shared-error h2{font-size:20px;font-weight:700;color:#e2e8f0;margin:0}.shared-error p{font-size:14px;text-align:center;max-width:360px}.shared-header{background:#1e293b;border-bottom:1px solid #334155;padding:0 20px;flex-shrink:0}.shared-header-inner{max-width:100%;height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px}.shared-header-left{display:flex;align-items:center;gap:12px}.shared-logo{font-size:15px;font-weight:800;color:#6366f1;letter-spacing:-.5px}.shared-sep{width:1px;height:18px;background:#334155}.shared-board-name{font-size:15px;font-weight:700;color:#e2e8f0;margin:0}.shared-readonly-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;background:#6366f11a;color:#818cf8;border:1px solid rgba(99,102,241,.25);padding:2px 8px;border-radius:10px}.shared-readonly-badge svg{width:10px;height:10px}.shared-card-count{font-size:12px;color:#64748b}.shared-board{flex:1;display:flex;gap:16px;padding:20px;overflow-x:auto;align-items:flex-start}.shared-column{width:280px;flex-shrink:0;background:#1e293b;border:1px solid #334155;border-radius:10px;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.shared-column-header{display:flex;align-items:center;gap:8px;padding:12px 14px 10px;border-bottom:1px solid #334155;flex-shrink:0}.shared-col-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.shared-col-name{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;flex:1}.shared-col-count{font-size:12px;background:#0f172a;color:#64748b;padding:1px 7px;border-radius:8px;font-weight:600}.shared-cards{padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.shared-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:10px 12px}.shared-card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.shared-card-ref{font-size:10px;font-weight:700;font-family:monospace;color:#818cf8;background:#6366f11a;padding:1px 5px;border-radius:4px}.shared-card-label{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px}.shared-card-title{font-size:13px;font-weight:500;color:#e2e8f0;line-height:1.4;margin-bottom:8px}.shared-card-footer{display:flex;align-items:center;gap:6px}.shared-card-assignee{display:flex;align-items:center;gap:5px;font-size:11px;color:#64748b}.shared-card-avatar{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.shared-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:500;color:#64748b;background:#1e293b;border:1px solid #334155;padding:2px 5px;border-radius:4px}.shared-badge svg{width:9px;height:9px}.shared-badge-time{color:#818cf8;background:#6366f11a;border-color:#6366f133}.shared-badge-overdue{color:#f87171;background:#ef44441a;border-color:#ef444433}.shared-col-empty{font-size:12px;color:#334155;text-align:center;padding:20px 0}.shared-footer{padding:12px 20px;text-align:center;font-size:11px;color:#334155;border-top:1px solid #1e293b;flex-shrink:0}.mention-dropdown{background:var(--surface2, #1e1e2e);border:1px solid var(--border, #313244);border-radius:8px;box-shadow:0 8px 24px #0006;overflow:hidden;min-width:200px;max-width:280px}.mention-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .1s}.mention-item:hover,.mention-item-active{background:var(--surface3, #313244)}.mention-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.mention-name{font-size:13px;color:var(--text1, #cdd6f4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-chip{display:inline-block;background:var(--accent, #6366f1);color:#fff;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:600;cursor:default}.attachment-dropzone{border:2px dashed var(--border2);border-radius:var(--radius);padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all var(--transition);background:var(--surface2);text-align:center}.attachment-dropzone:hover,.attachment-dropzone-active{border-color:var(--accent);background:var(--accent-glow)}.attachment-dropzone-icon{color:var(--text3);transition:color var(--transition)}.attachment-dropzone:hover .attachment-dropzone-icon,.attachment-dropzone-active .attachment-dropzone-icon{color:var(--accent)}.attachment-dropzone-text{font-size:14px;font-weight:600;color:var(--text2)}.attachment-dropzone-sub{font-size:12px;color:var(--text3)}.attachment-uploading-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.attachment-uploading-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm)}.attachment-uploading-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--border2);border-top-color:var(--accent);animation:spin .6s linear infinite;flex-shrink:0}.attachment-uploading-name{font-size:13px;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-uploading-label{font-size:11px;color:var(--text3);flex-shrink:0}.attachment-empty{text-align:center;color:var(--text3);font-size:13px;padding:24px 0 8px}.attachment-section{margin-top:20px}.attachment-section-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text3);margin-bottom:10px}.attachment-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.attachment-image-item{position:relative;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:1;background:var(--surface3);border:1px solid var(--border)}.attachment-image-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:opacity var(--transition)}.attachment-image-item:hover .attachment-image-thumb{opacity:.7}.attachment-image-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:6px;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%);opacity:0;transition:opacity var(--transition);pointer-events:none}.attachment-image-item:hover .attachment-image-overlay{opacity:1}.attachment-image-overlay button{pointer-events:auto}.attachment-image-name{font-size:10px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.lightbox-overlay{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .15s ease}.lightbox-content{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;max-width:90vw;max-height:90vh;box-shadow:0 24px 64px #0009}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);gap:12px;flex-shrink:0}.lightbox-filename{font-size:13px;font-weight:500;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-image{display:block;max-width:90vw;max-height:calc(90vh - 52px);object-fit:contain}.attachment-file-list{display:flex;flex-direction:column;gap:6px}.attachment-file-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition)}.attachment-file-item:hover{border-color:var(--border2);background:var(--surface3)}.attachment-file-icon{font-size:20px;flex-shrink:0;line-height:1}.attachment-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.attachment-file-name{font-size:13px;font-weight:500;color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-file-name:hover{color:var(--accent2);text-decoration:underline}.attachment-file-meta{font-size:11px;color:var(--text3)}.attachment-delete-btn{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text3);cursor:pointer;transition:all var(--transition);flex-shrink:0;padding:0}.attachment-delete-btn:hover{background:#ef444426;color:#ef4444}@media(max-width:768px){.attachment-image-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.attachment-dropzone{padding:20px 16px}.attachment-image-overlay{opacity:1}}.bl-checkbox{width:16px;height:16px;border-radius:4px;border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition);background:transparent}.bl-checkbox:hover{border-color:var(--accent)}.bl-checkbox-checked{background:var(--accent);border-color:var(--accent);color:#fff}.bl-ref{font-family:monospace;font-size:11px;font-weight:700;color:var(--accent2);background:var(--accent-glow);padding:2px 6px;border-radius:4px;white-space:nowrap}.bl-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.bl-avatar-sm{width:18px;height:18px;font-size:9px}.bl-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bl-filter-select{height:34px;padding:0 10px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:border-color var(--transition)}.bl-filter-select:focus{outline:none;border-color:var(--accent)}.bl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;color:var(--text3);font-size:14px}.bl-loading-spinner{width:24px;height:24px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite}.bl-root{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;font-family:var(--font-body)}.bl-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:12px}.bl-header-left{display:flex;align-items:center;gap:16px}.bl-header-right{display:flex;align-items:center;gap:8px}.bl-back-btn{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface2);color:var(--text2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);flex-shrink:0}.bl-back-btn:hover{border-color:var(--border2);color:var(--text)}.bl-header-title{display:flex;align-items:center;gap:10px}.bl-header-icon{font-size:22px}.bl-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text)}.bl-subtitle{font-size:12px;color:var(--text3);margin-top:1px}.bl-toolbar{display:flex;align-items:center;gap:8px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;flex-shrink:0}.bl-search-wrap{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;height:34px;min-width:220px;flex:1;color:var(--text3);transition:border-color var(--transition)}.bl-search-wrap:focus-within{border-color:var(--accent);color:var(--text2)}.bl-search{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:13px}.bl-search::placeholder{color:var(--text3)}.bl-search-clear{background:none;border:none;cursor:pointer;color:var(--text3);display:flex;align-items:center;padding:0}.bl-search-clear:hover{color:var(--text)}.bl-sort-wrap{display:flex;align-items:center;gap:6px;color:var(--text3)}.bl-clear-filters{background:none;border:none;cursor:pointer;color:var(--accent2);font-size:12px;font-family:var(--font-body);padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition)}.bl-clear-filters:hover{background:var(--accent-glow)}.bl-bulk-bar{display:flex;align-items:center;gap:8px;padding:8px 24px;background:var(--accent-glow);border-bottom:1px solid rgba(99,102,241,.2);flex-shrink:0}.bl-bulk-count{font-size:13px;font-weight:600;color:var(--accent2)}.bl-table-wrap{flex:1;overflow-y:auto;padding:0 24px 24px}.bl-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:13px}.bl-th{text-align:left;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;background:var(--bg);z-index:1}.bl-th-check{width:40px}.bl-th-ref{width:100px}.bl-th-title{min-width:240px}.bl-th-priority{width:100px}.bl-th-label{width:110px}.bl-th-assignee{width:130px}.bl-th-due{width:110px}.bl-th-sp{width:50px}.bl-th-created{width:90px}.bl-th-actions{width:70px}.bl-tr{cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--border)}.bl-tr:hover{background:var(--surface2)}.bl-tr-selected{background:var(--accent-glow)!important}.bl-td{padding:10px 12px;vertical-align:middle;color:var(--text)}.bl-td-check{cursor:default}.bl-card-title{font-weight:500;display:block;line-height:1.4}.bl-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.bl-tag{font-size:10px;padding:1px 6px;border-radius:10px;background:var(--surface3);color:var(--text3)}.bl-priority-badge,.bl-label-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.bl-assignee{display:flex;align-items:center;gap:6px}.bl-assignee-name{font-size:13px;color:var(--text)}.bl-due{font-size:12px}.bl-due-overdue{color:#ef4444;font-weight:600}.bl-due-soon{color:#f97316}.bl-sp{display:inline-flex;align-items:center;justify-content:center;background:var(--surface3);color:var(--text2);font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px}.bl-created{font-size:12px;color:var(--text3)}.bl-empty-cell{color:var(--text3)}.bl-td-actions{opacity:0;transition:opacity var(--transition)}.bl-tr:hover .bl-td-actions{opacity:1}.bl-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text3);transition:all var(--transition);padding:0}.bl-action-btn:hover{background:var(--surface3);color:var(--text)}.bl-action-delete:hover{background:#ef44441f;color:#ef4444}.bl-action-promote:hover{background:var(--accent-glow);color:var(--accent2)}.bl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--text3)}.bl-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.bl-empty-title{font-size:16px;font-weight:600;color:var(--text2);margin-bottom:8px}.bl-empty-sub{font-size:13px}.bl-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;z-index:9999;animation:slide-up .2s ease;pointer-events:none}@media(max-width:768px){.bl-header{padding:12px 16px}.bl-toolbar,.bl-bulk-bar{padding:8px 16px}.bl-table-wrap{padding:0 16px 16px}.bl-th-label,.bl-td-label,.bl-th-sp,.bl-td-sp,.bl-th-created,.bl-td-created{display:none}.bl-td-actions{opacity:1}.bl-title{font-size:17px}}.bl-panel-backdrop{position:fixed;inset:0;background:#0006;z-index:800;animation:fade-in .15s ease}.bl-panel{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:95vw;background:var(--surface);border-left:1px solid var(--border);z-index:801;display:flex;flex-direction:column;animation:slide-in-right .22s cubic-bezier(.34,1.2,.64,1);box-shadow:var(--shadow-lg)}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.bl-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.bl-panel-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text)}.bl-panel-icon{font-size:18px}.bl-panel-count{background:var(--accent);color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:1px 6px;min-width:18px;text-align:center}.bl-panel-header-actions{display:flex;align-items:center;gap:4px}.bl-panel-filters{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.bl-panel-search-wrap{display:flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;height:32px;flex:1;color:var(--text3);font-size:12px;transition:border-color var(--transition)}.bl-panel-search-wrap:focus-within{border-color:var(--accent);color:var(--text2)}.bl-panel-search{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:12px}.bl-panel-search::placeholder{color:var(--text3)}.bl-panel-promote-row{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0;align-items:center}.bl-panel-list{flex:1;overflow-y:auto;padding:8px 0}.bl-panel-loading{display:flex;align-items:center;gap:10px;padding:24px 16px;color:var(--text3);font-size:13px}.bl-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center;color:var(--text3)}.bl-panel-select-all{display:flex;align-items:center;gap:8px;padding:6px 12px 8px;cursor:pointer;font-size:12px;color:var(--text3);border-bottom:1px solid var(--border);transition:background var(--transition)}.bl-panel-select-all:hover{background:var(--surface2);color:var(--text2)}.bl-panel-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background var(--transition)}.bl-panel-card:hover{background:var(--surface2)}.bl-panel-card-selected{background:var(--accent-glow)!important}.bl-panel-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.bl-panel-card-top{display:flex;align-items:center;gap:6px}.bl-panel-card-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bl-panel-card-assignee{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text3)}@media(max-width:768px){.bl-panel{width:100%;border-left:none}}.current-user-chip{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0}.current-user-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.current-user-name{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.current-user-name{display:none}.current-user-chip{padding:4px;border-radius:50%}}.settings-page{display:flex;flex-direction:column;height:100vh;background:var(--bg);color:var(--text);overflow:hidden}.settings-header{display:flex;align-items:center;gap:10px;padding:0 20px;height:52px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.settings-back-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;color:var(--text3);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.settings-back-btn:hover{color:var(--text);background:var(--surface2)}.settings-header-sep{width:1px;height:18px;background:var(--border);margin:0 4px}.settings-header-title{font-size:15px;font-weight:600;color:var(--text);margin:0}.settings-loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text3);font-size:14px}.settings-body{display:flex;flex:1;overflow:hidden}.settings-nav{width:200px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:16px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.settings-nav-group-label{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text3);padding:6px 10px 4px}.settings-nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border:none;background:none;color:var(--text2);font-size:13px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;width:100%;text-align:left;transition:background var(--transition),color var(--transition)}.settings-nav-item:hover{background:var(--surface2);color:var(--text)}.settings-nav-item.active{background:var(--accent-glow);color:var(--accent);font-weight:600}.settings-nav-item svg{opacity:.6;flex-shrink:0}.settings-nav-item.active svg{opacity:1}.settings-nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-board-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.settings-nav-divider{height:1px;background:var(--border);margin:8px 4px}.settings-content{flex:1;overflow-y:auto;padding:28px 32px;max-width:720px}.settings-board-heading{display:flex;align-items:center;gap:10px;margin-bottom:4px}.settings-board-title{font-size:18px;font-weight:700;color:var(--text);margin:0}.settings-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:24px;margin-top:16px}.settings-tab{padding:8px 14px;border:none;background:none;color:var(--text3);font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition),border-color var(--transition)}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.settings-tab.danger{color:var(--red)}.settings-tab.danger:hover{color:var(--red);opacity:.8}.settings-section-header{margin-bottom:20px}.settings-section-title{font-size:16px;font-weight:700;color:var(--text);margin:0 0 6px}.settings-section-desc{font-size:13px;color:var(--text3);margin:0;line-height:1.5}.settings-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:8px}.settings-list{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.settings-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;min-height:48px}.settings-edit-form{width:100%}.settings-edit-top{display:flex;align-items:center;gap:10px}.settings-edit-actions{display:flex;justify-content:flex-end;gap:8px}.settings-color-preview{width:28px;height:28px;border-radius:6px;border:2px solid var(--border);flex-shrink:0}.settings-label-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.settings-add-form{padding:20px;background:var(--surface2);border:1px solid var(--border);border-radius:10px}.settings-empty{color:var(--text3);font-size:13px;padding:12px 0}.shared-card-clickable{cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.shared-card-clickable:hover{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 16px #00000059}.shared-card-clickable:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.smodal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:smodal-fade-in .15s ease}@keyframes smodal-fade-in{0%{opacity:0}to{opacity:1}}.smodal{background:#1e293b;border:1px solid #334155;border-radius:14px;width:100%;max-width:680px;max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;animation:smodal-slide-in .18s ease;box-shadow:0 24px 64px #0009}@keyframes smodal-slide-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.smodal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px 0;flex-shrink:0}.smodal-header-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.smodal-ref{font-size:11px;font-weight:700;font-family:monospace;color:#818cf8;background:#6366f11f;padding:2px 7px;border-radius:5px}.smodal-priority,.smodal-label-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.smodal-close{background:transparent;border:1px solid #334155;border-radius:6px;color:#64748b;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.smodal-close:hover{background:#334155;color:#e2e8f0}.smodal-close svg{width:13px;height:13px}.smodal-title{font-size:18px;font-weight:700;color:#e2e8f0;line-height:1.35;padding:12px 20px 0}.smodal-meta{display:flex;flex-wrap:wrap;gap:16px;padding:14px 20px;border-bottom:1px solid #1e3a5f22}.smodal-meta-item{display:flex;flex-direction:column;gap:4px}.smodal-meta-label{font-size:10px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.smodal-assignee{display:flex;align-items:center;gap:6px;font-size:13px;color:#cbd5e1}.smodal-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.smodal-due{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#94a3b8}.smodal-due svg{width:11px;height:11px}.smodal-due-overdue{color:#f87171}.smodal-meta-value{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#94a3b8}.smodal-meta-value svg{width:11px;height:11px}.smodal-meta-time{color:#818cf8}.smodal-tags{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 14px}.smodal-tag{font-size:11px;font-weight:500;background:#0f172a;color:#64748b;border:1px solid #334155;padding:2px 8px;border-radius:10px}.smodal-section{padding:16px 20px;border-top:1px solid #334155}.smodal-section-title{font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.smodal-section-count{font-size:11px;font-weight:600;background:#0f172a;color:#64748b;padding:1px 7px;border-radius:8px;text-transform:none;letter-spacing:0}.smodal-description{font-size:14px;line-height:1.7;color:#cbd5e1}.smodal-description p{margin:0 0 10px}.smodal-description p:last-child{margin-bottom:0}.smodal-description strong{font-weight:700;color:#e2e8f0}.smodal-description em{font-style:italic}.smodal-description u{text-decoration:underline}.smodal-description s{text-decoration:line-through}.smodal-description ul,.smodal-description ol{padding-left:22px;margin:8px 0}.smodal-description ul{list-style-type:disc}.smodal-description ol{list-style-type:decimal}.smodal-description li{margin:4px 0}.smodal-description a{color:#818cf8;text-decoration:underline}.smodal-comments{display:flex;flex-direction:column;gap:14px}.smodal-comment-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.smodal-comment-author{font-size:13px;font-weight:600;color:#e2e8f0}.smodal-comment-date{font-size:11px;color:#475569;margin-left:auto}.smodal-comment-body{font-size:13px;line-height:1.6;color:#94a3b8;padding-left:30px}.smodal-comment-body p{margin:0 0 8px}.smodal-comment-body p:last-child{margin-bottom:0}.smodal-comment-body strong{font-weight:700;color:#cbd5e1}.smodal-comment-body em{font-style:italic}.smodal-comment-body u{text-decoration:underline}.smodal-comment-body ul,.smodal-comment-body ol{padding-left:20px;margin:6px 0}.smodal-comment-body ul{list-style-type:disc}.smodal-comment-body ol{list-style-type:decimal}.smodal-comment-body li{margin:3px 0}.smodal-comment-body a{color:#818cf8;text-decoration:underline}.smodal-timelogs{display:flex;flex-direction:column;gap:6px}.smodal-timelog-row{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 10px;background:#0f172a;border-radius:6px}.smodal-timelog-who{font-weight:600;color:#cbd5e1;min-width:100px}.smodal-timelog-duration{color:#818cf8;font-weight:600;font-variant-numeric:tabular-nums}.smodal-timelog-note{color:#64748b;font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smodal-timelog-date{color:#475569;font-size:11px;margin-left:auto;flex-shrink:0}.smodal-loading,.smodal-empty{font-size:13px;color:#475569;padding:8px 0}.settings-modal{width:min(720px,95vw);max-height:88vh;display:flex;flex-direction:column}.settings-modal-body{flex:1;overflow-y:auto;padding:0 24px 24px}.settings-tab-bar{display:flex;gap:2px;padding:0 24px;border-bottom:1px solid var(--border);margin-bottom:0}.settings-tab-btn{padding:10px 16px;font-size:13px;font-weight:500;color:var(--text3);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .15s,border-color .15s;margin-bottom:-1px}.settings-tab-btn:hover{color:var(--text)}.settings-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-admin-indicator{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#f59e0b;background:#f59e0b1f;border-radius:4px;padding:1px 5px}.settings-tab-content{display:flex;flex-direction:column;gap:0}.settings-section-block{padding:20px 0;border-bottom:1px solid var(--border)}.settings-section-block:last-child{border-bottom:none}.settings-block-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:14px;display:flex;align-items:center;gap:8px}.settings-block-badge{background:var(--surface3);color:var(--text2);font-size:10px;font-weight:600;border-radius:10px;padding:1px 6px;text-transform:none;letter-spacing:0}.settings-field{margin-bottom:12px}.settings-field-label{display:block;font-size:12px;color:var(--text3);margin-bottom:5px}.settings-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.settings-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;background:var(--surface2)}.settings-add-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-col-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.settings-empty-state{padding:40px 0;text-align:center;color:var(--text3);font-size:14px}.settings-admin-badge{font-size:10px;font-weight:600;background:#f59e0b26;color:#f59e0b;border-radius:4px;padding:1px 6px}.settings-admin-revoke{color:#ef4444!important;font-size:11px}