@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,-apple-system,sans-serif}.app.dark{--bg-app:linear-gradient(145deg, #0f0f12 0%, #1a1a24 50%, #12121a 100%);--bg-header:#0f0f12cc;--bg-column:#ffffff06;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--bg-input:#ffffff0a;--bg-modal:#1e1e2a;--bg-overlay:#000000b3;--bg-btn:#ffffff0f;--bg-picker:#1e1e2a;--border-soft:#ffffff0f;--border-input:#ffffff14;--border-card:#ffffff0a;--border-column:#ffffff0d;--text-primary:#f0f0f5;--text-secondary:#e0e0e8;--text-muted:#6b6f82;--text-faint:#555;--text-col-title:#c0c0cc;--text-card-title:#e8e8f0;--text-card-desc:#b0b3c0;--text-empty:#666;--shadow-card:0 4px 16px #0003;--shadow-picker:0 12px 40px #00000080}.app.light{--bg-app:linear-gradient(145deg, #eef1f6 0%, #e2e6ed 50%, #f0f2f7 100%);--bg-header:#ffffffeb;--bg-column:#0000000a;--bg-card:#fff;--bg-card-hover:#f5f6fa;--bg-input:#0000000a;--bg-modal:#fff;--bg-overlay:#00000059;--bg-btn:#0000000f;--bg-picker:#fff;--border-soft:#0000001a;--border-input:#00000026;--border-card:#00000014;--border-column:#00000014;--text-primary:#111827;--text-secondary:#1f2937;--text-muted:#4b5563;--text-faint:#6b7280;--text-col-title:#374151;--text-card-title:#111827;--text-card-desc:#4b5563;--text-empty:#6b7280;--shadow-card:0 2px 10px #00000014;--shadow-picker:0 12px 40px #00000026}.app{background:var(--bg-app);min-height:100vh;color:var(--text-secondary);transition:background .3s,color .3s;overflow:hidden}.header{border-bottom:1px solid var(--border-soft);background:var(--bg-header);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:600;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;transition:background .3s,border-color .3s;display:flex;position:relative}.header-left{align-items:center;gap:14px;display:flex}.logo-mark{color:#fff;background:linear-gradient(135deg,#4f8cff,#a855f7);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-family:Space Mono,monospace;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 20px #4f8cff4d}.title{color:var(--text-primary);letter-spacing:-.02em;font-size:22px;font-weight:700}.subtitle{color:var(--text-muted);font-size:13px;font-weight:400}.hidden-count{color:#e8a838;font-weight:500}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-wrap{position:relative}.search-icon{color:var(--text-faint);font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-secondary);border-radius:10px;outline:none;width:180px;padding:9px 14px 9px 34px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .2s,background .3s}.search-input:focus{border-color:#4f8cff66}.priority-filter-wrap{position:relative}.priority-filter-btn{align-items:center;gap:8px;display:flex}.priority-filter-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.priority-filter-arrow{color:var(--text-muted);margin-left:2px;font-size:10px}.priority-filter-menu{min-width:170px;max-width:180px}.column-picker.priority-filter-menu{width:170px;min-width:0}.theme-btn{border:1px solid var(--border-input);background:var(--bg-input);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:all .2s;display:flex}.theme-btn:hover{background:var(--bg-btn)}.column-picker-wrap{position:relative}.columns-btn{border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:9px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.columns-btn:hover{background:var(--bg-btn)}.column-picker{background:var(--bg-picker);border:1px solid var(--border-soft);min-width:240px;box-shadow:var(--shadow-picker);z-index:500;border-radius:14px;padding:8px;animation:.15s fadeInDown;position:absolute;top:calc(100% + 8px);right:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.column-picker-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:6px 10px 8px;font-family:Space Mono,monospace;font-size:11px;font-weight:700}.column-picker-item{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-family:DM Sans,sans-serif;font-size:13px;transition:background .15s;display:flex}.column-picker-item:hover{background:var(--bg-btn)}.column-picker-item:not(.active){opacity:.5}.column-picker-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.column-picker-label{text-align:left;flex:1}.column-picker-count{color:var(--text-muted);font-family:Space Mono,monospace;font-size:11px}.column-picker-check{text-align:center;color:#22c55e;width:20px;font-size:14px;font-weight:700}.tag-manager{min-width:260px}.tag-add-row{gap:6px;padding:4px 8px 8px;display:flex}.tag-add-input{border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-secondary);border-radius:8px;outline:none;flex:1;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:12px}.tag-add-input:focus{border-color:#4f8cff66}.tag-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f8cff,#a855f7);border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:opacity .2s;display:flex}.tag-add-btn:disabled{opacity:.3;cursor:not-allowed}.tag-manager-list{max-height:240px;padding:0 4px 4px;overflow-y:auto}.tag-manager-item{border-radius:8px;align-items:center;gap:8px;padding:7px 8px;transition:background .15s;display:flex}.tag-manager-item:hover{background:var(--bg-btn)}.tag-manager-item.disabled{opacity:.4}.tag-manager-label{color:var(--text-secondary);flex:1;font-size:13px}.tag-toggle-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:14px;transition:background .15s}.tag-toggle-btn:hover{background:var(--bg-btn)}.tag-delete-btn{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:13px;transition:opacity .15s,background .15s}.tag-delete-btn:hover{opacity:1;background:#ff50501a}.tag-confirm-row{gap:4px;display:flex}.tag-confirm-yes{color:#22c55e;cursor:pointer;background:#22c55e26;border:none;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:700}.tag-confirm-no{color:#ff6b6b;cursor:pointer;background:#ff505026;border:none;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:700}.tag-empty-hint{color:var(--text-muted);font-size:12px;font-style:italic}.trash-btn{border:1px solid var(--border-input);background-color:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:2px 14px;font-family:DM Sans,sans-serif;font-size:22px;font-weight:500;transition:all .2s;display:flex}.trash-btn:hover{background-color:var(--bg-btn)}.trash-count{color:#ff6b6b;background:#ff505033;border-radius:10px;padding:1px 7px;font-family:Space Mono,monospace;font-size:11px;font-weight:700}.trash-modal{max-width:500px}.trash-body{max-height:50vh;padding:16px 24px;overflow-y:auto}.trash-empty{text-align:center;padding:40px 20px}.trash-empty-icon{opacity:.3;font-size:40px}.trash-empty-text{color:var(--text-muted);margin-top:12px;font-size:14px}.trash-list{flex-direction:column;gap:8px;display:flex}.trash-item{background-color:var(--bg-input);border:1px solid var(--border-card);border-radius:10px;align-items:center;gap:12px;padding:12px;transition:background-color .15s;display:flex}.trash-item:hover{background-color:var(--bg-btn)}.trash-item-content{flex:1;min-width:0}.trash-item-title{color:var(--text-card-title);margin-bottom:2px;font-size:13px;font-weight:600}.trash-item-desc{color:var(--text-card-desc);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.trash-item-date{color:var(--text-faint);margin-top:4px;font-family:Space Mono,monospace;font-size:10px}.trash-restore-btn{color:#4f8cff;cursor:pointer;background:#4f8cff14;border:1px solid #4f8cff33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.trash-restore-btn:hover{background:#4f8cff2e}.reset-btn{color:#ff6b6b;cursor:pointer;background:#ff505014;border:1px solid #ff505033;border-radius:10px;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.reset-btn:hover{background:#ff50502e}.board{align-items:flex-start;gap:12px;height:calc(100vh - 100px);padding:24px 20px;display:flex;overflow-x:hidden}.column{background:var(--bg-column);border:1px solid var(--border-column);border-radius:16px;flex-direction:column;flex:1 1 0;min-width:0;max-height:100%;transition:all .25s;display:flex}.column-drag-over{background:#4f8cff0f;border-color:#4f8cff40;box-shadow:0 0 30px #4f8cff1a}.col-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.col-header-left{align-items:center;gap:8px;display:flex}.col-dot{border-radius:50%;width:8px;height:8px}.col-title{color:var(--text-col-title);letter-spacing:.02em;font-size:13px;font-weight:600}.col-count{border-radius:20px;padding:2px 8px;font-family:Space Mono,monospace;font-size:11px;font-weight:700}.add-btn-small{border:1px solid var(--border-input);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:18px;transition:all .2s;display:flex}.add-btn-small:hover{background:var(--bg-btn)}.card-list{flex:1;padding:8px 10px 12px;overflow-y:auto}.card{background:var(--bg-card);cursor:grab;border:1px solid var(--border-card);border-radius:12px;margin-bottom:8px;padding:10px 14px;transition:all .2s;position:relative}.card:hover{background:var(--bg-card-hover);border-color:var(--border-input);box-shadow:var(--shadow-card);transform:translateY(-1px)}.card:active{cursor:grabbing}.card-tags{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.card-header-row{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.card-header-row .card-title{margin:0}.card-bottom{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.priority-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:3px 8px;font-family:Space Mono,monospace;font-size:10px;font-weight:700}.priority-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.card-date{color:var(--text-faint);white-space:nowrap;flex-shrink:0;font-family:Space Mono,monospace;font-size:11px}.card-title{color:var(--text-card-title);margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.35}.card-desc{color:var(--text-card-desc);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12px;line-height:1.5}@keyframes slideInIndicator{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.card.drag-hover-before:before,.card.drag-hover-after:after{content:"";z-index:10;transform-origin:50%;background:linear-gradient(90deg,#4f8cff,#a855f7);border-radius:2px;height:4px;animation:.15s cubic-bezier(.16,1,.3,1) forwards slideInIndicator;position:absolute;left:0;right:0;box-shadow:0 0 10px #4f8cff99}.card.drag-hover-before:before{top:-6px}.card.drag-hover-after:after{bottom:-6px}.tag{letter-spacing:.02em;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700}.empty-col{opacity:.4;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.empty-icon{font-size:28px}.empty-text{color:var(--text-empty);font-size:12px}.drop-hint{text-align:center;color:#4f8cff;background:#4f8cff0a;border:2px dashed #4f8cff66;border-radius:12px;margin:4px 0;padding:20px;font-size:13px;font-weight:500}.overlay{background:var(--bg-overlay);z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-modal);border:1px solid var(--border-soft);border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;transition:background .3s;display:flex;box-shadow:0 24px 80px #0000004d}.modal-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.close-btn{background:var(--bg-btn);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.close-btn:hover{background:var(--bg-input)}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:16px;margin-bottom:6px;font-family:Space Mono,monospace;font-size:11px;font-weight:700;display:block}.label:first-child{margin-top:0}.label-hint{text-transform:none;letter-spacing:0;opacity:.6;font-family:DM Sans,sans-serif;font-size:10px;font-weight:400}.desc-header{justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:6px;display:flex}.desc-header .label{margin:0}.bullet-btn{border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;transition:all .2s}.bullet-btn:hover{background:var(--bg-btn);color:var(--text-secondary)}.input,.textarea,.select-input{border:1px solid var(--border-input);background-color:var(--bg-input);width:100%;color:var(--text-secondary);border-radius:10px;outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s,background-color .3s}.input:focus,.textarea:focus,.select-input:focus{border-color:#4f8cff66}.textarea{resize:vertical}.select-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.priority-row{gap:8px;display:flex}.priority-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.priority-btn.active{transform:scale(1.05)}.tags-row{flex-wrap:wrap;gap:6px;display:flex}.tag-btn{cursor:pointer;border:1px solid;border-radius:8px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.modal-footer{border-top:1px solid var(--border-soft);align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.delete-btn{color:#ff6b6b;cursor:pointer;background:#ff50501a;border:1px solid #ff50504d;border-radius:10px;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.delete-btn:hover{background:#ff505033}.cancel-btn{border:1px solid var(--border-input);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.cancel-btn:hover{background:var(--bg-btn)}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f8cff,#a855f7);border:none;border-radius:10px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #4f8cff4d}.save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #4f8cff66}.save-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.data-modal{max-width:460px}.data-modal-body{padding:24px}.data-summary{gap:12px;margin-bottom:24px;display:flex}.data-summary-item{text-align:center;background-color:var(--bg-input);border:1px solid var(--border-card);border-radius:12px;flex:1;padding:14px 8px}.data-summary-num{color:var(--text-primary);font-family:Space Mono,monospace;font-size:24px;font-weight:700;display:block}.data-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-family:Space Mono,monospace;font-size:11px;display:block}.data-section{margin-bottom:8px}.data-section-title{color:var(--text-primary);margin:0 0 8px;font-size:15px;font-weight:600}.data-section-desc{color:var(--text-card-desc);margin:0 0 12px;font-size:13px;line-height:1.5}.data-section-desc strong{color:var(--text-primary)}.data-last-export{color:var(--text-muted);margin:0 0 12px;font-family:Space Mono,monospace;font-size:11px}.data-action-btn{width:100%;padding:12px;font-size:14px}.data-import-btn{border:1px dashed var(--border-input);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s}.data-import-btn:hover{background-color:var(--bg-btn);color:#4f8cff;border-style:solid;border-color:#4f8cff4d}.data-divider{background:var(--border-soft);height:1px;margin:20px 0}.import-modal{max-width:440px}.import-date{color:var(--text-card-desc);text-align:center;margin:0 0 20px;font-size:14px}.import-date strong{color:var(--text-primary)}.import-columns{background-color:var(--bg-input);border:1px solid var(--border-card);border-radius:12px;margin-bottom:16px;padding:14px 16px}.import-columns-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-family:Space Mono,monospace;font-size:11px;font-weight:700}.import-column-row{justify-content:space-between;align-items:center;padding:5px 0;display:flex}.import-column-name{color:var(--text-secondary);font-size:13px}.import-column-count{color:var(--text-primary);font-family:Space Mono,monospace;font-size:13px;font-weight:700}.import-warning{color:var(--text-card-desc);background:#ffb40014;border:1px solid #ffb40033;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.import-warning strong{color:var(--text-primary)}.welcome-overlay{z-index:1100}.welcome-modal{text-align:center;max-width:540px;padding:36px 36px 28px;overflow-y:auto}.welcome-icon{margin-bottom:16px;font-size:48px}.welcome-title{color:var(--text-primary);margin:0 0 16px;font-size:20px;font-weight:700}.welcome-text{color:var(--text-card-desc);text-align:left;margin:0 0 12px;font-size:14px;line-height:1.6}.welcome-text strong{color:var(--text-primary)}.welcome-warning{background:#ffb40014;border:1px solid #ffb40033;border-radius:10px;margin-top:16px;padding:12px 14px;font-size:13px}.welcome-check-label{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;margin:20px 0 24px;font-size:13px;display:flex}.welcome-checkbox{accent-color:#4f8cff;cursor:pointer;width:16px;height:16px}.welcome-btn{flex-shrink:0;width:100%;margin-top:4px;padding:13px 24px;font-size:15px}.toast{color:#22c55e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background:#22c55e26;border:1px solid #22c55e4d;border-radius:12px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;animation:.3s fadeInUp;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.card-list::-webkit-scrollbar{width:4px}.card-list::-webkit-scrollbar-track{background:0 0}.card-list::-webkit-scrollbar-thumb{background:#80808033;border-radius:4px}@media (width<=768px){.header{padding:16px}.header-actions{width:100%}.search-input{flex:1;width:100%}.search-wrap{flex:1}.board{flex-direction:column;gap:16px;height:auto;padding:16px;overflow-y:auto}.column{flex:none;width:100%;max-height:none}.card-list{max-height:300px;overflow-y:auto}.column-picker{left:0;right:auto}}