:root{--bg: #f3f4f6;--bg-secondary: #f9fafb;--surface: #ffffff;--surface-hover: #f3f4f6;--text: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--border: #e5e7eb;--accent: #3b82f6;--accent-hover: #2563eb;--danger: #ef4444;--danger-hover: #dc2626;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--radius: 14px}[data-theme=dark]{--bg: #1B1B1B;--bg-secondary: #222222;--surface: #303030;--surface-hover: #3a3a3a;--text: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #6b6b6b;--border: #404040;--accent: #8C72DB;--accent-hover: #7a5fd0;--danger: #f06060;--danger-hover: #e04545;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4)}[data-theme=dark] .sidebar{background:var(--bg-secondary, #222222)}[data-theme=dark] .modal-content,[data-theme=dark] .card-modal-content{background:#303030;color:var(--text)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#3a3a3a;color:var(--text);border-color:var(--border)}[data-theme=dark] .card{background:#303030;--card-border: #505050}[data-theme=dark] .card--color-bg{border:none}[data-theme=dark] .column{background:#222}[data-theme=dark] .label-hue-slider::-webkit-slider-thumb{background:#3a3a3a}[data-theme=dark] .label-hue-slider::-moz-range-thumb{background:#3a3a3a}[data-theme=dark] .activity-icon--created{background:#0d2818;color:#34d399}[data-theme=dark] .activity-icon--updated{background:#172340;color:#60a5fa}[data-theme=dark] .activity-icon--deleted{background:#2a1215;color:#f87171}[data-theme=dark] .activity-icon--moved{background:#2a2010;color:#fbbf24}[data-theme=dark] .checklist-success{background:#0d2818}[data-theme=dark] .checklist-error{background:#2a1215}[data-theme=dark] .sync-status--synced{background:#0d2818}[data-theme=dark] .sync-status--unsynced{background:#2a2010}[data-theme=dark] .sync-status--conflict{background:#2a1215}[data-theme=dark] .member-badge{background:#3a3a3a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;height:100%}.app{display:flex;height:100vh;background:var(--bg);overflow:hidden}.sidebar{width:200px;min-width:200px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:relative;overflow:visible}.sidebar-content{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:4px}.sidebar-resize-handle{position:absolute;top:0;right:-5px;width:10px;height:100%;cursor:col-resize;z-index:100;pointer-events:auto}.sidebar-resize-handle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:var(--accent);opacity:.3}.sidebar-title{font-size:18px;font-weight:700;color:var(--text);padding:0 4px}.sidebar-add-btn{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;width:100%}.sidebar-add-btn:hover{background:var(--accent-hover)}.sidebar-add-col-btn{background:none;border:2px dashed var(--border);color:var(--text-secondary);padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s;width:100%}.sidebar-add-col-btn:hover{border-color:var(--accent);color:var(--accent)}.board{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden;background:transparent}.board-search-bar{padding:16px 24px 0;flex-shrink:0;display:flex;align-items:center;gap:10px}.board-search-wrapper{position:relative;width:300px;display:flex;align-items:center}.board-search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.board-search-input{width:100%;padding:8px 34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:13px;font-family:inherit;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.board-search-input::placeholder{color:var(--text-muted)}.board-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.board-search-clear{position:absolute;right:6px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;padding:0;transition:background .15s,color .15s}.board-search-clear:hover{background:var(--surface-hover);color:var(--text)}.board-columns{display:flex;gap:20px;padding:16px 24px 24px;flex:1;min-height:0;overflow-x:auto;align-items:flex-start}.column{flex:0 0 260px;min-width:260px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;max-height:calc(100vh - 60px);transition:background .15s}.column.drag-over{background:#3b82f608;border-color:var(--accent)}.column.column-dragging{opacity:.4}.column-drop-indicator{width:3px;background:var(--accent);border-radius:2px;align-self:stretch;flex-shrink:0}.column-header{padding:12px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;cursor:grab;background:transparent}.column-header:active{cursor:grabbing}.column-header-left{display:flex;align-items:center;gap:8px}.column-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.column-title{font-size:14px;font-weight:700;color:var(--text)}.column-count{color:var(--text-tertiary);font-size:13px;font-weight:500}.column--wip-exceeded .column-header{background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:8px}.column--wip-exceeded .column-count{color:#ef4444;font-weight:700}.column-header-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s}.column:hover .column-header-actions{opacity:1}.column-menu-btn,.column-add-btn{background:none;border:none;color:var(--text-tertiary);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s,background .15s;font-weight:700;letter-spacing:1px}.column-menu-btn:hover,.column-add-btn:hover{color:var(--text);background:var(--border)}.column-add-btn{font-size:20px;font-weight:400;line-height:1;padding:2px 8px}.column-menu-wrapper{position:relative}.column-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.column-menu-dropdown{position:absolute;top:100%;right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);padding:4px;min-width:160px;z-index:100}.column-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;color:var(--text);font-size:13px;cursor:pointer;border-radius:6px;transition:background .15s;font-family:inherit}.column-menu-item:hover{background:var(--bg)}.column-menu-item--danger{color:var(--danger)}.column-menu-item--danger:hover{background:#fef2f2}.column-template-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .15s,background .15s;display:flex;align-items:center;margin-left:-4px}.column-template-btn:hover{color:var(--text);background:var(--border)}.column-template-dropdown{min-width:180px}.column-template-header{padding:6px 12px 4px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.column-template-icon{font-size:14px;line-height:1}.card-list{overflow-y:auto;overflow-x:hidden;padding:10px;display:flex;flex-direction:column;gap:10px;min-height:8px;flex:1}.column-add-card-btn{background:none;border:1px dashed var(--border);color:var(--text-muted);font-size:12px;padding:8px;border-radius:6px;cursor:pointer;font-family:inherit;width:100%;transition:color .15s,border-color .15s}.column-add-card-btn:hover{color:var(--text-secondary);border-color:var(--text-muted)}.board-add-column-btn{flex:0 0 260px;min-width:260px;height:48px;background:none;border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:24px;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s,background .15s;display:flex;align-items:center;justify-content:center;align-self:flex-start}.board-add-column-btn:hover{border-color:var(--accent);color:var(--accent);background:#3b82f608}.card{background:var(--surface);border:1px solid var(--card-border, #c9cdd4);border-radius:var(--radius);padding:14px 16px;cursor:grab;position:relative;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,opacity .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card:active{cursor:grabbing}.card-peek{position:absolute;top:100%;left:0;z-index:50;width:280px;max-height:200px;overflow:hidden;background:#fffffff7;border:1px solid var(--border);border-radius:8px;padding:10px 12px;box-shadow:0 4px 16px #0000001f;pointer-events:none;font-size:12px;animation:peekFadeIn .15s ease-out}[data-theme=dark] .card-peek{background:#1e1e1ef7}@keyframes peekFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.card-peek-description{color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-peek-meta{margin-top:6px;display:flex;gap:8px;color:var(--text-secondary);font-size:11px;flex-wrap:wrap}@media(max-width:768px){.card-peek{display:none}}.card.card-dragging,.card--dragging{opacity:.35;transform:scale(.97) rotate(2deg);box-shadow:none;transition:opacity .15s ease,transform .15s ease}.card--just-dropped{animation:card-drop-land .35s ease}@keyframes card-drop-land{0%{transform:scale(1.03);box-shadow:0 8px 24px #3b82f633}to{transform:scale(1);box-shadow:var(--shadow-sm)}}.drop-indicator{position:absolute;left:4px;right:4px;height:3px;background:var(--accent);border-radius:2px;z-index:10;pointer-events:none;animation:drop-indicator-pulse .8s ease infinite alternate}.drop-indicator:before,.drop-indicator:after{content:"";position:absolute;top:-3px;width:9px;height:9px;background:var(--accent);border-radius:50%}.drop-indicator:before{left:-4px}.drop-indicator:after{right:-4px}@keyframes drop-indicator-pulse{0%{opacity:.6}to{opacity:1}}.drop-indicator--top{top:-2px}.drop-indicator--bottom{bottom:-2px}.column--drag-over{background:#3b82f60d;transition:background .2s ease}.card-overlay{box-shadow:0 15px 40px #0000002e,0 5px 12px #0000001a;transform:rotate(1.5deg) scale(1.03);cursor:grabbing;opacity:.97;border:2px solid var(--accent);z-index:1000}.column-overlay{opacity:.85;box-shadow:0 12px 32px #00000026;transform:scale(1.01)}.card-cover{margin:-14px -16px 10px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;max-height:140px}.card-cover img{width:100%;height:140px;object-fit:cover;display:block}.card-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px;line-height:1.4;cursor:default}.card-title-input{font-size:15px;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:4px;width:100%;padding:0;border:none;border-bottom:2px solid var(--accent, #3b82f6);background:transparent;outline:none;font-family:inherit;box-sizing:border-box}.card-details-toggle{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;cursor:pointer;font-size:12px;color:var(--text-tertiary);background:var(--bg-tertiary);margin-bottom:6px;-webkit-user-select:none;user-select:none;transition:all .15s}.card-details-toggle:hover{color:var(--text-secondary);background:var(--border-color)}.card-details-toggle--active{color:var(--accent);background:#3b82f61a}.card-details-toggle--active:hover{background:#3b82f626}.card-description{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:6px;white-space:pre-line}.card-link-previews{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.card-link-embed{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:6px;text-decoration:none;overflow:hidden;transition:border-color .15s}.card-link-embed:hover{border-color:var(--accent)}.card-link-embed-img{width:100%;max-height:140px;object-fit:cover;display:block}.card-link-embed-body{padding:8px 10px}.card-link-embed-site{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-muted);margin-bottom:4px}.card-link-embed-favicon{width:14px;height:14px;border-radius:2px;flex-shrink:0}.card-link-embed-title{font-size:12px;font-weight:600;color:var(--accent);line-height:1.3;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-link-embed-desc{font-size:10px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--card-separator, #b0b5bd)}.card-meta-icons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-meta-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:2px 8px;box-shadow:0 1px 3px #00000040}.card-meta-item svg{flex-shrink:0}.card-meta--overdue{color:var(--danger)}.card-meta--today{color:#d97706;animation:pulse-today 2s ease-in-out infinite}.card-meta--tomorrow{color:#2563eb}.card-meta--done{color:#10b981}.card--stale-3{border-left:3px solid #fbbf24}.card--stale-7{border-left:3px solid #f97316}.card--stale-14{border-left:3px solid #ef4444;opacity:.85}.card-aging-badge{font-weight:500}.card-aging-badge--stale-3{color:#a16207;background:#fbbf241a;border-color:#fbbf2440}.card-aging-badge--stale-7{color:#b45309;background:#f973161f;border-color:#f973164d}.card-aging-badge--stale-14{color:#dc2626;background:#ef44441a;border-color:#ef444440}[data-theme=dark] .card-aging-badge--stale-3{color:#fde047;background:#fbbf2414;border-color:#fbbf2433}[data-theme=dark] .card-aging-badge--stale-7{color:#fbbf24;background:#f9731614;border-color:#f9731633}[data-theme=dark] .card-aging-badge--stale-14{color:#f87171;background:#ef444414;border-color:#ef444433}.card-meta-checklist{gap:4px!important}.card-checklist-progress-bar{width:40px;height:4px;background:var(--border);border-radius:2px;overflow:hidden;flex-shrink:0}.card-checklist-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.card-meta--done .card-checklist-progress-fill{background:#10b981}.card-checklist-expanded{border-top:1px solid var(--border);padding:8px 0 4px;margin-top:8px}.card-checklist-header{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);margin-bottom:6px}.card-checklist-header .card-checklist-progress-bar{flex:1}.card-checklist-item{display:flex;align-items:flex-start;gap:8px;padding:4px 0;cursor:pointer;font-size:12px;color:var(--text);line-height:1.4;transition:opacity .15s}.card-checklist-item:hover{opacity:.8}.card-checklist-item--done .card-checklist-text{text-decoration:line-through;color:var(--text-muted)}.card-checklist-checkbox{width:16px;height:16px;margin-top:1px;border-radius:3px;flex-shrink:0;cursor:pointer;accent-color:var(--accent)}.card-checklist-text{flex:1;word-break:break-word}.card-priority-flag{font-size:0}.card-board-icon{font-size:18px;margin-left:auto;opacity:.8;flex-shrink:0}.card-assignee{margin-left:auto;flex-shrink:0}.card-assignee-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;box-shadow:0 1px 3px #00000040}.card-assignee-placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:10px;font-weight:700;box-shadow:0 1px 3px #00000040}@keyframes pulse-today{0%,to{opacity:1}50%{opacity:.7}}.drop-indicator{height:3px;background:var(--accent);border-radius:2px;margin:-2px 0;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:none;align-items:center;justify-content:center;z-index:100}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #0000001a;padding:28px;width:100%;max-width:700px;margin:20px;max-height:calc(100vh - 40px);overflow-y:auto;color:var(--text);position:relative}.modal-two-col{display:flex;gap:20px;margin-bottom:12px}.modal-col-left{flex:1;min-width:0}.modal-col-right{width:200px;flex-shrink:0}.modal-title{font-size:18px;font-weight:700;margin-bottom:20px;color:var(--text)}.form-label-toggle{display:flex;align-items:center;justify-content:space-between}.display-toggle{accent-color:var(--accent);width:14px;height:14px;cursor:pointer;flex-shrink:0;margin-left:10px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;margin-top:14px}.required{color:var(--danger)}.form-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit;color:var(--text);background:#fff;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:70px}.color-picker{display:flex;gap:10px;flex-wrap:wrap}.color-circle{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);cursor:pointer;transition:transform .12s,border-color .12s;outline:none}.color-circle:hover{transform:scale(1.15)}.color-circle.selected{border-color:var(--text);transform:scale(1.15)}.cover-input-group{display:flex;gap:8px;align-items:center}.cover-input-group .form-input{flex:1}.cover-upload-btn{white-space:nowrap;cursor:pointer;flex-shrink:0}.cover-preview{position:relative;margin-top:8px;display:inline-block;background:var(--bg)}.cover-preview img{max-height:120px;max-width:100%;border-radius:6px;display:block}.cover-remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.cover-remove-btn:hover{background:#000000bf}.cover-picker-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px}.cover-picker{margin-top:10px;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:8px}.cover-picker-section{margin-bottom:12px}.cover-picker-section:last-child{margin-bottom:0}.cover-picker-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:8px}.cover-picker-grid{display:flex;flex-wrap:wrap;gap:8px}.cover-swatch{width:48px;height:32px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;padding:0;outline:none}.cover-swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.cover-swatch--selected{border-color:var(--text);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text)}.cover-color-preview{position:relative;margin-top:8px;display:inline-block}.cover-color-preview-banner{width:200px;height:60px;border-radius:6px}.cover-remove-cover-btn{width:100%;margin-top:8px;font-size:13px;color:var(--text-secondary)}.card--color-bg{border:none;box-shadow:0 2px 12px #00000026,0 4px 24px #00000014;position:relative;overflow:hidden}.card--color-bg:hover{box-shadow:0 4px 20px #0003,0 8px 32px #0000001f}.card--color-bg .card-body{position:relative;z-index:1}.card--color-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.card--light-text:after{background:#0000001f}.card--light-text .card-title,.card--light-text .card-description,.card--light-text .card-details-toggle,.card--light-text .card-details-toggle span,.card--light-text .card-checklist-header,.card--light-text .card-checklist-header span,.card--light-text .card-checklist-text,.card--light-text .card-custom-field,.card--light-text .card-custom-field-name{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.card--light-text .card-meta-item{color:#ffffffe6;background:#ffffff26;text-shadow:0 1px 2px rgba(0,0,0,.2)}.card--light-text .card-meta-item svg{stroke:#ffffffe6}.card--light-text .card-menu-btn,.card--light-text .card-archive-btn{color:#fffc}.card--light-text .card-menu-btn:hover,.card--light-text .card-archive-btn:hover{background:#ffffff26;color:#fff}.card--light-text .card-label{background:#fff3!important;color:#fff!important;border-color:#ffffff4d!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.card--light-text .card-priority{box-shadow:0 1px 4px #0003}.card--light-text .card-checklist-progress-bar{background:#fff3}.card--light-text .card-checklist-item{color:#ffffffe6}.card--light-text .card-checklist-item--done .card-checklist-text{color:#ffffff80}.card--light-text .card-details-toggle svg,.card--light-text .card-checklist-header svg{stroke:#fffc;color:#fffc;fill:#fffc}.card--light-text .card-aging-badge{background:#ffffff26!important;color:#ffffffd9!important}.card--light-text .card-assignee-placeholder{background:#fff3;color:#fff}.card--dark-text:after{background:#ffffff26}.card--dark-text .card-title,.card--dark-text .card-description,.card--dark-text .card-details-toggle,.card--dark-text .card-details-toggle span,.card--dark-text .card-checklist-header,.card--dark-text .card-checklist-header span,.card--dark-text .card-checklist-text,.card--dark-text .card-custom-field,.card--dark-text .card-custom-field-name{color:#1a1a2e;text-shadow:0 1px 2px rgba(255,255,255,.3)}.card--dark-text .card-meta-item{color:#1a1a2ed9;background:#00000014}.card--dark-text .card-meta-item svg{stroke:#1a1a2ecc}.card--dark-text .card-menu-btn,.card--dark-text .card-archive-btn{color:#1a1a2eb3}.card--dark-text .card-menu-btn:hover,.card--dark-text .card-archive-btn:hover{background:#0000001a;color:#1a1a2e}.card--dark-text .card-label{background:#0000001a!important;color:#1a1a2e!important;border-color:#00000026!important}.card--dark-text .card-checklist-progress-bar{background:#0000001a}.card--dark-text .card-checklist-item{color:#1a1a2ee6}.card--dark-text .card-checklist-item--done .card-checklist-text{color:#1a1a2e66}.card--dark-text .card-details-toggle svg,.card--dark-text .card-checklist-header svg{stroke:#1a1a2eb3;color:#1a1a2eb3;fill:#1a1a2eb3}.card--dark-text .card-assignee-placeholder{background:#0000001f;color:#1a1a2e}.modal-cover-preview--color{height:200px;margin:-28px -28px 20px;border-radius:12px 12px 0 0;position:relative}.modal-cover-preview--color:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.15));pointer-events:none}[data-theme=dark] .modal-cover-preview--color:after{background:linear-gradient(to bottom,transparent,rgba(0,0,0,.2))}.modal-actions{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:12px}.modal-actions-right{display:flex;gap:8px;margin-left:auto}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface-hover);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.card-list::-webkit-scrollbar{width:6px}.card-list::-webkit-scrollbar-track{background:transparent}.card-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.card-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-section-row{display:flex;align-items:center;margin-top:14px;padding:0 2px}.sidebar-section-add{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;font-family:inherit;transition:color .15s,background .15s;flex-shrink:0}.sidebar-section-add:hover{color:var(--text);background:var(--surface-hover)}.sidebar-section-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:7px 8px;flex:1;font-family:inherit;border-radius:6px;transition:background .15s}.sidebar-section-toggle:hover{background:var(--surface-hover)}.sidebar-section-toggle:hover .sidebar-section-icon{color:var(--text-secondary)}.sidebar-section-icon{width:16px;height:16px;flex-shrink:0;color:var(--text-muted);display:flex;align-items:center}.sidebar-section-arrow{font-size:12px;color:var(--text-muted);transition:transform .2s;display:inline-block;line-height:1}.sidebar-section-arrow--open{transform:rotate(90deg)}.sidebar-section-title{font-size:12px;font-weight:600;color:var(--text-muted);padding:0;margin:0}.board-list{display:flex;flex-direction:column;gap:2px;padding-left:12px}.board-item{display:flex;align-items:center;gap:8px;padding:7px 8px;margin-bottom:2px;border-radius:6px;cursor:pointer;transition:background .15s,opacity .15s;-webkit-user-select:none;user-select:none}.board-item:hover{background:var(--surface-hover)}.board-item--active{opacity:1;background:var(--bg)}.board-item--inactive{opacity:.55}.board-item{position:relative}.board-item--dragging{opacity:.3;transform:scale(.97);transition:opacity .15s ease,transform .15s ease}.sidebar-drop-indicator{position:absolute;left:4px;right:4px;height:2px;background:var(--accent);border-radius:1px;z-index:10;pointer-events:none}.sidebar-drop-indicator:before,.sidebar-drop-indicator:after{content:"";position:absolute;top:-3px;width:8px;height:8px;background:var(--accent);border-radius:50%}.sidebar-drop-indicator:before{left:-3px}.sidebar-drop-indicator:after{right:-3px}.sidebar-drop-indicator--top{top:-1px}.sidebar-drop-indicator--bottom{bottom:-1px}.board-item[draggable=true]{cursor:grab;transition:transform .2s ease,opacity .2s ease,border .15s ease,padding .15s ease,margin .15s ease,background .15s ease}.board-item[draggable=true]:active{cursor:grabbing}.board-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.board-icon{width:14px;height:14px;flex-shrink:0;color:var(--text-muted);display:flex;align-items:center}.board-name{font-size:13px;font-weight:400;color:var(--text);flex:1}.board-item-members-inline{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.board-member-mini{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1.5px solid var(--surface, #fff);margin-left:-6px;flex-shrink:0}.board-member-mini:first-child{margin-left:0}.board-member-mini--letter{display:flex;align-items:center;justify-content:center;background:var(--accent, #3b82f6);color:#fff;font-size:9px;font-weight:600}.board-member-mini--extra{display:flex;align-items:center;justify-content:center;background:var(--surface-hover, #f3f4f6);color:var(--text-secondary);font-size:8px;font-weight:600}.board-card-count{font-size:11px;color:var(--text-muted);flex-shrink:0;min-width:14px;text-align:right;margin-right:2px;display:none}.board-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.board-chevron{font-size:14px;color:var(--text-muted);flex-shrink:0;transition:color .15s}.board-item:hover .board-chevron{color:var(--text-secondary)}.board-item-main{display:flex;flex-direction:column;flex:1;min-width:0}.board-item-top{display:flex;align-items:center;gap:8px;width:100%}.board-item-members{display:flex;align-items:center;gap:0;margin-left:28px;margin-top:2px}.board-member-avatar{width:20px;height:20px;border-radius:50%;border:2px solid var(--bg);margin-left:-6px;object-fit:cover;flex-shrink:0}.board-member-avatar:first-child{margin-left:0}.board-member-avatar--letter{display:flex;align-items:center;justify-content:center;background:var(--border);color:var(--text-secondary);font-size:9px;font-weight:600}.board-member-avatar--extra{display:flex;align-items:center;justify-content:center;background:var(--surface-hover);color:var(--text-muted);font-size:9px;font-weight:600}.sidebar-divider{height:1px;background:var(--border);margin:12px 4px}.sidebar-card-count{font-size:11px;color:var(--text-muted);text-align:center;padding-top:4px}.sidebar-add-board-btn{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:7px 10px;text-align:left;font-family:inherit;border-radius:8px;transition:color .15s,background .15s}.sidebar-add-board-btn:hover{color:var(--accent);background:var(--surface-hover)}.label-hue-preview{height:24px;border-radius:6px;margin-bottom:8px}.label-hue-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;background:linear-gradient(to right,#dd3c3c,#dd8c3c,#dddd3c,#8cdd3c,#3cdd3c,#3cdd8c,#3cdddd,#3c8cdd,#3c3cdd,#8c3cdd,#dd3cdd,#dd3c8c,#dd3c3c)}.label-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--border);box-shadow:0 1px 4px #00000026;cursor:pointer}.label-hue-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--border);box-shadow:0 1px 4px #00000026;cursor:pointer}.label-picker{display:flex;flex-wrap:wrap;gap:6px}.label-pill{font-size:10px;font-weight:600;padding:3px 10px;border-radius:12px;border:1.5px solid;cursor:pointer;font-family:inherit;letter-spacing:.5px;transition:all .15s}.label-pill:hover{opacity:.85}.label-pill--selected{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px currentColor}.card-menu-actions{position:absolute;top:8px;right:8px;z-index:2}.card-menu-btn{background:var(--surface);border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;opacity:0;transition:opacity .15s,color .15s,background .15s;display:flex;align-items:center;box-shadow:0 1px 4px #00000014}.card:hover .card-menu-btn{opacity:1}.card-menu-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.card-action-menu{position:absolute;top:calc(100% + 2px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:130px;z-index:100;overflow:hidden}.card-action-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;color:var(--text);background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .1s}.card-action-item:hover{background:var(--surface-hover, rgba(0,0,0,.04))}.card-labels{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.card-label{font-size:9px;font-weight:600;padding:0 4px;border-radius:3px;letter-spacing:.2px;line-height:1.4}.emoji-picker{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px}.emoji-picker-selected{font-size:32px;text-align:center;padding:8px 0;background:var(--bg);border-radius:6px;margin-bottom:8px}.emoji-picker-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:8px;overflow-x:auto}.emoji-picker-tab{background:none;border:none;font-size:16px;padding:4px 6px;border-radius:4px;cursor:pointer;opacity:.5;transition:opacity .15s,background .15s;flex-shrink:0}.emoji-picker-tab:hover{opacity:.8;background:var(--surface-hover)}.emoji-picker-tab--active{opacity:1;background:var(--surface-hover)}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:220px;overflow-y:auto}.emoji-picker-item{background:none;border:none;font-size:20px;padding:6px;border-radius:4px;cursor:pointer;transition:background .15s;text-align:center}.emoji-picker-item:hover{background:var(--surface-hover)}.emoji-picker-item--selected{background:var(--accent);border-radius:6px}.emoji-picker-grid::-webkit-scrollbar{width:6px}.emoji-picker-grid::-webkit-scrollbar-track{background:transparent}.emoji-picker-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.priority-picker{display:flex;gap:6px;flex-wrap:wrap}.priority-pill{font-size:11px;font-weight:600;padding:4px 12px;border-radius:12px;border:1.5px solid;cursor:pointer;font-family:inherit;transition:all .15s;text-transform:capitalize}.priority-pill:hover{opacity:.8}.checklist-progress{display:flex;align-items:center;gap:8px;margin-bottom:8px}.checklist-progress-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.checklist-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.checklist-progress-text{font-size:11px;color:var(--text-secondary);flex-shrink:0}.modal-subtasks-inline{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.modal-subtasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-subtasks-title{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.checklist-progress-inline{display:flex;align-items:center;gap:6px}.checklist-progress-bar-sm{width:60px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.checklist-progress-bar-sm .checklist-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.checklist-items{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.checklist-item{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;transition:background .15s}.checklist-item:hover{background:var(--surface-hover)}.checklist-item--checked .checklist-text{text-decoration:line-through;color:var(--text-muted)}.checklist-checkbox{accent-color:var(--accent);width:16px;height:16px;cursor:pointer;flex-shrink:0}.checklist-text{font-size:13px;color:var(--text);flex:1}.checklist-delete{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:0 4px;opacity:0;transition:opacity .15s,color .15s}.checklist-item:hover .checklist-delete{opacity:1}.checklist-delete:hover{color:var(--danger)}.checklist-add-input{font-size:13px;padding:6px 10px}.comments-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;max-height:200px;overflow-y:auto}.form-label-row{display:flex;align-items:center;justify-content:space-between}.comment-sort-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-tertiary);cursor:pointer;padding:2px 4px;display:flex;align-items:center;transition:color .15s,border-color .15s}.comment-sort-btn:hover{color:var(--accent);border-color:var(--accent)}.comment{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:10px 12px;position:relative}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.comment-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.comment-author{font-size:12px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-text{font-size:13px;color:var(--text);line-height:1.4;white-space:pre-wrap}.comment-time{font-size:11px;color:var(--text-tertiary);margin-left:auto}.comment-delete{background:none;border:none;color:var(--text-tertiary);font-size:14px;cursor:pointer;padding:0 4px;position:absolute;top:8px;right:8px;opacity:0;transition:opacity .15s,color .15s}.comment:hover .comment-delete{opacity:1}.comment-delete:hover{color:var(--danger)}.comment-input-row{display:flex;gap:8px}.comment-input-row .form-input{flex:1;font-size:13px;padding:6px 10px}.card-priority{font-size:9px;font-weight:700;padding:2px 7px;border-radius:4px;color:#fff;text-transform:uppercase;letter-spacing:.3px;opacity:.85;box-shadow:0 1px 3px #00000040}.card-checklist-badge{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:2px}.card-checklist-badge--done{color:#10b981}.board-template-modal{max-width:620px}.board-template-name-row{margin-bottom:20px}.board-template-name-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:15px;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s;box-sizing:border-box}.board-template-name-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.board-template-name-input::placeholder{color:var(--text-muted)}.board-template-section-label{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.board-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:24px}.board-template-card{border:1.5px solid var(--border);border-radius:10px;padding:14px;cursor:pointer;transition:all .15s;background:var(--surface)}.board-template-card:hover{border-color:var(--accent);background:var(--hover)}.board-template-card--selected{border-color:var(--accent);background:#3b82f60f;box-shadow:0 0 0 3px #3b82f61f}.board-template-card-icon{font-size:24px;margin-bottom:6px}.board-template-card-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.board-template-card-desc{font-size:11.5px;color:var(--text-muted);line-height:1.4;margin-bottom:8px}.board-template-card-columns{display:flex;flex-wrap:wrap;gap:4px}.board-template-column-pill{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;border:1px solid;white-space:nowrap}.board-template-actions{display:flex;justify-content:flex-end;gap:10px}.board-template-btn{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.board-template-btn--cancel{background:var(--hover);color:var(--text-muted)}.board-template-btn--cancel:hover{background:var(--border);color:var(--text)}.board-template-btn--create{background:var(--accent);color:#fff}.board-template-btn--create:hover{filter:brightness(1.08)}.board-template-btn--create:disabled{opacity:.5;cursor:not-allowed}.landing{min-height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;max-width:1100px;margin:0 auto}.landing-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--text)}.landing-nav-actions{display:flex;gap:12px;align-items:center}.landing-btn-text{background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px}.landing-btn-text:hover{color:var(--text);background:var(--surface-hover)}.landing-btn-primary{background:var(--accent);color:#fff;border:none;font-size:14px;font-weight:600;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background .15s}.landing-btn-primary:hover{background:var(--accent-hover)}.landing-btn-outline{background:none;border:2px solid var(--border);color:var(--text);font-size:14px;font-weight:600;padding:10px 20px;border-radius:8px;cursor:pointer;transition:border-color .15s}.landing-btn-outline:hover{border-color:var(--accent);color:var(--accent)}.landing-btn-lg{padding:14px 32px;font-size:16px}.landing-hero{text-align:center;padding:80px 24px 60px;max-width:700px;margin:0 auto}.landing-hero h1{font-size:48px;font-weight:800;line-height:1.15;margin:0 0 20px;letter-spacing:-.02em}.landing-hero-sub{font-size:18px;line-height:1.6;color:var(--text-secondary);margin:0 0 36px}.landing-hero-actions{display:flex;gap:12px;justify-content:center}.landing-features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1000px;margin:0 auto;padding:20px 24px 80px}.landing-feature{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 24px}.landing-feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:10px;color:var(--accent);margin-bottom:16px}.landing-feature h3{font-size:16px;font-weight:600;margin:0 0 8px}.landing-feature p{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0}.landing-cta{text-align:center;padding:60px 24px;background:var(--surface);border-top:1px solid var(--border)}.landing-cta h2{font-size:28px;font-weight:700;margin:0 0 12px}.landing-cta p{color:var(--text-secondary);font-size:16px;margin:0 0 28px}.landing-footer{text-align:center;padding:24px;color:var(--text-muted);font-size:13px}@media(max-width:768px){.landing-nav{padding:12px 16px}.landing-hero{padding:48px 16px 40px}.landing-hero h1{font-size:32px}.landing-hero-sub{font-size:16px}.landing-features{grid-template-columns:1fr 1fr;padding:10px 16px 48px}.landing-hero-actions{flex-direction:column;align-items:center}}@media(max-width:480px){.landing-features{grid-template-columns:1fr}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:20px}.auth-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;width:100%;max-width:400px;box-shadow:var(--shadow-md)}.auth-title{font-size:24px;font-weight:700;color:var(--text);text-align:center;margin-bottom:4px}.auth-subtitle{font-size:14px;color:var(--text-secondary);text-align:center;margin-bottom:20px}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:var(--danger);font-size:13px;padding:8px 12px;border-radius:6px;margin-bottom:16px}.auth-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit;color:var(--text);background:#fff;margin-bottom:12px;transition:border-color .15s;box-sizing:border-box}.auth-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.auth-input::placeholder{color:var(--text-muted)}.auth-btn{width:100%;padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.auth-btn:hover{background:var(--accent-hover)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:20px 0;gap:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:12px;color:var(--text-muted);text-transform:uppercase}.auth-google-btn{width:100%;padding:10px 20px;background:#fff;color:#333;border:1px solid var(--border);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}.auth-google-btn:hover{background:var(--bg)}.auth-toggle{text-align:center;font-size:13px;color:var(--text-secondary);margin-top:16px}.auth-toggle button{background:none;border:none;color:var(--accent);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600}.auth-toggle button:hover{text-decoration:underline}.auth-forgot{text-align:center;margin-top:8px;margin-bottom:-8px}.auth-forgot button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:12px}.auth-forgot button:hover{color:var(--accent);text-decoration:underline}.sidebar-user{display:flex;align-items:center;gap:8px;padding:14px 16px;border-top:1px solid var(--border);margin-top:auto}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.sidebar-user-avatar--letter{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:14px;font-weight:700}.sidebar-user-identity:hover{opacity:.8}.sidebar-user-email{font-size:13px;color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-logout{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:color .15s,background .15s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-user-logout:hover{color:var(--danger);background:var(--surface-hover)}.sidebar-user-settings{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:color .15s,background .15s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-user-settings:hover{color:var(--text);background:var(--surface-hover)}.activity-list{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:8px 6px;border-radius:4px;transition:background .15s}.activity-item:hover{background:var(--surface-hover)}.activity-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;background:var(--bg);color:var(--text-secondary)}.activity-icon--created{background:#ecfdf5;color:#10b981}.activity-icon--updated{background:#eff6ff;color:#3b82f6}.activity-icon--deleted{background:#fef2f2;color:#ef4444}.activity-icon--moved{background:#fffbeb;color:#f59e0b}.activity-content{flex:1;font-size:12px;color:var(--text-secondary);line-height:1.4}.activity-user{font-weight:600;color:var(--text)}.activity-action,.activity-entity-type{color:var(--text-secondary)}.activity-entity-name{color:var(--text);font-weight:500}.activity-details{color:var(--text-muted);font-size:11px}.activity-time{font-size:11px;color:var(--text-muted);flex-shrink:0;white-space:nowrap}.sidebar-activity-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;width:100%;transition:color .15s,border-color .15s;text-align:left}.sidebar-activity-btn:hover{color:var(--text);border-color:var(--text-muted)}.sidebar-tools{display:flex;flex-direction:column;gap:4px;padding:4px 8px 8px}.sidebar-tool-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-secondary);padding:7px 10px;border-radius:6px;font-size:13px;font-weight:400;cursor:pointer;font-family:inherit;width:100%;transition:color .15s,background .15s;text-align:left}.sidebar-tool-btn:hover{color:var(--text);background:var(--surface-hover)}.sidebar-import-status{font-size:11px;color:var(--accent);padding:4px 10px;font-weight:500}.sidebar-import-status--error{color:var(--danger)}.invite-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.invite-row{display:flex;gap:8px}.invite-row .form-input{flex:1}.invite-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background .15s}.invite-btn:hover{background:var(--accent-hover)}.invite-btn:disabled{opacity:.5;cursor:not-allowed}.invite-success{margin-top:8px;padding:8px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:12px;color:#166534}.invite-error{margin-top:8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:12px;color:var(--danger)}.invite-list{margin-top:8px}.invite-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px;border-bottom:1px solid var(--border)}.invite-item-email{flex:1;color:var(--text)}.invite-item-status{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase}.invite-item-status--pending{background:#fef3c7;color:#92400e}.invite-item-status--accepted{background:#d1fae5;color:#065f46}.invite-item-code{font-family:monospace;font-size:11px;color:var(--text-tertiary, var(--text-muted));background:var(--bg);padding:2px 6px;border-radius:4px}.invite-delete-btn{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s;line-height:1}.invite-delete-btn:hover{color:var(--danger);background:#ef44441a}.invite-link-row{display:flex;gap:6px;margin-top:8px}.invite-link-input{flex:1;font-size:12px;font-family:monospace;padding:6px 8px;border:1px solid #bbf7d0;border-radius:4px;background:#fff;color:var(--text);outline:none;min-width:0}.invite-link-input:focus{border-color:var(--accent)}.invite-copy-btn{background:#166534;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background .15s}.invite-copy-btn:hover{background:#14532d}.auth-invite-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:10px 14px;font-size:14px;color:#166534;text-align:center;margin-bottom:4px}.referral-input{margin-top:8px}.referral-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px;display:block}.modal-redesigned{max-width:700px}.modal-cover-preview{margin:-28px -28px 16px;border-radius:12px 12px 0 0;overflow:hidden;max-height:160px}.modal-cover-preview img{width:100%;height:160px;object-fit:cover;display:block}.modal-title-input{font-size:22px;font-weight:700;border:none;outline:none;width:100%;padding:4px 0;background:transparent;color:var(--text);border-bottom:2px solid transparent;margin-bottom:16px;font-family:inherit}.modal-title-input:focus{border-bottom-color:var(--accent)}.modal-title-input::placeholder{color:var(--text-muted)}.modal-properties{margin-bottom:16px}.modal-property{display:flex;align-items:center;gap:12px;padding:6px 0}.modal-property-icon{color:var(--text-muted);flex-shrink:0;display:flex;align-items:center}.modal-property-label{width:90px;font-size:13px;color:var(--text-secondary);flex-shrink:0;display:flex;align-items:center;gap:4px}.modal-property-value{flex:1;min-width:0}.modal-prop-select{padding:6px 10px;font-size:13px}.modal-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.modal-section:first-of-type{margin-top:12px}.modal-section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.modal-section-title{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.attachments-header{display:flex;align-items:center;justify-content:space-between}.attachments-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.attachment-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);position:relative}.attachment-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;flex-shrink:0}.attachment-info{flex:1;min-width:0}.attachment-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-meta{font-size:11px;color:var(--text-muted)}.attachment-meta a{color:var(--accent);text-decoration:none}.attachment-meta a:hover{text-decoration:underline}.attachment-delete{position:absolute;top:4px;right:4px;background:none;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s;font-size:14px;padding:2px 4px}.attachment-card:hover .attachment-delete{opacity:1}.attachment-delete:hover{color:var(--danger)}.attachment-add-form{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:12px;border:2px dashed var(--border);border-radius:8px}.attachment-add-row{display:flex;gap:8px}.attachment-add-row .form-input{flex:1;font-size:12px;padding:6px 10px}.add-attachment-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:4px 12px;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.add-attachment-btn:hover{border-color:var(--accent);color:var(--accent)}.attachment-dropzone{display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:8px;padding:14px 16px;margin:6px 0 8px;cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none;background:#8c72db0a}.attachment-dropzone:hover{border-color:var(--accent);background:#8c72db14}.attachment-dropzone--uploading{border-color:var(--accent);background:#8c72db14;cursor:default;animation:pulse 1s infinite}.attachment-dropzone-text{font-size:13px;color:var(--text-primary);display:flex;align-items:center;gap:6px;opacity:.7}.attachment-dropzone:hover .attachment-dropzone-text{opacity:1;color:var(--accent)}.modal--drag-over .attachment-dropzone{border-color:var(--accent);background:#8c72db1f;border-width:2px}.modal--drag-over .attachment-dropzone .attachment-dropzone-text{opacity:1;color:var(--accent)}.modal--drag-over{outline:2px solid var(--accent);outline-offset:-2px}.modal-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--accent)18;border-radius:inherit;display:flex;align-items:center;justify-content:center;pointer-events:none}.modal-drop-hint{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--accent);font-size:16px;font-weight:600}.modal-tabs{display:flex;gap:0;border-bottom:2px solid var(--border)}.modal-tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:inherit;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:6px}.modal-tab:hover{color:var(--text)}.modal-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.modal-tab-badge{background:var(--accent);color:#fff;font-size:10px;padding:1px 6px;border-radius:10px;margin-left:2px}.modal-tab-content{padding-top:12px}.voice-notes-tab{display:flex;flex-direction:column;gap:12px}.voice-visualizer-wrapper{margin-bottom:12px;border-radius:8px;overflow:hidden;background:var(--surface);border:1px solid var(--border);padding:4px 8px}.voice-visualizer-wrapper>div{gap:4px!important}.voice-visualizer-wrapper canvas{max-height:50px!important}.voice-visualizer-wrapper button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.voice-record-controls{display:flex;align-items:center;gap:12px}.voice-record-btn{display:inline-flex;align-items:center;gap:6px;background:var(--danger);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,transform .1s}.voice-record-btn:hover{background:var(--danger-hover);transform:scale(1.03)}.voice-recording-active{display:flex;align-items:center;gap:12px}.voice-stop-btn{width:36px;height:36px;border-radius:50%;background:var(--danger);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;animation:voice-pulse 1.5s ease-in-out infinite}.voice-stop-btn:hover{background:var(--danger-hover)}.voice-stop-icon{width:14px;height:14px;background:#fff;border-radius:2px}.voice-recording-indicator{display:flex;align-items:center;gap:8px}.voice-recording-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:voice-pulse 1s ease-in-out infinite}.voice-recording-text{font-size:13px;font-weight:600;color:var(--danger);font-variant-numeric:tabular-nums}@keyframes voice-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}.voice-error{font-size:12px;color:var(--danger);padding:6px 10px;background:#ef444414;border-radius:6px;border:1px solid rgba(239,68,68,.15)}.voice-notes-list{display:flex;flex-direction:column;gap:6px}.voice-notes-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:20px 0}.voice-note-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;transition:background .15s}.voice-note-item:hover{background:var(--surface-hover)}.voice-play-btn{width:32px;height:32px;min-width:32px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.voice-play-btn:hover{background:var(--accent-hover);transform:scale(1.08)}.voice-play-btn--playing{background:var(--text-secondary)}.voice-play-btn--playing:hover{background:var(--text)}.voice-note-waveform{flex:1;min-width:0;height:40px;display:flex;align-items:center}.voice-note-canvas{display:block}.voice-note-waveform-loading{width:100%;height:40px;background:var(--border);border-radius:4px;animation:voicePulse 1.5s ease-in-out infinite}@keyframes voicePulse{0%,to{opacity:.4}50%{opacity:.8}}.voice-note-waveform-bg{position:relative;width:100%;height:100%;background:var(--border);border-radius:4px;overflow:hidden}.voice-note-waveform-fill{position:absolute;top:0;left:0;height:100%;background:#3b82f626;border-radius:4px;will-change:width}.voice-note-waveform-fill--active{background:#3b82f640}.voice-note-waveform-bars{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;gap:2px;padding:4px 6px}.voice-note-bar{flex:1;min-width:2px;background:var(--accent);opacity:.4;border-radius:1px}.voice-note-duration{font-size:12px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:32px;text-align:center}.voice-note-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.voice-note-author{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.voice-note-time{font-size:10px;color:var(--text-muted);white-space:nowrap}.voice-note-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;opacity:0}.voice-note-item:hover .voice-note-delete{opacity:1}.voice-note-delete:hover{color:var(--danger);background:#ef444414}.mobile-hamburger{display:none;position:fixed;top:12px;left:12px;z-index:999;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:44px;height:44px;align-items:center;justify-content:center;font-size:22px;cursor:pointer;box-shadow:var(--shadow-md);color:var(--text);padding:0;line-height:1}.sidebar-mobile-close,.sidebar-mobile-backdrop,.column-dots,.mobile-fab,.mobile-search-toggle{display:none}@media(max-width:1024px){.column,.board-add-column-btn{flex:0 0 240px;min-width:240px}.sidebar-title{font-size:16px}.column-title{font-size:13px}.card-title{font-size:14px}.card-description{font-size:11px}.board-columns{gap:16px;padding:12px 16px 16px}.board-search-bar{padding:12px 16px 0}.notification-dropdown{width:320px}.calendar-body{flex-direction:column}.calendar-no-date{width:100%;max-height:150px}.calendar-cell{min-height:70px}.dashboard-grid{grid-template-columns:1fr}.dashboard{padding:16px 16px 30px}}@media(max-width:768px){.mobile-hamburger{display:flex}.sidebar{position:fixed!important;left:0;top:0;bottom:0;height:100vh!important;height:100dvh!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar.sidebar--mobile-open{transform:translate(0);box-shadow:none}.sidebar-resize-handle{display:none}.sidebar-mobile-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text);z-index:10;font-size:18px;transition:background .15s}.sidebar-mobile-close:hover,.sidebar-mobile-close:active{background:var(--bg)}.sidebar-mobile-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-mobile-backdrop.sidebar-mobile-backdrop--visible{display:block}.board{width:100%}.board-search-bar{padding:56px 12px 0;padding-top:calc(56px + env(safe-area-inset-top,0px));flex-wrap:wrap;gap:4px;overflow:visible;align-items:center}.board-search-wrapper{display:none;width:100%;flex:1 1 100%;order:10}.board-search-wrapper--expanded{display:flex}.mobile-search-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;color:var(--text-secondary);order:1;transition:background .15s,color .15s}.mobile-search-toggle:active{background:var(--surface-hover);color:var(--accent)}.board-search-input{font-size:16px;padding:10px 34px;min-height:44px}.board-search-clear{min-width:44px;min-height:44px}.board-view-toggle{order:2;flex-shrink:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.board-view-toggle::-webkit-scrollbar{display:none}.board-view-btn{width:40px;height:40px;min-width:40px;min-height:40px}.notification-center{order:3;flex-shrink:0}.notification-bell{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.notification-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:70vh;max-height:70dvh;border-radius:16px 16px 0 0;z-index:1001;box-shadow:0 -4px 24px #00000026}.board-select-btn{order:4;min-height:44px;padding:8px 12px;font-size:13px}.board-columns{gap:12px;padding:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding:12px}.column{flex:0 0 85vw;min-width:280px;max-width:85vw;scroll-snap-align:start;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px)}.board-add-column-btn{flex:0 0 85vw;min-width:280px;scroll-snap-align:start}.column-title{font-size:13px}.column-count{font-size:12px}.column-header-actions{opacity:1}.card{padding:10px 12px}.card-body{gap:6px}.card-title{font-size:14px;line-height:1.35}.card-description{font-size:12px;line-height:1.4}.card-footer{gap:6px;margin-top:4px}.card-meta-item{font-size:11px;padding:3px 6px}.card-priority{font-size:10px;padding:2px 6px}.card-labels{gap:4px}.card-label{font-size:10px;padding:2px 6px}.card-cover{margin:-10px -12px 8px}.card-menu-btn{opacity:1;min-width:44px;min-height:44px}.column-menu-btn,.column-add-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.column-add-card-btn{min-height:44px;display:flex;align-items:center;justify-content:center}.sidebar-section-toggle{min-height:44px}.sidebar-section-add{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.board-item{min-height:44px;padding:10px 12px}.btn{min-height:44px;padding:10px 20px}.sidebar-activity-btn{min-height:44px}.sidebar-user-logout,.sidebar-user-settings{min-width:44px;min-height:44px}.sidebar-add-btn,.sidebar-add-col-btn{min-height:44px}.modal-overlay{align-items:flex-end;justify-content:center;padding:0}.modal{max-width:100vw!important;max-height:90vh!important;max-height:90dvh!important;width:100vw!important;height:90vh!important;height:90dvh!important;margin:0;border-radius:16px 16px 0 0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));animation:slideUpSheet .3s cubic-bezier(.4,0,.2,1)}.modal:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--border);margin:0 auto 12px;flex-shrink:0}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-redesigned{max-width:95vw}.modal-close-btn,.card-modal-close{position:sticky;top:0;z-index:10;min-width:44px;min-height:44px}.modal-cover-preview,.modal-cover-preview--color{margin:-20px -16px 12px}.modal-title-input{font-size:18px;min-height:44px}.modal-two-col{flex-direction:column}.modal-col-right{width:100%}.modal-property{flex-wrap:wrap}.modal-property-label{width:auto;min-width:80px}.modal-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.modal-tabs::-webkit-scrollbar{display:none}.modal-tab{white-space:nowrap;padding:10px 14px;font-size:13px;min-height:44px}.attachments-grid{grid-template-columns:1fr}.modal-actions{flex-wrap:wrap;gap:8px;position:sticky;bottom:0;z-index:5;background:var(--surface, #fff);border-top:1px solid var(--border, #e5e7eb);margin:16px -16px 0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 8px #0000000f}.modal-actions .btn{flex:1 1 auto;min-width:0;justify-content:center}.comment-input-row{flex-direction:column}.comment-input-row .btn{width:100%}.card-checklist-item{min-height:44px;padding:4px 0}.card-checklist-checkbox{width:22px;height:22px}.bulk-action-bar{flex-wrap:wrap;max-width:90vw;justify-content:center;padding:8px 12px;gap:8px;bottom:12px}.tv-container{padding:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tv-table{min-width:600px}.tv-td-title{max-width:180px}.tv-assignee-name{display:none}.tv-th,.tv-td{padding:8px 10px;font-size:12px}.calendar-header{padding:12px 12px 0}.calendar-body{padding:12px;flex-direction:column}.calendar-no-date{width:100%;max-height:150px}.calendar-cell{min-height:60px;padding:2px}.calendar-day-header{font-size:10px;padding:4px 2px}.calendar-pill{font-size:10px;padding:2px 4px}.calendar-pill-dot{display:none}.calendar-title{font-size:16px}.dashboard-grid{grid-template-columns:1fr}.dashboard{padding:12px 12px 30px}.dashboard-panel{padding:16px}.dashboard-bar-label{width:60px;font-size:11px}.column-dots{display:flex;justify-content:center;gap:6px;padding:8px 12px 0}.column-dot{width:8px;height:8px;border-radius:50%;background:var(--border, #d1d5db);transition:background .2s,transform .2s;flex-shrink:0}.column-dot--active{background:var(--accent, #3b82f6);transform:scale(1.25)}.mobile-fab{display:flex!important;position:fixed!important;bottom:24px;right:20px;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:#1d4ed8;color:#fff;border:2px solid rgba(255,255,255,.3);align-items:center;justify-content:center;font-size:28px;font-weight:300;box-shadow:0 4px 16px #00000040,0 2px 4px #0000001a;z-index:100!important;cursor:pointer;transition:transform .15s,box-shadow .15s}.mobile-fab:active{transform:scale(.92);box-shadow:0 2px 8px #3b82f64d}.mobile-hamburger{top:calc(12px + env(safe-area-inset-top,0px))}.notification-dropdown{padding-bottom:env(safe-area-inset-bottom,0px)}}@media(max-width:480px){.mobile-hamburger{top:8px;left:8px;width:40px;height:40px;font-size:20px}.board-search-bar{padding:52px 8px 0;gap:6px}.board-columns{gap:8px;padding:8px;scroll-padding:8px}.column{flex:0 0 calc(100vw - 16px);min-width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px)}.board-add-column-btn{flex:0 0 calc(100vw - 16px);min-width:calc(100vw - 16px)}.card{padding:8px 10px}.card-title{font-size:13px}.card-description{font-size:11px}.card-meta-item{font-size:10px;padding:2px 6px}.card-priority{font-size:9px;padding:2px 5px}.card-cover{margin:-8px -10px 6px}.modal{padding:16px 12px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0}.mobile-hamburger{top:calc(8px + env(safe-area-inset-top,0px))}.column-dots{padding:6px 8px 0}.mobile-fab{bottom:calc(20px + env(safe-area-inset-bottom,0px));right:16px}.modal-actions{margin:16px -12px 0;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.modal-cover-preview,.modal-cover-preview--color{margin:-16px -12px 12px}.modal-title-input{font-size:16px}.modal-property{gap:8px;padding:4px 0}.modal-section-title{font-size:13px}.sidebar{width:100vw!important;min-width:100vw!important}.sidebar-content{padding:16px 12px}.sidebar-title{font-size:15px}.board-view-btn{width:40px;height:40px;min-width:40px;min-height:40px}.notification-dropdown{max-height:80vh;max-height:80dvh}.bulk-action-bar{max-width:95vw;padding:6px 8px;gap:6px;font-size:12px}.bulk-action-bar select{font-size:12px;padding:6px 8px;min-height:36px}.calendar-cell{min-height:44px}.calendar-day-num{font-size:10px}.tv-table{min-width:500px}.tv-th,.tv-td{padding:6px 8px;font-size:11px}.tv-td-title{max-width:120px}.dashboard{padding:8px 8px 24px}.dashboard-panel{padding:12px}.dashboard-panel-title{font-size:13px;margin-bottom:12px}}.board-select-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:13px;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.board-select-btn:hover{background:var(--bg);color:var(--text);border-color:var(--text-muted)}.board-select-btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.board-select-btn--active:hover{background:var(--accent-hover);color:#fff;border-color:var(--accent-hover)}.card-checkbox{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;border:2px solid var(--border);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:all .15s ease}.card-checkbox:hover{border-color:var(--accent)}.card-checkbox--checked{background:var(--accent);border-color:var(--accent)}.card--selected{border-color:var(--accent)!important;box-shadow:0 0 0 2px #3b82f64d!important}.card--focused{border-color:var(--accent)!important;box-shadow:0 0 0 2px #3b82f673,0 0 12px #3b82f626!important;outline:none}.bulk-action-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #00000026;z-index:100;animation:bulk-bar-slide-up .2s ease}@keyframes bulk-bar-slide-up{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.bulk-action-bar .bulk-count{font-weight:600;font-size:14px;color:var(--text);white-space:nowrap}.bulk-action-bar select,.bulk-action-bar button{font-family:inherit;font-size:13px;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.bulk-action-bar select:hover,.bulk-action-bar button:hover{background:var(--bg)}.bulk-action-bar .bulk-delete-btn{color:var(--danger);border-color:var(--danger)}.bulk-action-bar .bulk-delete-btn:hover{background:#ef44441a}.bulk-action-bar .bulk-cancel-btn{background:none;border:none;color:var(--text-secondary)}.bulk-action-bar .bulk-cancel-btn:hover{color:var(--text);background:none}.bulk-action-bar .bulk-select-all-btn,.bulk-action-bar .bulk-deselect-all-btn{background:none;border:none;color:var(--accent);font-size:13px;padding:6px 8px;text-decoration:underline;text-underline-offset:2px}.bulk-action-bar .bulk-select-all-btn:hover,.bulk-action-bar .bulk-deselect-all-btn:hover{background:none;color:var(--accent-hover)}.ms-sync-section{padding:4px 12px 12px}.ms-connect-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:500;color:var(--text);cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.ms-connect-btn:hover{background:var(--surface-hover);border-color:var(--accent)}.ms-connected-header{display:flex;align-items:center;gap:6px;padding:6px 0;font-size:11px;color:var(--text-secondary)}.ms-connected-email{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-disconnect-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px}.ms-disconnect-btn:hover{color:var(--danger);background:#ef44441a}.ms-syncing-indicator{font-size:11px;color:var(--accent);padding:2px 0;animation:ms-pulse 1.5s ease-in-out infinite}@keyframes ms-pulse{0%,to{opacity:1}50%{opacity:.5}}.ms-last-sync{font-size:11px;color:var(--text-muted);padding:2px 0}.ms-sync-error{font-size:11px;color:var(--danger);padding:4px 0}.ms-project-links{display:flex;flex-direction:column;gap:6px;margin-top:8px}.ms-project-link{display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:var(--surface);border-radius:6px;border:1px solid var(--border)}.ms-project-name{font-size:12px;font-weight:500;color:var(--text)}.ms-linked{display:flex;align-items:center;gap:4px}.ms-linked-list{font-size:11px;color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-sync-btn,.ms-unlink-btn{background:none;border:none;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:4px;color:var(--text-muted)}.ms-sync-btn:hover{color:var(--accent);background:#3b82f61a}.ms-unlink-btn:hover{color:var(--danger);background:#ef44441a}.ms-list-select{font-size:11px;padding:4px 6px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);font-family:inherit;cursor:pointer}.ms-list-select:focus{border-color:var(--accent);outline:none}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{background:var(--surface);border-radius:12px;width:480px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0}.settings-header h2{font-size:20px;font-weight:700}.settings-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:4px 8px;border-radius:4px}.settings-close:hover{background:var(--surface-hover)}.settings-section{padding:20px 24px;border-top:1px solid var(--border)}.settings-section:first-of-type{border-top:none;margin-top:12px}.settings-section h3{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.settings-desc{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.plan-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.plan-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;letter-spacing:.5px}.plan-badge.free{background:#dbeafe;color:#1d4ed8}.plan-badge.paid{background:#d1fae5;color:#059669}.plan-usage{font-size:14px;color:var(--text)}.plan-hint{font-size:13px;color:var(--text-muted)}.api-key-existing{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:12px}.api-key-existing code{font-size:14px;font-weight:600;color:var(--text)}.api-key-date{font-size:12px;color:var(--text-muted)}.api-key-new{margin-bottom:16px}.api-key-warning{background:#fef3c7;color:#92400e;padding:8px 12px;border-radius:var(--radius);font-size:13px;font-weight:600;margin-bottom:12px}.api-key-value{display:flex;gap:8px;margin-bottom:16px}.api-key-value code{flex:1;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;word-break:break-all}.api-key-value button,.api-key-config button{padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.api-key-value button:hover,.api-key-config button:hover{background:var(--accent-hover)}.api-key-new h4{font-size:14px;font-weight:600;margin-bottom:4px}.api-key-config{position:relative;margin-bottom:12px}.api-key-config pre{background:#1e293b;color:#e2e8f0;padding:14px;border-radius:var(--radius);font-size:12px;overflow-x:auto;margin-bottom:8px}.api-key-config button{position:absolute;top:8px;right:8px;padding:4px 12px;font-size:12px}.settings-btn{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;width:100%}.settings-btn:hover{background:var(--accent-hover)}.settings-btn:disabled{opacity:.6;cursor:not-allowed}.api-keys-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.api-key-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius)}.api-key-row-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.api-key-row-name{font-size:13px;font-weight:600;color:var(--text)}.api-key-row-prefix{font-size:12px;color:var(--text-muted)}.api-key-row-date{font-size:11px;color:var(--text-muted)}.api-key-row-delete{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);padding:2px 6px;border-radius:4px}.api-key-row-delete:hover{color:var(--danger);background:var(--surface-hover)}.api-key-generate{display:flex;gap:8px;margin-bottom:16px}.api-key-board-select{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--surface);color:var(--text)}.settings-btn-sm{padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.settings-btn-sm:hover{background:var(--accent-hover)}.settings-btn-sm:disabled{opacity:.6;cursor:not-allowed}.profile-modal{width:440px}.profile-avatar-section{display:flex;align-items:flex-start;gap:16px}.profile-avatar-preview{flex-shrink:0;width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid var(--border)}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:24px;font-weight:700}.profile-avatar-controls{flex:1;min-width:0}.profile-avatar-tabs{display:flex;gap:4px;margin-bottom:8px}.profile-avatar-tab{padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.profile-avatar-tab--active{background:var(--accent);color:#fff;border-color:var(--accent)}.profile-avatar-tab:hover:not(.profile-avatar-tab--active){background:var(--surface-hover)}.profile-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s;box-sizing:border-box}.profile-input:focus{border-color:var(--accent)}.profile-input--readonly{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.profile-upload-row{display:flex;align-items:center;gap:8px}.profile-actions{padding-bottom:20px}.profile-actions-row{display:flex;justify-content:flex-end;gap:8px}.profile-btn-cancel{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}.profile-btn-cancel:hover{background:var(--surface-hover)!important}.profile-btn-save{background:var(--accent)!important;color:#fff!important}.profile-btn-save:hover{background:var(--accent-hover)!important}.profile-error{font-size:13px;color:var(--danger, #ef4444);margin-bottom:10px;padding:8px 12px;background:#fef2f2;border-radius:var(--radius)}[data-theme=dark] .profile-error{background:#ef44441a}.notification-center{position:relative}.notification-bell{background:none;border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:16px;position:relative;transition:background .15s}.notification-bell:hover{background:var(--surface-hover)}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center;line-height:14px}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0000001f;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.notification-header h3{margin:0;font-size:15px;font-weight:600}.notification-mark-read{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;font-weight:500}.notification-mark-read:hover{text-decoration:underline}.notification-list{overflow-y:auto;flex:1}.notification-item{display:flex;gap:10px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--surface-hover)}.notification-item.unread{background:#eff6ff}.notification-item.unread:hover{background:#dbeafe}.notification-type-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center;padding-top:2px}.notification-content{flex:1;min-width:0}.notification-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-message{font-size:12px;color:var(--text-secondary);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:11px;color:var(--text-muted);margin-top:4px}.notification-empty{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:13px}.view-toggle{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;flex-shrink:0}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:34px;height:32px;border:none;background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .15s ease;padding:0}.view-toggle-btn:not(:last-child){border-right:1px solid var(--border)}.view-toggle-btn:hover{background:var(--surface-hover);color:var(--text)}.view-toggle-btn--active{background:var(--accent);color:#fff}.view-toggle-btn--active:hover{background:var(--accent-hover);color:#fff}.calendar-view{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.calendar-header{display:flex;align-items:center;gap:16px;padding:16px 24px 0;flex-shrink:0}.calendar-nav{display:flex;align-items:center;gap:4px}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;padding:0}.calendar-nav-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--text-muted)}.calendar-today-btn{padding:6px 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.calendar-today-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--text-muted)}.calendar-title{font-size:18px;font-weight:600;color:var(--text)}.calendar-body{flex:1;display:flex;min-height:0;padding:16px 24px 24px;gap:20px;overflow:hidden}.calendar-grid-wrapper{flex:1;min-width:0;overflow-y:auto}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.calendar-day-header{padding:8px 4px;text-align:center;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-secondary)}.calendar-cell{background:var(--surface);min-height:100px;padding:4px;display:flex;flex-direction:column;gap:2px}.calendar-cell--empty{background:var(--bg-secondary)}.calendar-cell--today{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.calendar-day-num{font-size:12px;font-weight:500;color:var(--text-secondary);padding:2px 4px;align-self:flex-end;line-height:1}.calendar-day-num--today{background:var(--accent);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0;font-weight:700}.calendar-cell-cards{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.calendar-pill{display:flex;align-items:center;gap:4px;padding:3px 6px;border:none;border-radius:4px;background:color-mix(in srgb,var(--pill-color) 12%,var(--surface));cursor:pointer;text-align:left;font-family:inherit;font-size:11px;line-height:1.3;color:var(--text);transition:background .15s ease;width:100%;min-width:0}.calendar-pill:hover{background:color-mix(in srgb,var(--pill-color) 22%,var(--surface))}.calendar-pill--overdue{background:color-mix(in srgb,#ef4444 15%,var(--surface))}.calendar-pill--overdue:hover{background:color-mix(in srgb,#ef4444 25%,var(--surface))}.calendar-pill--overdue .calendar-pill-text{color:#ef4444;font-weight:600}.calendar-pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.calendar-pill-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.calendar-no-date{width:200px;flex-shrink:0;display:flex;flex-direction:column;min-height:0}.calendar-no-date-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:8px}.calendar-no-date-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;flex:1}.calendar-pill--sidebar{flex-shrink:0}.toolbar-filter{position:relative;flex-shrink:0}.toolbar-filter-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border, #e5e7eb);border-radius:8px;background:var(--surface, #fff);color:var(--text-secondary, #6b7280);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.toolbar-filter-btn:hover{border-color:var(--accent, #3b82f6);color:var(--text, #111827)}.toolbar-filter-btn--active{border-color:var(--accent, #3b82f6);background:#3b82f60f;color:var(--accent, #3b82f6)}.toolbar-filter-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:var(--surface, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:6px;z-index:200;animation:filterDropIn .12s ease-out}@keyframes filterDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.toolbar-filter-option{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text, #111827);transition:background .1s}.toolbar-filter-option:hover{background:var(--surface-hover, #f3f4f6)}.toolbar-filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent, #3b82f6);cursor:pointer;flex-shrink:0}.toolbar-filter-tag-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.toolbar-filter-option-label{flex:1}.toolbar-filter-count{font-size:11px;color:var(--text-secondary, #9ca3af);min-width:18px;text-align:right}.board-view-toggle{display:flex;gap:2px;background:var(--bg);border-radius:6px;padding:2px;border:1px solid var(--border)}.board-view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border:none;background:transparent;color:var(--text-muted);border-radius:4px;cursor:pointer;transition:all .15s}.board-view-btn:hover{color:var(--text);background:var(--surface-hover)}.board-view-btn--active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.board-view-divider{width:1px;height:16px;background:var(--border);margin:0 4px;align-self:center}.tv-container{flex:1;overflow:auto;padding:16px 24px}.tv-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.tv-th{position:sticky;top:0;z-index:10;background:var(--bg-secondary);padding:10px 14px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:2px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s}.tv-th:hover{color:var(--text)}.tv-sort-arrow{font-size:12px;margin-left:4px;color:var(--accent)}.tv-sort-arrow--inactive{color:var(--text-muted);opacity:.4}.tv-row{cursor:pointer;transition:background .1s}.tv-row:hover{background:var(--surface-hover)}.tv-row:nth-child(2n){background:var(--bg-secondary)}.tv-row:nth-child(2n):hover{background:var(--surface-hover)}.tv-td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.tv-td-title{font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-empty{text-align:center;padding:40px 14px;color:var(--text-muted);font-style:italic}.tv-status-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;white-space:nowrap}.tv-priority-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;color:#fff;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.tv-due{font-size:12px;color:var(--text-secondary);white-space:nowrap}.tv-due--overdue{color:var(--danger);font-weight:600}.tv-due--today{color:var(--accent);font-weight:600}.tv-labels{display:flex;flex-wrap:wrap;gap:4px}.tv-label-pill{font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px;color:#fff;white-space:nowrap}.tv-assignee{display:flex;align-items:center;gap:6px}.tv-assignee-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.tv-assignee-placeholder{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.tv-assignee-name{font-size:12px;color:var(--text-secondary)}.tv-checklist{font-size:12px;color:var(--text-secondary);font-weight:500}.tv-checklist--done{color:#10b981;font-weight:600}.dashboard{flex:1;overflow-y:auto;padding:20px 24px 40px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1100px}.dashboard-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.dashboard-panel-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:16px;letter-spacing:-.01em}.dashboard-empty{color:var(--text-muted);font-size:13px;font-style:italic}.dashboard-bar-chart{display:flex;flex-direction:column;gap:10px}.dashboard-bar-row{display:flex;align-items:center;gap:10px}.dashboard-bar-label{font-size:12px;color:var(--text-secondary);width:80px;flex-shrink:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-bar-track{flex:1;height:22px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.dashboard-bar-fill{height:100%;border-radius:4px;min-width:2px;transition:width .4s ease}.dashboard-bar-value{font-size:13px;font-weight:600;color:var(--text);width:30px;text-align:right;flex-shrink:0}.dashboard-priority-grid{display:flex;flex-wrap:wrap;gap:8px}.dashboard-priority-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:1px solid;font-size:13px}.dashboard-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dashboard-priority-label{color:var(--text-secondary);font-weight:500}.dashboard-priority-count{font-weight:700;color:var(--text)}.dashboard-due-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dashboard-due-item{display:flex;flex-direction:column;align-items:center;padding:14px 8px;border-radius:var(--radius);background:var(--bg-secondary)}.dashboard-due-count{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.dashboard-due-label{font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.dashboard-due-item--overdue .dashboard-due-count{color:#ef4444}.dashboard-due-item--today .dashboard-due-count{color:#f97316}.dashboard-due-item--week .dashboard-due-count{color:#eab308}.dashboard-due-item--upcoming .dashboard-due-count{color:#22c55e}.dashboard-due-item--overdue{background:#fef2f2}.dashboard-due-item--today{background:#fff7ed}.dashboard-due-item--week{background:#fefce8}.dashboard-due-item--upcoming{background:#f0fdf4}[data-theme=dark] .dashboard-due-item--overdue{background:#2a1215}[data-theme=dark] .dashboard-due-item--today{background:#2a1f10}[data-theme=dark] .dashboard-due-item--week{background:#2a2510}[data-theme=dark] .dashboard-due-item--upcoming{background:#0d2818}.dashboard-checklist-progress{display:flex;align-items:center;gap:20px}.dashboard-checklist-ring{position:relative;width:80px;height:80px;flex-shrink:0}.dashboard-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.dashboard-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--text)}.dashboard-checklist-detail{display:flex;flex-direction:column;gap:2px}.dashboard-checklist-nums{font-size:20px;font-weight:700;color:var(--text)}.dashboard-checklist-sublabel{font-size:12px;color:var(--text-muted)}.dashboard-completed-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.dashboard-completed-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.dashboard-completed-item:last-child{border-bottom:none}.dashboard-check-icon{flex-shrink:0}.dashboard-completed-title{font-size:13px;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-completed-board{font-size:14px;flex-shrink:0}.dashboard-activity-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.dashboard-activity-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0;border-bottom:1px solid var(--border)}.dashboard-activity-item:last-child{border-bottom:none}.dashboard-activity-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.dashboard-activity-icon--created{background:#dcfce7;color:#16a34a}.dashboard-activity-icon--updated{background:#dbeafe;color:#2563eb}.dashboard-activity-icon--deleted{background:#fee2e2;color:#dc2626}.dashboard-activity-icon--moved{background:#fef3c7;color:#d97706}[data-theme=dark] .dashboard-activity-icon--created{background:#0d2818;color:#34d399}[data-theme=dark] .dashboard-activity-icon--updated{background:#172340;color:#60a5fa}[data-theme=dark] .dashboard-activity-icon--deleted{background:#2a1215;color:#f87171}[data-theme=dark] .dashboard-activity-icon--moved{background:#2a2010;color:#fbbf24}.dashboard-activity-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dashboard-activity-text{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-activity-text strong{color:var(--text);font-weight:600;text-transform:capitalize}.dashboard-activity-text em{color:var(--text);font-style:normal;font-weight:500}.dashboard-activity-time{font-size:11px;color:var(--text-muted)}.dashboard-team-list{display:flex;flex-direction:column;gap:10px}.dashboard-team-member{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border)}.dashboard-team-member:last-child{border-bottom:none}.dashboard-team-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.dashboard-team-avatar--placeholder{background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.dashboard-team-email{font-size:13px;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-team-cards{font-size:12px;color:var(--text-muted);flex-shrink:0;background:var(--bg-secondary);padding:2px 8px;border-radius:10px}.undo-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#323232;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 4px 14px #00000040;z-index:9999;font-size:14px;min-width:300px;max-width:520px;animation:undo-toast-in .25s ease-out}.undo-toast--exit{animation:undo-toast-out .4s ease-in forwards}@keyframes undo-toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes undo-toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.undo-toast-message{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.undo-toast-btn{background:none;border:none;color:#8c72db;font-weight:600;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;transition:background .15s}.undo-toast-btn:hover{background:#5b8def26}.undo-toast-close{background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:2px 4px;line-height:1;transition:color .15s}.undo-toast-close:hover{color:#fff}.card-meta--blocked{color:#f59e0b;font-weight:600}.card-meta--blocked svg{stroke:#f59e0b}.dep-subsection{margin-bottom:12px}.dep-subsection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dep-subsection-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.dep-add-btn{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:2px 8px;border-radius:4px;font-weight:500}.dep-add-btn:hover{background:var(--surface-hover)}.dep-list{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.dep-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;background:var(--surface-hover);font-size:13px}.dep-item--blocker{border-left:3px solid #f59e0b}.dep-item--blocking{border-left:3px solid #ef4444}.dep-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.dep-remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0 4px;border-radius:4px;flex-shrink:0}.dep-remove-btn:hover{color:var(--danger);background:#ef44441a}.dep-dropdown{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-md);margin-top:4px;overflow:hidden}.dep-search-input{border:none!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;font-size:13px;padding:8px 12px}.dep-dropdown-list{max-height:180px;overflow-y:auto}.dep-dropdown-item{padding:8px 12px;font-size:13px;cursor:pointer;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dep-dropdown-item:hover{background:var(--surface-hover)}.dep-dropdown-empty{padding:12px;font-size:12px;color:var(--text-muted);text-align:center}.card-custom-fields{display:flex;flex-wrap:wrap;gap:4px 8px;padding:4px 0 2px}.card-custom-field{font-size:.7rem;color:var(--text-secondary);line-height:1.3}.card-custom-field-name{font-weight:600;color:var(--text-muted)}.custom-fields-list{display:flex;flex-direction:column;gap:8px}.custom-field-row{display:flex;align-items:center;gap:10px}.custom-field-label{font-size:12px;font-weight:600;color:var(--text-secondary);min-width:90px;flex-shrink:0}.custom-field-input-wrap{flex:1}.custom-field-input{width:100%;font-size:13px;padding:5px 8px}.manage-fields-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px dashed var(--border);color:var(--text-muted);padding:6px 12px;border-radius:var(--radius);font-size:12px;cursor:pointer;transition:all .15s ease}.manage-fields-btn:hover{color:var(--text);border-color:var(--text-muted)}.manage-fields-panel{margin-top:10px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border)}.manage-fields-existing{margin-bottom:10px}.manage-fields-empty{font-size:12px;color:var(--text-muted);padding:4px 0}.manage-field-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px}.manage-field-item+.manage-field-item{border-top:1px solid var(--border);padding-top:6px}.manage-field-name{font-weight:600;color:var(--text);flex:1}.manage-field-type{font-size:11px;color:var(--text-muted);background:var(--surface);padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.manage-field-options{font-size:11px;color:var(--text-muted)}.manage-field-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;border-radius:4px;transition:all .15s ease}.manage-field-delete:hover{color:var(--danger);background:#ef44441a}.manage-fields-add{display:flex;gap:6px;align-items:center}.manage-fields-add .form-input{font-size:12px;padding:5px 8px}.archive-view{flex:1;overflow-y:auto;padding:20px 24px 40px}.archive-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.archive-view-title{display:flex;align-items:center;gap:8px;color:var(--text)}.archive-view-title h2{margin:0;font-size:1.25rem;font-weight:700}.archive-view-count{font-size:.85rem;color:var(--text-muted);font-weight:500}.archive-view-search{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;color:var(--text-secondary);min-width:220px}.archive-view-search-input{background:transparent;border:none;outline:none;font-size:.85rem;color:var(--text);flex:1;min-width:0}.archive-view-search-input::placeholder{color:var(--text-muted)}.archive-view-search-clear{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center}.archive-view-search-clear:hover{color:var(--text)}.archive-view-empty{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:.95rem}.archive-view-list{display:flex;flex-direction:column;gap:8px}.archive-view-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;transition:border-color .15s,box-shadow .15s}.archive-view-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.archive-view-card-main{flex:1;min-width:0;cursor:pointer}.archive-view-card-title{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-view-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem}.archive-view-card-board{font-weight:500}.archive-view-card-priority{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:1px 6px;border-radius:4px;color:#fff}.archive-view-card-priority--urgent{background:#ef4444}.archive-view-card-priority--high{background:#f59e0b}.archive-view-card-priority--medium{background:#3b82f6}.archive-view-card-priority--low{background:#10b981}.archive-view-card-tag{font-size:.75rem;padding:1px 6px;border-radius:4px;border:1px solid;font-weight:500}.archive-view-card-date{color:var(--text-muted);font-size:.75rem}.archive-view-card-desc{font-size:.8rem;color:var(--text-secondary);margin-top:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-view-restore-btn{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;font-size:.8rem;color:var(--accent);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.archive-view-restore-btn:hover{background:var(--surface-hover);border-color:var(--accent)}.card-archive-btn{background:none;border:none;padding:3px;cursor:pointer;color:var(--text-muted);border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s}.card-archive-btn:hover{color:var(--accent);background:var(--surface-hover)}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:onboarding-fade-in .3s ease}@keyframes onboarding-fade-in{0%{opacity:0}to{opacity:1}}@keyframes onboarding-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 80px #00000026;width:100%;max-width:640px;margin:20px;max-height:calc(100vh - 40px);overflow-y:auto;position:relative;display:flex;flex-direction:column;animation:onboarding-slide-up .4s ease}.onboarding-skip-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:4px 12px;border-radius:6px;transition:all .15s;z-index:2}.onboarding-skip-btn:hover{background:var(--surface-hover);color:var(--text-secondary)}.onboarding-content{padding:40px 40px 24px;flex:1;min-height:380px;display:flex;align-items:stretch}.onboarding-step{width:100%;animation:onboarding-slide-up .3s ease}.onboarding-welcome,.onboarding-done{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.onboarding-welcome-icon,.onboarding-done-icon{margin-bottom:20px;opacity:.9}.onboarding-title{font-size:22px;font-weight:700;color:var(--text);margin:0 0 12px;line-height:1.3}.onboarding-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 8px;max-width:480px}.onboarding-description--sub{font-size:13px;color:var(--text-muted);margin-top:4px}.onboarding-board-name{margin:20px 0 16px}.onboarding-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:10px;font-size:15px;background:var(--bg-secondary);color:var(--text);outline:none;transition:border-color .15s;box-sizing:border-box}.onboarding-input:focus{border-color:var(--accent)}.onboarding-input::placeholder{color:var(--text-muted)}.onboarding-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.onboarding-template-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;background:var(--bg-secondary);text-align:center}.onboarding-template-card:hover{border-color:var(--accent);background:var(--surface)}.onboarding-template-card--selected{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 2px 12px #3b82f640}.onboarding-template-card--selected .onboarding-template-desc{color:#fffc}.onboarding-template-icon{font-size:24px;line-height:1}.onboarding-template-name{font-size:13px;font-weight:600}.onboarding-template-desc{font-size:11px;color:var(--text-muted);line-height:1.3}.onboarding-feature-grid{display:flex;flex-direction:column;gap:12px;margin-top:16px}.onboarding-feature-card{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border);transition:background .15s}.onboarding-feature-card:hover{background:var(--surface-hover)}.onboarding-feature-icon{flex-shrink:0;color:var(--accent);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.onboarding-feature-info{flex:1;min-width:0}.onboarding-feature-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.onboarding-feature-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.onboarding-integration-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.onboarding-integration-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border)}.onboarding-integration-icon{flex-shrink:0;display:flex;align-items:center}.onboarding-integration-info{flex:1;min-width:0}.onboarding-integration-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.onboarding-integration-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.onboarding-integration-badge{flex-shrink:0;font-size:11px;font-weight:500;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);padding:3px 10px;border-radius:20px}.onboarding-help-links{display:flex;flex-direction:column;gap:10px;margin-top:20px;text-align:left;width:100%;max-width:360px}.onboarding-help-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.onboarding-help-icon{flex-shrink:0;color:var(--text-muted);display:flex;align-items:center}.onboarding-help-item kbd{display:inline-block;padding:2px 7px;font-size:11px;font-family:inherit;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text);box-shadow:0 1px 0 var(--border)}.onboarding-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 40px 28px;border-top:1px solid var(--border)}.onboarding-dots{display:flex;gap:8px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .2s}.onboarding-dot--active{background:var(--accent);transform:scale(1.3)}.onboarding-dot--completed{background:var(--accent);opacity:.5}.onboarding-nav{display:flex;gap:10px}.onboarding-btn{padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.onboarding-btn--primary{background:var(--accent);color:#fff}.onboarding-btn--primary:hover{background:var(--accent-hover)}.onboarding-btn--primary:disabled{opacity:.6;cursor:not-allowed}.onboarding-btn--secondary{background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border)}.onboarding-btn--secondary:hover{background:var(--bg-secondary);color:var(--text)}@media(max-width:600px){.onboarding-content{padding:28px 20px 16px;min-height:300px}.onboarding-footer{padding:12px 20px 20px;flex-direction:column;gap:12px}.onboarding-template-grid{grid-template-columns:repeat(2,1fr)}.onboarding-title{font-size:18px}.onboarding-modal{margin:10px;max-height:calc(100vh - 20px)}}.ws-switcher{position:relative;padding:0 4px}.ws-switcher-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:none;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;font-family:inherit;text-align:left;transition:background .15s,border-color .15s;color:var(--text)}.ws-switcher-btn:hover{background:var(--surface-hover);border-color:var(--border)}.ws-switcher-icon{font-size:22px;flex-shrink:0;line-height:1}.ws-switcher-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ws-switcher-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-switcher-meta{display:flex;align-items:center;gap:6px;font-size:11px}.ws-plan-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.ws-plan-badge--sm{font-size:9px;padding:1px 4px}.ws-member-count{color:var(--text-muted);font-size:11px}.ws-switcher-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s;display:flex;align-items:center}.ws-switcher-chevron--open{transform:rotate(180deg)}.ws-dropdown{position:absolute;top:calc(100% + 4px);left:4px;right:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #0000001f;z-index:200;overflow:hidden}[data-theme=dark] .ws-dropdown{box-shadow:0 8px 24px #0006}.ws-dropdown-header{padding:8px 12px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.ws-dropdown-list{max-height:200px;overflow-y:auto;padding:4px}.ws-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:none;border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:13px;color:var(--text);text-align:left;transition:background .15s}.ws-dropdown-item:hover{background:var(--surface-hover)}.ws-dropdown-item--active{background:var(--accent);background:#3b82f614}.ws-dropdown-item-icon{font-size:16px;flex-shrink:0}.ws-dropdown-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-dropdown-check{flex-shrink:0;color:var(--accent)}.ws-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.ws-dropdown-action{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;color:var(--text-secondary);transition:background .15s,color .15s}.ws-dropdown-action:hover{background:var(--surface-hover);color:var(--text)}.ws-dropdown-create-form{display:flex;gap:6px;padding:6px 8px}.ws-dropdown-create-input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:inherit;background:var(--surface);color:var(--text);outline:none}.ws-dropdown-create-input:focus{border-color:var(--accent)}.ws-dropdown-create-confirm{padding:6px 12px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.ws-dropdown-create-confirm:hover{background:var(--accent-hover)}.ws-dropdown-create-confirm:disabled{opacity:.5;cursor:not-allowed}.ws-sidebar-members{padding:0 4px}.ws-sidebar-member-item{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:6px;font-size:12px}.ws-sidebar-member-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;object-fit:cover}.ws-sidebar-member-avatar--letter{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.ws-sidebar-member-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.ws-sidebar-member-role{font-size:10px;color:var(--text-muted);text-transform:capitalize}.ws-settings-modal{max-width:560px}.ws-settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ws-settings-title{font-size:18px;font-weight:700}.ws-settings-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.ws-settings-close:hover{background:var(--surface-hover);color:var(--text)}.ws-settings-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px}.ws-settings-tab{padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s}.ws-settings-tab:hover{color:var(--text)}.ws-settings-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.ws-settings-section{display:flex;flex-direction:column;gap:14px}.ws-settings-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.ws-settings-input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.ws-settings-input:focus{border-color:var(--accent)}.ws-icon-picker{display:flex;flex-wrap:wrap;gap:6px}.ws-icon-option{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:8px;background:none;font-size:18px;cursor:pointer;transition:border-color .15s,background .15s}.ws-icon-option:hover{background:var(--surface-hover)}.ws-icon-option--active{border-color:var(--accent);background:#3b82f614}.ws-settings-save-btn{align-self:flex-start;padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;margin-top:4px}.ws-settings-save-btn:hover{background:var(--accent-hover)}.ws-settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.ws-invite-form{display:flex;flex-direction:column;gap:8px}.ws-invite-row{display:flex;gap:8px}.ws-invite-email{flex:1}.ws-invite-role-select{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:inherit;background:var(--surface);color:var(--text);outline:none;cursor:pointer}.ws-invite-btn{padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.ws-invite-btn:hover{background:var(--accent-hover)}.ws-invite-btn:disabled{opacity:.5;cursor:not-allowed}.ws-invite-error{font-size:12px;color:var(--danger)}.ws-members-list{display:flex;flex-direction:column;gap:2px}.ws-member-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);transition:background .15s}.ws-member-row:hover{background:var(--surface-hover)}.ws-member-avatar{flex-shrink:0}.ws-member-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.ws-member-avatar-letter{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:14px;font-weight:700}.ws-member-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ws-member-email{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-member-role-label{font-size:11px;color:var(--text-muted);text-transform:capitalize}.ws-member-actions{display:flex;align-items:center;gap:6px}.ws-member-role-select{padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:12px;font-family:inherit;background:var(--surface);color:var(--text);outline:none;cursor:pointer}.ws-member-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s}.ws-member-remove:hover{color:var(--danger);background:var(--surface-hover)}.ws-member-you{font-size:11px;color:var(--accent);font-weight:600}.ws-plan-current{padding:14px;background:var(--surface-hover);border-radius:var(--radius)}.ws-plan-name-row{display:flex;align-items:center;justify-content:space-between}.ws-plan-current-label{font-size:12px;color:var(--text-secondary);font-weight:600}.ws-plan-current-name{font-size:16px;font-weight:700;color:var(--text)}.ws-usage-grid{display:flex;flex-direction:column;gap:14px}.ws-usage-item{display:flex;flex-direction:column;gap:6px}.ws-usage-header-row{display:flex;justify-content:space-between;align-items:center}.ws-usage-label{font-size:13px;color:var(--text-secondary)}.ws-usage-value{font-size:13px;font-weight:600;color:var(--text)}.ws-usage-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.ws-usage-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.ws-upgrade-btn{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;text-align:center}.ws-upgrade-btn:hover{background:var(--accent-hover)}.ws-loading{text-align:center;color:var(--text-muted);font-size:13px;padding:20px}.pricing-modal{max-width:900px;padding:32px}.pricing-header{text-align:center;margin-bottom:28px;position:relative}.pricing-header .ws-settings-close{position:absolute;top:0;right:0}.pricing-title{font-size:24px;font-weight:800;color:var(--text)}.pricing-subtitle{font-size:14px;color:var(--text-secondary);margin-top:6px}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.pricing-card{border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;position:relative;transition:border-color .2s,box-shadow .2s}.pricing-card:hover{box-shadow:var(--shadow-md)}.pricing-card--popular{border-width:2px}.pricing-card--current{background:var(--surface-hover)}.pricing-popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);color:#fff;font-size:11px;font-weight:700;padding:3px 12px;border-radius:20px;white-space:nowrap}.pricing-card-header{text-align:center;margin-bottom:20px}.pricing-plan-name{font-size:18px;font-weight:800;margin-bottom:4px}.pricing-plan-desc{font-size:12px;color:var(--text-secondary);margin-bottom:14px}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:2px}.pricing-currency{font-size:20px;font-weight:700;color:var(--text)}.pricing-amount{font-size:40px;font-weight:800;color:var(--text);line-height:1}.pricing-period{font-size:13px;color:var(--text-secondary)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;flex:1}.pricing-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.pricing-feature--disabled{color:var(--text-muted)}.pricing-feature-icon{flex-shrink:0}.pricing-cta{padding:10px 20px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;background:var(--surface);color:var(--text);transition:background .15s,border-color .15s;text-align:center}.pricing-cta:hover{background:var(--surface-hover);border-color:var(--text-muted)}.pricing-cta--current{background:var(--surface-hover);color:var(--text-muted);cursor:default;border-color:var(--border)}.pricing-cta--current:hover{background:var(--surface-hover);border-color:var(--border)}.pricing-cta--popular{color:#fff;border-color:transparent}.pricing-cta--popular:hover{opacity:.9;border-color:transparent}.pricing-addon-note{text-align:center;font-size:13px;color:var(--text-muted)}@media(max-width:768px){.pricing-cards{grid-template-columns:1fr;gap:16px}.pricing-modal{padding:20px}}.board--wallpaper{background-size:cover;position:relative}.board--wallpaper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.board--wallpaper>*{position:relative;z-index:1}.ws-wallpaper-hint{font-size:12.5px;color:var(--text-muted);margin:-4px 0 4px;line-height:1.4}.ws-wallpaper-preview{display:flex;gap:10px;padding:16px;border-radius:10px;min-height:80px;border:1px solid var(--border);transition:background .3s}.ws-wallpaper-preview-col{display:flex;flex-direction:column;gap:6px;flex:1}.ws-wallpaper-preview-card{height:20px;background:#ffffffd9;border-radius:4px;border:1px solid rgba(0,0,0,.06)}[data-theme=dark] .ws-wallpaper-preview-card{background:#1c1e2ad9;border-color:#ffffff14}.ws-wallpaper-none-btn{display:block;width:100%;padding:8px 14px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;text-align:center}.ws-wallpaper-none-btn:hover{border-color:var(--text-muted);color:var(--text)}.ws-wallpaper-none-btn--active{border-color:var(--accent);color:var(--accent);background:#3b82f60f}.ws-wallpaper-grid{display:flex;flex-wrap:wrap;gap:8px}.ws-wallpaper-swatch{width:36px;height:36px;border-radius:8px;border:2.5px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s;box-shadow:0 1px 3px #0000001f}.ws-wallpaper-swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px #0000002e}.ws-wallpaper-swatch--active{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f64d,0 2px 8px #00000026;transform:scale(1.08)}