@charset "UTF-8";.app-header{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:60px!important;display:flex!important;align-items:center!important;padding:0 24px 0 80px!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-bottom:1px solid rgba(0,0,0,.06)!important;z-index:1000!important}@media (platform: windows){.app-header{padding:0 140px 0 24px!important}}.app-header .header-content{flex:1!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.app-header .header-content .header-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.app-header .header-content .header-actions .summary-btn-global{padding:6px 12px!important;font-size:13px!important;font-weight:500!important;background:#3b82f614!important;color:#3b82f6!important;border:1px solid rgba(59,130,246,.2)!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important}.app-header .header-content .header-actions .summary-btn-global:hover{background:#3b82f61f!important;border-color:#3b82f64d!important;transform:translateY(-1px)!important}.app-header .header-content .header-actions .right-button-group{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important}.app-header .header-content .header-actions .user-avatar{display:flex!important;align-items:center!important;cursor:pointer!important}.app-header .header-content .header-actions .user-avatar .avatar-circle{width:36px!important;height:36px!important;border-radius:50%!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.5px!important;transition:all .2s ease!important;box-shadow:0 2px 8px #0000001a!important}.app-header .header-content .header-actions .user-avatar:hover .avatar-circle{transform:scale(1.05)!important;box-shadow:0 4px 12px #00000026!important}.compact-input-area{display:flex!important;flex-direction:column!important;gap:12px!important;margin-top:8px!important}.compact-input-area .input-container{position:relative!important;border:2px dashed #e5e7eb!important;border-radius:12px!important;padding:16px!important;background:#fffc!important;transition:all .3s ease!important}.compact-input-area .input-container.task-drop-zone.drag-over{border-color:#3b82f6!important;background:#3b82f60d!important;box-shadow:0 0 0 4px #3b82f61a!important}.compact-input-area .input-container .activity-input{width:100%!important;min-height:60px!important;padding:12px 14px!important;border:none!important;background:transparent!important;font-size:1rem!important;line-height:1.625!important;color:#6b7280!important;resize:none!important;font-family:Inter,sans-serif!important;text-align:left!important}.compact-input-area .input-container .activity-input::placeholder{color:#9ca3af!important;font-weight:400!important;text-align:left!important;line-height:1.5!important}.compact-input-area .input-container .activity-input:focus{outline:none!important;color:#374151!important}.compact-input-area .input-container .activity-input:focus::placeholder{color:#d1d5db!important}.compact-input-area .input-container .send-btn{display:none!important}.compact-input-area .summary-btn{align-self:flex-start!important;padding:8px 16px!important;font-size:.875rem!important;background:#3b82f614!important;color:#3b82f6!important;border:1px solid rgba(59,130,246,.2)!important;border-radius:8px!important;transition:all .2s ease!important}.compact-input-area .summary-btn:hover{background:#3b82f61f!important;border-color:#3b82f64d!important;transform:translateY(-1px)!important}.main-view{display:none!important}.main-view.active{display:block!important}.consistent-nav-panel{position:fixed!important;bottom:20px!important;left:20px!important;z-index:1000!important}.consistent-nav-panel .panel-bottom-switcher{display:flex!important;gap:4px!important;padding:6px!important;background:#fffffff2!important;border-radius:12px!important;box-shadow:0 4px 12px #00000026!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.2)!important}.panel-bottom-switcher{display:flex!important;gap:4px!important}.panel-bottom-switcher .switcher-btn{padding:8px 12px!important;border-radius:8px!important;border:1px solid #e5e7eb!important;background:#fff!important;color:#374151!important;font-size:.75rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;min-width:56px!important;text-align:center!important}.panel-bottom-switcher .switcher-btn:hover{background:#f9fafb!important;border-color:#d1d5db!important}.panel-bottom-switcher .switcher-btn.active{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important;box-shadow:0 2px 4px #3b82f64d!important}.left-panel{display:flex!important;flex-direction:column!important;padding:8px!important;gap:12px!important;overflow:hidden!important;background:#f4f4f7!important}.panel-top-controls{display:flex;flex-direction:column;gap:8px}.panel-top-controls .search-input,.panel-top-controls .project-filter{width:100%;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:#fff;font-size:.875rem;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;-webkit-appearance:none}.panel-top-controls .search-input:focus,.panel-top-controls .project-filter:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633,0 1px 2px #0000000d}.task-scroll-area{flex-grow:1!important;overflow-y:auto!important;min-height:0!important}.task-scroll-area .task-list{display:flex;flex-direction:column;gap:0px}.task-item{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;background:#fff;border-radius:6px;border:1px solid transparent;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;margin:0 0 5px!important;min-height:auto}.task-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014;background:#00000008!important}.task-item .task-info{flex-grow:1;cursor:grab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-item .task-title{font-size:.875rem;margin-bottom:1px;line-height:1.2}.task-item .task-meta{font-size:.75rem;color:#6b7280;line-height:1.1}.task-item .task-actions{display:flex}.task-item .task-action-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:1rem}.task-item .task-action-btn:hover{background:#f3f4f6;color:#1f2937}.timer-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 24px;background:transparent;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;margin:0}.timer-section .mini-mode-btn{position:absolute;top:7px;right:7px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#64748b;z-index:10}.timer-section .mini-mode-btn .mini-icon{width:16px;height:16px;display:flex;align-items:flex-end;justify-content:flex-end}.timer-section .mini-mode-btn .mini-icon rect{stroke:currentColor;stroke-width:1.5}.timer-section .mini-mode-btn:hover{border-color:#3b82f6;color:#3b82f6}.timer-section .mini-mode-btn:active{transform:scale(.98)}.timer-section .timer-display{font-size:6rem;font-weight:300;letter-spacing:1px;line-height:1.25;margin:0}.timer-section .timer-controls{margin:0}.timer-status{font-size:1rem;font-weight:500;color:#3b82f6;text-align:left;line-height:1.375;margin:0 0 8px;position:relative;letter-spacing:.2px}.timer-status.has-task{color:#3b82f6;font-weight:500}.timer-status.has-task:before{content:"🎯";margin-right:4px}.timer-controls{display:flex;gap:12px}.project-list{display:flex;flex-direction:column;gap:6px}.project-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fff;border-radius:8px;border:1px solid transparent;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;cursor:pointer}.project-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014;border-color:#e5e7eb}.project-item .project-info{flex-grow:1}.project-item .project-title{font-size:.875rem;font-weight:500;margin-bottom:4px;color:#1f2937}.project-item .project-meta{font-size:.75rem;color:#6b7280;margin-bottom:6px}.project-item .project-progress .progress-bar{width:100%;height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden}.project-item .project-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);transition:width .3s ease}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;margin-top:12px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#fff;border-radius:8px;border:1px solid #f3f4f6;box-shadow:0 1px 2px #0000000d}.stat-item .stat-number{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:4px}.stat-item .stat-label{font-size:.75rem;color:#6b7280;text-align:center;font-weight:500}.project-stats,.task-stats{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.project-stats h3,.task-stats h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 12px}.recent-updates{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.recent-updates h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 12px}.update-list{display:flex;flex-direction:column;gap:8px}.update-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f3f4f6}.update-item:last-child{border-bottom:none}.update-item .update-title{font-size:.875rem;color:#374151;font-weight:500;flex:1;margin-right:8px}.update-item .update-time{font-size:.75rem;color:#9ca3af;white-space:nowrap}.task-subview{display:none;width:100%;height:100%;transition:opacity .3s ease,transform .3s ease}.task-subview.active{display:block;opacity:1;transform:translate(0)}.kanban-view{display:flex;gap:20px;overflow-x:auto;padding:8px}.kanban-view .kanban-column{flex:1;min-width:300px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.kanban-view .kanban-column .column-header{padding:16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.kanban-view .kanban-column .column-header .column-title{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:4px}.kanban-view .kanban-column .column-header .task-count{font-size:.75rem;color:#64748b}.kanban-view .kanban-column .column-tasks{padding:16px;display:flex;flex-direction:column;gap:12px}.kanban-view .kanban-column .column-tasks .task-card{padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.kanban-view .kanban-column .column-tasks .task-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#3b82f6}.kanban-view .kanban-column .column-tasks .task-card .task-title{font-size:.875rem;font-weight:500;color:#1a202c;margin-bottom:8px}.kanban-view .kanban-column .column-tasks .task-card .task-tags{display:flex;gap:6px;margin-bottom:8px}.kanban-view .kanban-column .column-tasks .task-card .task-tags .task-tag{padding:2px 6px;font-size:.75rem;font-weight:500;border-radius:4px}.kanban-view .kanban-column .column-tasks .task-card .task-tags .task-tag:nth-child(1){background:#fef3c7;color:#92400e}.kanban-view .kanban-column .column-tasks .task-card .task-tags .task-tag:nth-child(2){background:#dbeafe;color:#1e40af}.kanban-view .kanban-column .column-tasks .task-card .task-meta,.kanban-view .kanban-column .column-tasks .task-card .task-project{font-size:.75rem;color:#64748b}.status-board{display:flex;gap:20px;overflow-x:auto;padding:8px}.status-board .status-column{flex:1;min-width:250px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.status-board .status-column .column-header{padding:16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.status-board .status-column .column-header .column-title{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:4px}.status-board .status-column .column-header .task-count{font-size:.75rem;color:#64748b}.status-board .status-column .column-tasks{padding:16px;display:flex;flex-direction:column;gap:12px}.status-board .status-column .column-tasks .status-task-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:6px!important;padding:8px 10px!important;display:flex!important;align-items:flex-start!important;gap:8px!important;transition:all .2s ease!important;position:relative!important;min-height:60px!important}.status-board .status-column .column-tasks .status-task-card .task-checkbox-wrapper{flex-shrink:0!important;padding-top:2px!important}.status-board .status-column .column-tasks .status-task-card .task-checkbox-wrapper .task-checkbox{width:16px!important;height:16px!important;cursor:pointer!important;accent-color:#3b82f6!important}.status-board .status-column .column-tasks .status-task-card .task-content{flex:1!important;cursor:pointer!important}.status-board .status-column .column-tasks .status-task-card .task-content .task-title{font-size:14px!important;font-weight:500!important;color:#1a202c!important;margin-bottom:4px!important;line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important}.status-board .status-column .column-tasks .status-task-card .task-content .task-project{font-size:12px!important;color:#6b7280!important;margin-bottom:6px!important}.status-board .status-column .column-tasks .status-task-card .task-content .task-meta{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}.status-board .status-column .column-tasks .status-task-card .task-content .task-meta .task-priority{padding:2px 6px!important;border-radius:10px!important;font-size:10px!important;font-weight:500!important;white-space:nowrap!important;line-height:1.2!important}.status-board .status-column .column-tasks .status-task-card .task-content .task-meta .task-priority.urgent-important{background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important}.status-board .status-column .column-tasks .status-task-card .task-content .task-meta .task-priority.not-urgent-important{background:#f0fdf4!important;color:#16a34a!important;border:1px solid #bbf7d0!important}.status-board .status-column .column-tasks .status-task-card .task-content .task-meta .task-priority.urgent-not-important{background:#fefbf2!important;color:#d97706!important;border:1px solid #fed7aa!important}.status-board .status-column .column-tasks .status-task-card .task-content .task-meta .task-priority.not-urgent-not-important{background:#f8fafc!important;color:#64748b!important;border:1px solid #e2e8f0!important}.status-board .status-column .column-tasks .status-task-card .delete-task-btn{position:absolute!important;top:6px!important;right:6px!important;width:20px!important;height:20px!important;background:#ef44441a!important;color:#ef4444!important;border:none!important;border-radius:50%!important;font-size:12px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0!important;transition:all .2s ease!important}.status-board .status-column .column-tasks .status-task-card .delete-task-btn:hover{background:#ef4444!important;color:#fff!important;transform:scale(1.1)!important}.status-board .status-column .column-tasks .status-task-card:hover{transform:translateY(-1px)!important;box-shadow:0 3px 8px #0000001f!important;border-color:#3b82f633!important}.status-board .status-column .column-tasks .status-task-card:hover .delete-task-btn{opacity:1!important}.status-board .status-column .column-tasks .status-task-card:active{transform:translateY(0)!important;box-shadow:0 1px 3px #0000001a!important}.status-board .status-column .column-tasks .add-task-btn{background:#fff!important;border:2px dashed #d1d5db!important;border-radius:6px!important;padding:8px 10px!important;color:#9ca3af!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;text-align:center!important;margin-bottom:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important}.status-board .status-column .column-tasks .add-task-btn:hover{border-color:#3b82f6!important;color:#3b82f6!important;background:#f8fafc!important;transform:translateY(-1px)!important;box-shadow:0 2px 6px #00000014!important}.status-board .status-column .column-tasks .add-task-btn:active{transform:translateY(0)!important;box-shadow:0 1px 3px #0000000d!important}.status-board .status-column .column-tasks .task-card{padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.status-board .status-column .column-tasks .task-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#3b82f6}.status-board .status-column .column-tasks .task-card .task-title{font-size:.875rem;font-weight:500;color:#1a202c;margin-bottom:8px}.status-board .status-column .column-tasks .task-card .task-project{font-size:.75rem;color:#64748b}.compact-priority-matrix{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:0!important;height:calc(100vh - 140px)!important;width:100%!important;margin:0!important;padding:0!important;background:#fafbfc!important}.compact-priority-matrix .matrix-quadrant{position:relative!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:4px!important;border-radius:8px!important;box-shadow:0 2px 12px #00000014!important;transition:all .3s ease!important}.compact-priority-matrix .matrix-quadrant:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #0000001f!important}.compact-priority-matrix .matrix-quadrant.urgent-important{background:linear-gradient(135deg,#fef2f2,#fff)!important;border-left:4px solid #dc2626!important}.compact-priority-matrix .matrix-quadrant.not-urgent-important{background:linear-gradient(135deg,#ecfdf5,#fff)!important;border-left:4px solid #16a34a!important}.compact-priority-matrix .matrix-quadrant.urgent-not-important{background:linear-gradient(135deg,#fef3c7,#fff)!important;border-left:4px solid #d97706!important}.compact-priority-matrix .matrix-quadrant.not-urgent-not-important{background:linear-gradient(135deg,#f1f5f9,#fff)!important;border-left:4px solid #64748b!important}.compact-priority-matrix .matrix-quadrant .quadrant-header{padding:12px 16px!important;display:flex!important;align-items:center!important;gap:12px!important;border-bottom:1px solid rgba(0,0,0,.06)!important;background:#ffffffb3!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.compact-priority-matrix .matrix-quadrant .quadrant-header .priority-icon{font-size:24px!important;line-height:1!important;flex-shrink:0!important}.compact-priority-matrix .matrix-quadrant .quadrant-header .quadrant-text{flex:1!important}.compact-priority-matrix .matrix-quadrant .quadrant-header .quadrant-text .quadrant-title{font-size:16px!important;font-weight:600!important;color:#1f2937!important;margin:0!important;line-height:1.2!important}.compact-priority-matrix .matrix-quadrant .quadrant-header .quadrant-text .quadrant-subtitle{font-size:12px!important;color:#6b7280!important;margin:2px 0 0!important;font-weight:500!important}.compact-priority-matrix .matrix-quadrant .quadrant-tasks{flex:1!important;padding:8px 12px 12px!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:6px!important}.compact-priority-matrix .matrix-quadrant .quadrant-tasks::-webkit-scrollbar{width:4px!important}.compact-priority-matrix .matrix-quadrant .quadrant-tasks::-webkit-scrollbar-track{background:#0000000d!important;border-radius:2px!important}.compact-priority-matrix .matrix-quadrant .quadrant-tasks::-webkit-scrollbar-thumb{background:#0003!important;border-radius:2px!important}.compact-priority-matrix .matrix-quadrant .quadrant-tasks::-webkit-scrollbar-thumb:hover{background:#0000004d!important}.priority-task-item{display:flex!important;align-items:center!important;gap:8px!important;padding:6px 8px!important;border-radius:6px!important;background:#fff9!important;border:1px solid rgba(0,0,0,.06)!important;transition:all .2s ease!important;cursor:pointer!important}.priority-task-item:hover{background:#fffc!important;border-color:#3b82f64d!important;transform:translate(2px)!important}.priority-task-item .task-checkbox{width:16px!important;height:16px!important;border:2px solid #d1d5db!important;border-radius:3px!important;background:#fff!important;cursor:pointer!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;transition:all .2s ease!important;flex-shrink:0!important}.priority-task-item .task-checkbox:checked{background:#3b82f6!important;border-color:#3b82f6!important}.priority-task-item .task-checkbox:checked:after{content:"✓"!important;display:block!important;color:#fff!important;font-size:10px!important;font-weight:700!important;text-align:center!important;line-height:12px!important}.priority-task-item .task-checkbox:hover{border-color:#3b82f6!important}.priority-task-item .task-text{flex:1!important;font-size:13px!important;line-height:1.3!important;color:#374151!important;margin:0!important;word-break:break-word!important}.priority-task-item.urgent-task .task-text{font-weight:600!important;color:#dc2626!important}.priority-task-item.important-task .task-text{font-weight:500!important;color:#16a34a!important}.priority-task-item.delegate-task .task-text{font-weight:400!important;color:#d97706!important;font-style:italic!important}.priority-task-item.leisure-task .task-text{font-weight:300!important;color:#64748b!important}.priority-task-item.completed{opacity:.6!important}.priority-task-item.completed .task-text{text-decoration:line-through!important;color:#9ca3af!important}.single-column-layout{display:flex;flex-direction:column;height:100vh;position:relative;overflow:hidden}.minimalist-nav{position:absolute;top:16px;right:20px;z-index:100}.minimalist-nav .nav-switcher{display:flex;gap:4px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;padding:6px;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(255,255,255,.2)}.minimalist-nav .nav-switcher .nav-btn{padding:6px 12px!important;font-size:.75rem!important;font-weight:500!important;border:none!important;background:transparent!important;color:#6b7280!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important;min-width:52px!important;text-align:center!important}.minimalist-nav .nav-switcher .nav-btn:hover{background:#3b82f61a!important;color:#3b82f6!important}.minimalist-nav .nav-switcher .nav-btn.active{background:#3b82f6!important;color:#fff!important;box-shadow:0 2px 6px #3b82f64d!important}.expanded-content-area{flex:1;overflow-y:auto;padding:20px 20px 80px}.consistent-nav-panel{position:fixed;bottom:20px;left:20px;z-index:100}.consistent-nav-panel .panel-bottom-switcher{display:flex!important;flex-direction:row!important;gap:4px!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:10px!important;padding:6px!important;box-shadow:0 4px 16px #0000001a!important;border:1px solid rgba(255,255,255,.2)!important;margin:0!important}.consistent-nav-panel .panel-bottom-switcher .switcher-btn{flex:1!important;min-width:60px!important;padding:8px 12px!important;font-size:.75rem!important;font-weight:500!important;border:none!important;background:transparent!important;color:#6b7280!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important;text-align:center!important}.consistent-nav-panel .panel-bottom-switcher .switcher-btn:hover{background:#3b82f61a!important;color:#3b82f6!important}.consistent-nav-panel .panel-bottom-switcher .switcher-btn.active{background:#3b82f6!important;color:#fff!important;box-shadow:0 2px 6px #3b82f64d!important}.three-column-layout .left-panel .panel-bottom-switcher{margin-top:auto!important;display:flex!important;flex-direction:row!important;gap:4px!important;padding:6px!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:10px!important;box-shadow:0 4px 16px #0000001a!important;border:1px solid rgba(255,255,255,.2)!important}.three-column-layout .left-panel .panel-bottom-switcher .switcher-btn{flex:1!important;min-width:0!important;padding:8px 4px!important;font-size:.75rem!important;font-weight:500!important;border:none!important;background:transparent!important;color:#6b7280!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important;text-align:center!important}.three-column-layout .left-panel .panel-bottom-switcher .switcher-btn:hover{background:#3b82f61a!important;color:#3b82f6!important}.three-column-layout .left-panel .panel-bottom-switcher .switcher-btn.active{background:#3b82f6!important;color:#fff!important;box-shadow:0 2px 6px #3b82f64d!important}.project-overview .section-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:16px;display:flex;align-items:center;gap:8px}.project-overview .boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:32px}.project-overview .boards-grid .board-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .2s ease}.project-overview .boards-grid .board-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.project-overview .boards-grid .board-card.starred{border:2px solid #fbbf24;background:linear-gradient(135deg,#fffbeb,#fff)}.project-overview .boards-grid .board-card .board-title{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:8px}.project-overview .boards-grid .board-card .board-meta{font-size:.75rem;color:#64748b;margin-bottom:12px}.project-overview .boards-grid .board-card .board-progress .progress-bar{width:100%;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.project-overview .boards-grid .board-card .board-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);transition:width .3s ease}@media (max-width: 1200px){.expanded-content-area{padding:16px}.boards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.boards-grid.starred{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 768px){.minimalist-nav{padding:12px 16px}.nav-btn{padding:8px 16px;font-size:.875rem;min-width:70px}.expanded-content-area{padding:12px}.boards-grid,.boards-grid.starred{grid-template-columns:1fr;gap:12px}.board-card{padding:16px}}.timer-btn{padding:10px 24px;border-radius:8px;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.timer-btn.primary{background:#3b82f6;color:#fff}.timer-btn.primary:hover{background:#2563eb}.timer-btn.primary.active{background:#f59e0b}.timer-btn.primary.active:hover{background:#d97706}.timer-btn.secondary{background:#e5e7eb;color:#374151}.timer-btn.secondary:hover{background:#d1d5db}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:100}.modal .modal-content{background:#fff;padding:24px;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 25px #0000001a;transform:scale(.95);transition:transform .3s ease}.modal .modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:16px;margin-bottom:16px}.modal .modal-close{font-size:24px;font-weight:700;border:none;background:none;cursor:pointer;color:#9ca3af}.modal .modal-close:hover{color:#1f2937}.modal .modal-body p{margin-bottom:12px;color:#4b5563;text-align:left}.modal .modal-content{max-width:650px!important;max-height:95vh!important;background:#fff!important;border-radius:8px!important;box-shadow:0 10px 40px #00000026!important;padding:16px!important;overflow-y:auto!important}.modal .modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-bottom:12px!important;border-bottom:1px solid #e2e8f0!important;margin-bottom:16px!important}.modal .modal-header #modal-task-title{font-size:18px!important;font-weight:600!important;color:#1f2937!important;margin:0!important;flex:1!important;padding:4px 6px!important;border:2px solid transparent!important;border-radius:4px!important;transition:all .2s ease!important}.modal .modal-header #modal-task-title[contenteditable=true]{border-color:#3b82f6!important;background:#f8fafc!important;outline:none!important}.modal .modal-header .modal-header-actions{display:flex!important;gap:8px!important}.modal .modal-header .modal-header-actions .edit-btn{width:32px!important;height:32px!important;border:none!important;background:#3b82f61a!important;color:#3b82f6!important;border-radius:6px!important;cursor:pointer!important;font-size:14px!important;transition:all .2s ease!important}.modal .modal-header .modal-header-actions .edit-btn:hover{background:#3b82f633!important;transform:scale(1.05)!important}.modal .modal-header .modal-header-actions .edit-btn.active{background:#3b82f6!important;color:#fff!important}.modal .modal-header .modal-header-actions .modal-close{width:32px!important;height:32px!important;border:none!important;background:#ef44441a!important;color:#ef4444!important;border-radius:6px!important;cursor:pointer!important;font-size:18px!important;font-weight:600!important;transition:all .2s ease!important}.modal .modal-header .modal-header-actions .modal-close:hover{background:#ef4444!important;color:#fff!important;transform:scale(1.05)!important}.modal .modal-body .task-basic-info{margin-bottom:24px!important}.modal .modal-body .task-basic-info .info-row{display:flex!important;align-items:center!important;margin-bottom:12px!important}.modal .modal-body .task-basic-info .info-row label{width:80px!important;font-weight:500!important;color:#374151!important;margin-right:12px!important}.modal .modal-body .task-basic-info .info-row span,.modal .modal-body .task-basic-info .info-row select{flex:1!important;padding:6px 10px!important;border:1px solid #d1d5db!important;border-radius:6px!important;font-size:14px!important}.modal .modal-body .task-basic-info .info-row span:focus,.modal .modal-body .task-basic-info .info-row select:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important}.modal .modal-body .task-basic-info .info-row span{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#6b7280!important}.modal .modal-body .task-description-section{margin-bottom:20px!important}.modal .modal-body .task-description-section label{display:block!important;font-weight:500!important;color:#374151!important;margin-bottom:6px!important;font-size:14px!important}.modal .modal-body .task-description-section .task-description-content{min-height:60px!important;padding:10px!important;border:1px solid #e2e8f0!important;border-radius:4px!important;background:#f8fafc!important;font-size:13px!important;line-height:1.4!important;color:#374151!important}.modal .modal-body .task-description-section .task-description-content[contenteditable=true]{background:#fff!important;border-color:#3b82f6!important;outline:none!important}.modal .modal-body .task-comments-section{margin-bottom:20px!important}.modal .modal-body .task-comments-section label{display:block!important;font-weight:500!important;color:#374151!important;margin-bottom:6px!important;font-size:14px!important}.modal .modal-body .task-comments-section .comments-list{max-height:200px!important;overflow-y:auto!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:4px!important;padding:8px!important;margin-bottom:10px!important}.modal .modal-body .task-comments-section .comments-list .comment-item{padding:8px!important;border-bottom:1px solid #e2e8f0!important;margin-bottom:6px!important}.modal .modal-body .task-comments-section .comments-list .comment-item:last-child{border-bottom:none!important;margin-bottom:0!important}.modal .modal-body .task-comments-section .comments-list .comment-item .comment-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:4px!important}.modal .modal-body .task-comments-section .comments-list .comment-item .comment-header .comment-author{font-weight:500!important;color:#374151!important;font-size:12px!important}.modal .modal-body .task-comments-section .comments-list .comment-item .comment-header .comment-time{color:#9ca3af!important;font-size:11px!important}.modal .modal-body .task-comments-section .comments-list .comment-item .comment-content{color:#6b7280!important;font-size:13px!important;line-height:1.4!important}.modal .modal-body .task-comments-section .add-comment-area #new-comment-input{width:100%!important;padding:8px!important;border:1px solid #d1d5db!important;border-radius:4px!important;font-size:13px!important;resize:vertical!important;min-height:50px!important;margin-bottom:8px!important}.modal .modal-body .task-comments-section .add-comment-area #new-comment-input:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important}.modal .modal-body .task-comments-section .add-comment-area .add-comment-btn{background:#3b82f6!important;color:#fff!important;border:none!important;padding:6px 12px!important;border-radius:4px!important;font-size:13px!important;cursor:pointer!important;transition:all .2s ease!important}.modal .modal-body .task-comments-section .add-comment-area .add-comment-btn:hover{background:#2563eb!important}.modal .modal-body .task-activity-section{margin-top:16px}.modal .modal-body .task-activity-section label{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.modal .modal-body .task-activity-section .activity-list{max-height:200px;overflow-y:auto;margin-bottom:12px}.modal .modal-body .task-activity-section .activity-list .activity-item{padding:6px 10px;margin-bottom:4px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px}.modal .modal-body .task-activity-section .activity-list .activity-item .activity-content{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.4}.modal .modal-body .task-activity-section .activity-list .activity-item .activity-content .activity-time{color:#64748b;font-size:12px;white-space:nowrap}.modal .modal-body .task-activity-section .activity-list .activity-item .activity-content .activity-icon{color:#64748b;font-size:12px}.modal .modal-body .task-activity-section .activity-list .activity-item .activity-content .activity-text{color:#374151;flex:1}.modal .modal-body .task-activity-section .add-comment-area{display:flex;flex-direction:column;gap:8px}.modal .modal-body .task-activity-section .add-comment-area #new-comment-input{width:100%;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;resize:vertical;min-height:60px;font-family:inherit}.modal .modal-body .task-activity-section .add-comment-area #new-comment-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.modal .modal-body .task-activity-section .add-comment-area #new-comment-input::placeholder{color:#9ca3af}.modal .modal-body .task-activity-section .add-comment-area .add-comment-btn{align-self:flex-end;padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal .modal-body .task-activity-section .add-comment-area .add-comment-btn:hover{background:#2563eb}.modal .modal-body .task-activity-section .add-comment-area .add-comment-btn:active{transform:translateY(1px)}.modal .modal-actions{display:flex!important;gap:8px!important;justify-content:flex-end!important;padding-top:12px!important;border-top:1px solid #e2e8f0!important;margin-top:16px!important}.modal .modal-actions button{padding:6px 12px!important;border:none!important;border-radius:4px!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.modal .modal-actions button.save-btn{background:#10b981!important;color:#fff!important}.modal .modal-actions button.save-btn:hover{background:#059669!important}.modal .modal-actions button.cancel-btn{background:#6b7280!important;color:#fff!important}.modal .modal-actions button.cancel-btn:hover{background:#4b5563!important}.modal .modal-actions button.delete-btn{background:#ef4444!important;color:#fff!important}.modal .modal-actions button.delete-btn:hover{background:#dc2626!important}#kairos-popup-nav-container.consistent-nav-panel{position:fixed!important;bottom:0!important;left:0!important;z-index:99999!important}#kairos-popup-nav-container.consistent-nav-panel .panel-bottom-switcher{display:flex!important;flex-direction:row!important;gap:8px!important;padding:12px!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-radius:12px!important;box-shadow:0 4px 20px #0000001a!important;border:1px solid rgba(0,0,0,.06)!important}#kairos-popup-nav-container.consistent-nav-panel .panel-bottom-switcher .switcher-btn{position:relative!important;padding:12px 16px!important;font-size:14px!important;font-weight:500!important;border:none!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important;min-width:80px!important;text-align:center!important;background:#f3f4f6!important;color:#6b7280!important}#kairos-popup-nav-container.consistent-nav-panel .panel-bottom-switcher .switcher-btn.active{background:#3b82f6!important;color:#fff!important;box-shadow:0 2px 8px #3b82f64d!important}#kairos-popup-nav-container.consistent-nav-panel .panel-bottom-switcher .switcher-btn:hover:not(.active){background:#e5e7eb!important;color:#374151!important;transform:translateY(-1px)!important}#kairos-popup-nav-container.consistent-nav-panel .panel-bottom-switcher .switcher-btn:hover.active{background:#2563eb!important;transform:translateY(-1px)!important}#kairos-popup-nav-container.consistent-nav-panel .panel-bottom-switcher .switcher-btn:active{transform:translateY(0)!important}.task-trigger-container{position:relative!important;display:inline-block!important}#kairos-task-trigger-btn{position:relative!important;overflow:visible!important}#kairos-popup-menu.view-popup-menu{position:absolute!important;bottom:calc(100% + 12px)!important;left:50%!important;transform:translate(-50%) translateY(20px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;z-index:100000!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px!important;background:transparent!important;min-width:120px!important}#kairos-popup-menu.view-popup-menu:before{content:""!important;position:absolute!important;top:100%!important;left:50%!important;transform:translate(-50%)!important;width:100%!important;height:16px!important;background:transparent!important;pointer-events:auto!important}#kairos-popup-menu .view-option{position:relative!important;padding:12px 16px!important;margin:0!important;font-size:14px!important;font-weight:500!important;border:none!important;border-radius:8px!important;cursor:pointer!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important;min-width:80px!important;text-align:center!important;display:block!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;color:#6b7280!important;box-shadow:0 4px 20px #0000001a!important;border:1px solid rgba(0,0,0,.06)!important}#kairos-popup-menu .view-option.active{background:#3b82f6!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;color:#fff!important;box-shadow:0 2px 8px #3b82f64d!important;border:1px solid rgba(59,130,246,.2)!important}#kairos-popup-menu .view-option:hover:not(.active){background:#e5e7eb!important;color:#374151!important;transform:translateY(-1px)!important}#kairos-popup-menu .view-option:hover.active{background:#2563eb!important;transform:translateY(-1px)!important}#kairos-popup-menu .view-option:active{transform:translateY(0)!important}.task-trigger-container:hover #kairos-popup-menu,#kairos-popup-menu:hover{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%) translateY(0)!important}#kairos-popup-menu{transition-delay:0s!important}.task-trigger-container:not(:hover) #kairos-popup-menu:not(:hover){transition-delay:.2s!important}.compact-kanban-board{display:flex!important;width:100%!important;height:calc(100vh - 140px)!important;overflow-x:auto!important;overflow-y:hidden!important;padding:16px 8px!important;gap:8px!important;background:#f8fafc!important}.compact-kanban-board .project-column{flex:0 0 calc(16.666% - 7px)!important;min-width:220px!important;max-width:calc(16.666% - 7px)!important;height:100%!important;background:#e2e8f0!important;border-radius:8px!important;padding:12px 8px 8px!important;display:flex!important;flex-direction:column!important;box-shadow:0 1px 3px #0000000d!important}.compact-kanban-board .project-column .project-header{margin-bottom:16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:transparent!important;border-radius:0!important;padding:0 4px 8px!important;box-shadow:none!important;border-bottom:2px solid #e2e8f0!important;position:relative!important}.compact-kanban-board .project-column .project-header:after{content:""!important;position:absolute!important;bottom:-2px!important;left:0!important;width:30px!important;height:2px!important;background:linear-gradient(90deg,#3b82f6,#06b6d4)!important;border-radius:1px!important}.compact-kanban-board .project-column .project-header .project-title{font-size:16px!important;font-weight:700!important;color:#1f2937!important;margin:0!important;line-height:1.2!important;padding:0!important;word-break:break-word!important;flex:1!important;letter-spacing:.02em!important}.compact-kanban-board .project-column .project-header .project-title.editing{background:#fff!important;border:2px solid #3b82f6!important;border-radius:6px!important;outline:none!important;box-shadow:0 0 0 3px #3b82f61a!important;padding:6px 8px!important;font-weight:600!important}.compact-kanban-board .project-column .project-header .edit-project-btn{width:24px!important;height:24px!important;padding:0!important;border:none!important;background:#6b72801a!important;color:#6b7280!important;cursor:pointer!important;border-radius:6px!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;opacity:.6!important}.compact-kanban-board .project-column .project-header .edit-project-btn:hover{background:#3b82f61a!important;color:#3b82f6!important;opacity:1!important;transform:scale(1.05)!important}.compact-kanban-board .project-column .project-header .edit-project-btn:active{transform:scale(.95)!important;background:#3b82f633!important}.compact-kanban-board .project-column .task-cards-container{flex:1!important;overflow-y:auto!important;margin-bottom:8px!important;padding-right:2px!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card{background:#fff!important;border-radius:6px!important;padding:8px 10px!important;margin-bottom:12px!important;box-shadow:0 1px 3px #0000001a!important;border:1px solid rgba(0,0,0,.06)!important;cursor:pointer!important;transition:all .15s ease!important;min-height:auto!important;height:auto!important;position:relative!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .task-content{flex:1!important;cursor:pointer!important;min-width:0!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .task-title{font-size:14px!important;font-weight:500!important;color:#1f2937!important;line-height:1.3!important;margin-bottom:4px!important;word-break:break-word!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .delete-task-btn{position:absolute!important;top:4px!important;right:4px!important;width:18px!important;height:18px!important;border:none!important;background:#ef44441a!important;color:#ef4444!important;border-radius:50%!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0!important;transition:all .2s ease!important;z-index:10!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .delete-task-btn:hover{background:#ef4444!important;color:#fff!important;transform:scale(1.1)!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .delete-task-btn:active{transform:scale(.9)!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card:hover .delete-task-btn{opacity:1!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .task-tags{display:flex!important;flex-wrap:wrap!important;gap:3px!important;margin-bottom:4px!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .task-tags .tag{font-size:11px!important;font-weight:500!important;padding:2px 6px!important;border-radius:10px!important;white-space:nowrap!important;line-height:1.2!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .task-tags .tag.priority-urgent-important{background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .task-tags .tag.priority-not-urgent-important{background:#f0fdf4!important;color:#16a34a!important;border:1px solid #bbf7d0!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .task-tags .tag.priority-urgent-not-important{background:#fefbf2!important;color:#d97706!important;border:1px solid #fed7aa!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .task-tags .tag.priority-not-urgent-not-important,.compact-kanban-board .project-column .task-cards-container .compact-task-card .task-tags .tag.status-todo{background:#f8fafc!important;color:#64748b!important;border:1px solid #e2e8f0!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .task-tags .tag.status-doing{background:#eff6ff!important;color:#2563eb!important;border:1px solid #bfdbfe!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .task-tags .tag.status-review{background:#fdf4ff!important;color:#9333ea!important;border:1px solid #e9d5ff!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card .task-meta{font-size:12px!important;color:#6b7280!important;line-height:1.2!important;margin:0!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card:hover{transform:translateY(-1px)!important;box-shadow:0 3px 8px #0000001f!important;border-color:#3b82f633!important;background:#00000008!important}.compact-kanban-board .project-column .task-cards-container .compact-task-card:active{transform:translateY(0)!important;box-shadow:0 1px 3px #0000001a!important}.compact-kanban-board .project-column .add-task-btn{background:#fff!important;border:2px dashed #d1d5db!important;border-radius:6px!important;padding:8px 10px!important;color:#9ca3af!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;text-align:center!important;margin-bottom:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important}.compact-kanban-board .project-column .add-task-btn:hover{border-color:#3b82f6!important;color:#3b82f6!important;background:#f8fafc!important;transform:translateY(-1px)!important;box-shadow:0 2px 6px #00000014!important}.compact-kanban-board .project-column .add-task-btn:active{transform:translateY(0)!important;box-shadow:0 1px 3px #0000000d!important}@media (max-width: 1200px){.compact-kanban-board .project-column{flex:0 0 250px!important;min-width:250px!important;max-width:250px!important}}.task-view-btn{padding:6px 12px!important;font-size:13px!important;font-weight:500!important;border:none!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important;background:transparent!important;color:#6b7280!important}.task-view-btn.active{background:#3b82f6!important;color:#fff!important;box-shadow:0 1px 3px #3b82f64d!important}.task-view-btn:hover:not(.active){background:#f1f5f9!important;color:#374151!important}.project-kanban-board{display:flex;gap:20px;overflow-x:auto;padding:8px;height:100%}.project-kanban-board .project-column{flex:1;min-width:250px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.project-kanban-board .project-column .project-header{padding:16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;position:relative}.project-kanban-board .project-column .project-header .project-title{font-size:1rem;font-weight:600;color:#1a202c;margin:0 0 4px;border:none;background:transparent;outline:none;cursor:text}.project-kanban-board .project-column .project-header .project-title:hover{background:#3b82f60d;border-radius:4px;padding:2px 4px;margin:-2px -4px 2px}.project-kanban-board .project-column .project-header .project-title[contenteditable=true]{background:#fff;border:2px solid #3b82f6;border-radius:4px;padding:4px 8px;margin:-4px -8px 0;box-shadow:0 0 0 3px #3b82f61a}.project-kanban-board .project-column .project-header .task-count{font-size:.75rem;color:#64748b}.project-kanban-board .project-column .project-header .edit-project-btn{position:absolute;top:12px;right:12px;width:24px;height:24px;border:none;background:#94a3b81a;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.project-kanban-board .project-column .project-header .edit-project-btn:hover{background:#3b82f61a;opacity:1}.project-kanban-board .project-column .project-header:hover .edit-project-btn{opacity:.7}.project-kanban-board .project-column .project-tasks{padding:16px;display:flex;flex-direction:column;gap:12px}.project-kanban-board .project-column .project-tasks .project-task-card{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.project-kanban-board .project-column .project-tasks .project-task-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#3b82f6}.project-kanban-board .project-column .project-tasks .project-task-card:hover .delete-task-btn{opacity:1}.project-kanban-board .project-column .project-tasks .project-task-card .task-checkbox-wrapper{flex-shrink:0;margin-top:2px}.project-kanban-board .project-column .project-tasks .project-task-card .task-checkbox-wrapper .task-checkbox{width:16px;height:16px;border:2px solid #d1d5db;border-radius:3px;background:#fff;cursor:pointer}.project-kanban-board .project-column .project-tasks .project-task-card .task-checkbox-wrapper .task-checkbox:checked{background:#3b82f6;border-color:#3b82f6}.project-kanban-board .project-column .project-tasks .project-task-card .task-checkbox-wrapper .task-checkbox:hover{border-color:#3b82f6}.project-kanban-board .project-column .project-tasks .project-task-card .task-content{flex:1;min-width:0}.project-kanban-board .project-column .project-tasks .project-task-card .task-content .task-title{font-size:.875rem;font-weight:500;color:#1a202c;margin-bottom:6px;line-height:1.4;word-wrap:break-word}.project-kanban-board .project-column .project-tasks .project-task-card .task-content .task-meta{display:flex;gap:8px;flex-wrap:wrap}.project-kanban-board .project-column .project-tasks .project-task-card .task-content .task-meta .task-priority,.project-kanban-board .project-column .project-tasks .project-task-card .task-content .task-meta .task-status{font-size:.75rem;font-weight:500;padding:2px 6px;border-radius:4px;white-space:nowrap}.project-kanban-board .project-column .project-tasks .project-task-card .task-content .task-meta .task-priority{padding:2px 6px!important;border-radius:10px!important;font-size:10px!important;font-weight:500!important;white-space:nowrap!important;line-height:1.2!important}.project-kanban-board .project-column .project-tasks .project-task-card .task-content .task-meta .task-priority.urgent-important{background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important}.project-kanban-board .project-column .project-tasks .project-task-card .task-content .task-meta .task-priority.not-urgent-important{background:#f0fdf4!important;color:#16a34a!important;border:1px solid #bbf7d0!important}.project-kanban-board .project-column .project-tasks .project-task-card .task-content .task-meta .task-priority.urgent-not-important{background:#fefbf2!important;color:#d97706!important;border:1px solid #fed7aa!important}.project-kanban-board .project-column .project-tasks .project-task-card .task-content .task-meta .task-priority.not-urgent-not-important{background:#f8fafc!important;color:#64748b!important;border:1px solid #e2e8f0!important}.project-kanban-board .project-column .project-tasks .project-task-card .task-content .task-meta .task-status{background:#f1f5f9;color:#475569}.project-kanban-board .project-column .project-tasks .project-task-card .task-content .task-meta .task-status.doing{background:#dbeafe;color:#1d4ed8}.project-kanban-board .project-column .project-tasks .project-task-card .task-content .task-meta .task-status.review{background:#fef3c7;color:#92400e}.project-kanban-board .project-column .project-tasks .project-task-card .task-content .task-meta .task-status.done{background:#d1fae5;color:#059669}.project-kanban-board .project-column .project-tasks .project-task-card .delete-task-btn{position:absolute;top:8px;right:8px;width:20px;height:20px;border:none;background:#ef4444;color:#fff;border-radius:50%;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.project-kanban-board .project-column .project-tasks .project-task-card .delete-task-btn:hover{background:#dc2626;transform:scale(1.1)}.project-kanban-board .project-column .project-tasks .add-task-btn{padding:12px;background:transparent;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;font-size:.875rem;color:#6b7280;transition:all .2s ease}.project-kanban-board .project-column .project-tasks .add-task-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f60d}.left-panel{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border-right:1px solid rgba(31,41,55,.1);display:flex;flex-direction:column;overflow:hidden;padding:24px;gap:24px}.right-panel{border-right:none;border-left:1px solid rgba(31,41,55,.1);background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;display:flex;flex-direction:column;overflow:hidden}.search-section{padding:0;display:flex;flex-direction:column;gap:16px}.search-section .search-input,.search-section .project-filter{width:100%;padding:16px 24px;border:1px solid rgba(31,41,55,.1);border-radius:16px;background:#ffffffe6;font-size:.875rem;transition:all .2s ease}.search-section .search-input:focus,.search-section .project-filter:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.search-section .project-filter{padding-right:48px}.search-section::placeholder{color:#6b7280}.left-panel .task-section{padding:0;flex:1;overflow-y:auto;min-height:0}.task-item{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border-radius:12px;padding:16px;margin-bottom:0;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:.2s ease}.main-view-switcher{background:#ffffff40;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;border-radius:24px;padding:16px;margin:0;display:flex;flex-direction:row;gap:16px;z-index:1000}.main-view-switcher .main-view-btn{display:flex;align-items:center;justify-content:center;padding:16px;background:transparent;border:none;border-radius:16px;color:#6b7280;font-size:20px;font-weight:500;cursor:pointer;transition:all .2s ease;width:44px;height:44px}:root{--ceramic-white: #ffffff;--ceramic-pure: #fefefe;--ceramic-warm: #faf9f8;--ceramic-pearl: #f8f7f4;--ceramic-blue: #2563eb;--ceramic-green: #059669;--ceramic-red: #dc2626;--ceramic-gold: #d97706;--ceramic-ink: #1f2937;--ceramic-gray: #6b7280;--ceramic-light: #9ca3af;--ceramic-shadow-light: 0 1px 3px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .03);--ceramic-shadow-medium: 0 4px 16px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .05);--ceramic-shadow-heavy: 0 8px 32px rgba(31, 38, 135, .15);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-1: 8px;--spacing-md: 16px;--spacing-2: 16px;--spacing-lg: 24px;--spacing-3: 24px;--spacing-xl: 32px;--spacing-4: 32px;--spacing-5: 40px;--spacing-6: 48px;--spacing-2xl: 48px;--spacing-8: 64px;--spacing-3xl: 64px;--spacing-10: 80px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}.nav-menu .nav-item{background:#ffffff1a;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;width:100%;padding:16px;margin-bottom:8px;border:none;border-radius:12px;background:transparent;color:#1f2937;text-align:left;cursor:pointer;transition:.2s ease;display:flex;align-items:center;gap:16px}.nav-menu .nav-item .icon{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;opacity:.7}.nav-menu .nav-item span{font-weight:500;font-size:.875rem}.nav-menu .nav-item:hover{background:#fff3;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;transform:translateY(-1px)}.nav-menu .nav-item:hover .icon{opacity:1}.nav-menu .nav-item.active{background:#ffffff4d;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;background:#2563eb1a;color:#2563eb;box-shadow:0 4px 16px #00000014,0 8px 24px #0000000d,inset 0 1px #ffffff4d}.nav-menu .nav-item.active .icon{opacity:1;stroke:#2563eb}.view-content{display:none;width:100%;height:100%;padding:32px;animation:fadeInUp .4s ease-out}.view-content.active{display:flex;flex-direction:column;align-items:center;justify-content:center}.boards-grid{width:100%;max-width:1000px}.boards-grid .boards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}.boards-grid .boards-container .board-card{margin:0;min-height:200px;display:flex;flex-direction:column;position:relative}.boards-grid .boards-container .board-card h3{color:#1f2937;margin-bottom:8px}.boards-grid .boards-container .board-card p{flex:1;font-size:.875rem}.boards-grid .boards-container .board-card .board-progress{margin-top:16px}.boards-grid .boards-container .board-card .board-progress .progress-bar{width:100%;height:6px;background:#6b728033;border-radius:3px;overflow:hidden}.boards-grid .boards-container .board-card .board-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#059669);border-radius:3px;transition:width .3s ease}.boards-grid .boards-container .new-board-card{background:#ffffff26;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;border:2px dashed rgba(37,99,235,.3)}.boards-grid .boards-container .new-board-card .new-board-content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;height:100%;color:#2563eb}.boards-grid .boards-container .new-board-card .new-board-content .icon{width:32px;height:32px;stroke:currentColor;stroke-width:2;fill:none}.boards-grid .boards-container .new-board-card .new-board-content span{font-weight:500}.boards-grid .boards-container .new-board-card:hover{border-color:#2563eb;background:#2563eb0d}.tasks-board{width:100%;max-width:1400px}.tasks-board .task-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;width:100%}.tasks-board .task-columns .task-column .column-title{font-size:1.125rem;font-weight:500;color:#1f2937;margin-bottom:24px;padding-bottom:8px;border-bottom:2px solid rgba(37,99,235,.2)}.tasks-board .task-columns .task-column .task-list{min-height:400px;padding:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;border-radius:16px;transition:.2s ease}.tasks-board .task-columns .task-column .task-list.drop-zone.active{background:#fff3;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;border-color:#2563eb;transform:scale(1.02)}.tasks-board .task-columns .task-column .task-list.drop-zone.hover{border-color:#059669;background:#0596691a}.task-item{margin:0}.task-item .task-priority{padding:2px 6px;border-radius:10px;font-size:10px;font-weight:500;white-space:nowrap;line-height:1.2}.task-item .task-priority.urgent-important{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.task-item .task-priority.not-urgent-important{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.task-item .task-priority.urgent-not-important{background:#fefbf2;color:#d97706;border:1px solid #fed7aa}.task-item .task-priority.not-urgent-not-important{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.task-item .task-status{padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.task-item .task-status.completed{background:#05966933;color:#059669}.task-item .task-status.pending{background:#6b728033;color:#6b7280}.stats-section .stat-card{margin:0 0 16px;padding:16px;text-align:center}.stats-section .stat-card h4{margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stats-section .stat-card p{margin:0;line-height:1.2}.quick-actions{margin-top:auto}.quick-actions .ceramic-button.w-full{width:100%}.quick-actions .ceramic-button.mb-2{margin-bottom:8px}.panel-header{border-bottom:1px solid rgba(255,255,255,.2)}.panel-header h1,.panel-header h2{margin:0;line-height:1.2}.panel-header p{margin:4px 0 0;opacity:.8}@media (max-width: 1024px){.task-columns{grid-template-columns:repeat(2,1fr);gap:24px}.boards-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}}@media (max-width: 768px){.task-columns{grid-template-columns:1fr;gap:16px}.task-columns .task-column .task-list{min-height:200px}.boards-container{grid-template-columns:1fr;gap:16px}.view-content{padding:24px}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.left-panel{animation:slideInFromLeft .6s ease-out}.right-panel{animation:slideInFromRight .6s ease-out}.center-panel{animation:fadeInUp .8s ease-out}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.loading:after{content:"";width:32px;height:32px;border:3px solid rgba(37,99,235,.2);border-top:3px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:300px;color:#9ca3af;text-align:center}.empty-state .icon{width:64px;height:64px;margin-bottom:24px;opacity:.5}.empty-state h3{margin-bottom:8px;color:#6b7280}.empty-state p{margin:0;max-width:300px}.app-header{position:fixed;top:0;left:0;width:100%;height:60px;display:flex;align-items:center;padding:0 48px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(31,41,55,.1);z-index:1000}.app-header .logo-section{display:flex;align-items:center;gap:24px}.app-header .logo-section .logo{font-size:1.5rem}.app-header .logo-section .app-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;letter-spacing:.05em}.main-view-switcher{position:fixed;bottom:48px;left:48px;display:flex;flex-direction:column;gap:16px;z-index:1000}@media (max-width: 768px){.main-view-switcher{bottom:32px;left:32px;flex-direction:row;gap:24px}}.main-view-switcher .main-view-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.main-view-switcher .main-view-btn{width:40px;height:40px}}.main-view-switcher .main-view-btn .btn-icon{font-size:1rem;opacity:.6;transition:opacity .2s ease}@media (max-width: 768px){.main-view-switcher .main-view-btn .btn-icon{font-size:.875rem}}.main-view-switcher .main-view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.main-view-switcher .main-view-btn:hover .btn-icon{opacity:.8}.main-view-switcher .main-view-btn.active{background:#2563eb;box-shadow:0 4px 12px #2563eb4d}.main-view-switcher .main-view-btn.active .btn-icon{opacity:1;filter:brightness(0) invert(1)}.task-board{height:100%;padding:48px;position:relative}.task-view-switcher{display:none!important}.task-view-switcher .task-view-btn{padding:16px 32px;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:.875rem;font-weight:500;background:transparent}.task-view-switcher .task-view-btn:hover{background:#2563eb1a;color:#1f2937}.task-view-switcher .task-view-btn.active{background:#2563eb;color:#fff;box-shadow:0 1px 2px #0000000d}.board-card{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;padding:40px;border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.board-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.board-card .board-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:16px}.board-card .board-meta{color:#6b7280;font-size:.875rem;margin-bottom:24px}.board-card .board-progress .progress-bar{width:100%;height:4px;background:#6b72804d;border-radius:6px;overflow:hidden}.board-card .board-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#059669);transition:width .3s ease}.project-overview{padding:48px;height:100%;overflow-y:auto}.project-overview .section-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 32px;display:flex;align-items:center;gap:16px}.project-overview .section-title .star-icon{font-size:1.125rem}.project-overview .starred-boards{margin-bottom:64px}.project-overview .all-boards{margin-bottom:48px}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px}.boards-grid.starred{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:16px}@media (max-width: 768px){.boards-grid{grid-template-columns:1fr;gap:24px}}@media (min-width: 1400px){.boards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.search-section{margin-bottom:0}.search-section .search-input{width:100%;padding:16px 24px;border:1px solid rgba(107,114,128,.3);border-radius:12px;background:#fff;color:#1f2937;font-size:1rem;transition:all .2s ease}.search-section .search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.task-section .task-list .task-item{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border:1px solid rgba(255,255,255,.2);width:100%;padding:16px 24px;margin-bottom:0;border-radius:12px;cursor:move;transition:all .2s ease;text-align:left;border:none}.task-section .task-list .task-item:hover{background:#2563eb0d;transform:translate(4px)}.task-section .task-list .task-item.dragging{opacity:.5;transform:rotate(5deg)}.task-section .task-list .task-item .task-title{font-weight:500;color:#1f2937;margin-bottom:8px}.task-section .task-list .task-item .task-meta{font-size:.875rem;color:#6b7280}.timer-section{text-align:center;margin-bottom:48px}.timer-section .timer-display{font-size:6rem;font-weight:300;color:#2563eb;margin-bottom:32px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;text-shadow:0 2px 4px rgba(37,99,235,.2);letter-spacing:.05em}.timer-section .timer-display:hover{transform:scale(1.02);color:#d97706;text-shadow:0 4px 8px rgba(217,119,6,.3)}.timer-section .timer-status{font-size:1.125rem;color:#6b7280;margin-bottom:24px}.task-drop-zone{background:#ffffff40;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;padding:24px 32px;border-radius:16px;margin-bottom:32px;transition:all .3s ease;border:2px dashed rgba(37,99,235,.3);min-height:auto}.task-drop-zone.drag-over{border-color:#2563eb;background:#2563eb0d}.task-drop-zone .drop-zone-placeholder{display:flex;align-items:center;justify-content:center;gap:16px;color:#6b7280}.task-drop-zone .drop-zone-placeholder .drop-icon{font-size:1.25rem}.task-drop-zone .drop-zone-placeholder .drop-text{font-size:.875rem}.task-drop-zone .current-task-info{display:flex;align-items:center;justify-content:center;gap:16px}.task-drop-zone .current-task-info .current-task-label{font-size:.875rem;color:#6b7280}.task-drop-zone .current-task-info .current-task-title{font-size:1rem;font-weight:500;color:#1f2937}.current-task-display{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 32px;margin-bottom:24px;background:#2563eb0d;border-radius:12px;border:1px solid rgba(37,99,235,.2)}.current-task-display .current-task-label{font-size:.875rem;color:#6b7280}.current-task-display .current-task-title{font-size:1rem;font-weight:500;color:#1f2937}.activity-input-area{margin-bottom:16px}.activity-input-area.task-drop-zone{border:2px dashed transparent;border-radius:16px;transition:all .3s ease;padding:16px}.activity-input-area.task-drop-zone.drag-over{border-color:#2563eb;background:#2563eb0d}.activity-input-area .activity-input{width:100%;min-height:80px;padding:24px;border:1px solid rgba(31,41,55,.1);border-radius:16px;background:#ffffffe6;font-size:.875rem;resize:vertical;transition:all .2s ease;margin-bottom:16px;display:block}.activity-input-area .activity-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.activity-input-area .send-btn{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border:1px solid rgba(255,255,255,.2);transition:all .2s ease;padding:8px 16px;background:#2563eb;color:#fff;border-radius:6px;font-size:.75rem;display:block;margin-left:auto;margin-bottom:16px;width:fit-content;min-width:50px}.activity-input-area .send-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014,0 8px 24px #0000000d,inset 0 1px #fff9}.activity-input-area .send-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 2px 4px #0000001a}.activity-input-area .send-btn:hover{background:#1e40af}.summary-area{display:flex;justify-content:center;margin-top:8px;margin-bottom:32px}.summary-area .summary-btn{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border:1px solid rgba(255,255,255,.2);transition:all .2s ease;padding:8px 24px;font-size:.75rem;background:#2563eb14;color:#2563eb;border:1px solid rgba(37,99,235,.2);border-radius:12px;min-width:80px}.summary-area .summary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014,0 8px 24px #0000000d,inset 0 1px #fff9}.summary-area .summary-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 2px 4px #0000001a}.summary-area .summary-btn:hover{background:#2563eb26;border-color:#2563eb66}.activity-log{flex:1;display:flex;flex-direction:column;padding:32px}.activity-log h3{font-size:1.125rem;font-weight:500;color:#1f2937;margin:0 0 32px}.activity-log .log-list{flex:1;overflow-y:auto}.activity-log .log-list .log-item{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;padding:8px 16px;margin-bottom:8px;border-radius:12px;border-left:3px solid #2563eb;line-height:1.2}.activity-log .log-list .log-item .log-time{font-size:.75rem;color:#6b7280;margin-bottom:2px;line-height:1.1}.activity-log .log-list .log-item .log-content{color:#1f2937;margin-bottom:2px;line-height:1.2}.activity-log .log-list .log-item .log-task{font-size:.75rem;color:#2563eb;font-style:italic;line-height:1.1}.priority-matrix{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:32px;height:100%;padding:40px}.priority-matrix .matrix-quadrant{background:#ffffff40;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;padding:32px;border-radius:16px;position:relative;min-height:300px}.priority-matrix .matrix-quadrant .quadrant-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(107,114,128,.3)}.priority-matrix .matrix-quadrant .quadrant-header .quadrant-title{font-size:1.125rem;font-weight:600;color:#1f2937}.priority-matrix .matrix-quadrant .quadrant-header .quadrant-subtitle{font-size:.875rem;color:#6b7280}.priority-matrix .matrix-quadrant .quadrant-tasks .task-card{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;padding:24px;margin-bottom:16px;border-radius:12px;cursor:pointer;transition:all .2s ease}.priority-matrix .matrix-quadrant .quadrant-tasks .task-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.priority-matrix .matrix-quadrant .quadrant-tasks .task-card .task-title{font-weight:500;color:#1f2937;margin-bottom:8px}.priority-matrix .matrix-quadrant .quadrant-tasks .task-card .task-project{font-size:.875rem;color:#6b7280}.priority-matrix .matrix-quadrant.urgent-important{border-left:4px solid #dc2626}.priority-matrix .matrix-quadrant.not-urgent-important{border-left:4px solid #059669}.priority-matrix .matrix-quadrant.urgent-not-important{border-left:4px solid #d97706}.priority-matrix .matrix-quadrant.not-urgent-not-important{border-left:4px solid #6b7280}.kanban-view{display:flex;gap:32px;height:100%;overflow-x:auto;padding:40px}.kanban-view .kanban-column{background:#ffffff40;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;min-width:300px;border-radius:16px;padding:32px}.kanban-view .kanban-column .column-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(107,114,128,.3)}.kanban-view .kanban-column .column-header .column-title{font-size:1.125rem;font-weight:600;color:#1f2937}.kanban-view .kanban-column .column-header .task-count{font-size:.875rem;color:#6b7280}.kanban-view .kanban-column .column-tasks .task-card{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;padding:24px;margin-bottom:2px;border-radius:12px;cursor:pointer;transition:all .2s ease}.kanban-view .kanban-column .column-tasks .task-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.kanban-view .kanban-column .column-tasks .task-card .task-title{font-weight:500;color:#1f2937;margin-bottom:16px}.kanban-view .kanban-column .column-tasks .task-card .task-tags{display:flex;gap:8px;margin-bottom:16px}.kanban-view .kanban-column .column-tasks .task-card .task-tags .task-tag{font-size:.75rem;padding:8px 16px;border-radius:6px;background:#2563eb1a;color:#2563eb}.kanban-view .kanban-column .column-tasks .task-card .task-meta{font-size:.875rem;color:#6b7280}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.modal.active .modal-content{transform:scale(1);opacity:1}.modal .modal-content{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;max-width:500px;width:90%;max-height:80vh;border-radius:16px;overflow:hidden;transform:scale(.95);opacity:0;transition:all .3s ease}.modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:32px 40px;border-bottom:1px solid rgba(107,114,128,.3)}.modal .modal-content .modal-header .modal-title{font-size:1.125rem;font-weight:600;color:#1f2937}.modal .modal-content .modal-header .modal-close{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:all .2s ease;border:none;background:none;cursor:pointer;padding:8px;color:#6b7280}.modal .modal-content .modal-header .modal-close:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014,0 8px 24px #0000000d,inset 0 1px #fff9}.modal .modal-content .modal-header .modal-close:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 2px 4px #0000001a}.modal .modal-content .modal-header .modal-close:hover{color:#1f2937}.modal .modal-content .modal-body{padding:40px;overflow-y:auto}.modal .modal-content .modal-body .summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.modal .modal-content .modal-body .summary-stats .stat-item{text-align:center}.modal .modal-content .modal-body .summary-stats .stat-item .stat-label{font-size:.875rem;color:#6b7280;margin-bottom:8px}.modal .modal-content .modal-body .summary-stats .stat-item .stat-value{font-size:1.25rem;font-weight:700;color:#2563eb}.modal .modal-content .modal-body .activity-timeline .timeline-item{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid rgba(107,114,128,.3)}.modal .modal-content .modal-body .activity-timeline .timeline-item:last-child{border-bottom:none}.modal .modal-content .modal-body .activity-timeline .timeline-item .timeline-time{font-size:.875rem;color:#6b7280;min-width:60px}.modal .modal-content .modal-body .activity-timeline .timeline-item .timeline-content{color:#1f2937}.modal .modal-content .modal-actions{display:flex;justify-content:flex-end;gap:16px;padding:32px 40px;border-top:1px solid rgba(107,114,128,.3)}.page-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:32px}.ceramic-button{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border-radius:12px;border:1px solid rgba(255,255,255,.2);border:none;cursor:pointer;transition:all .2s ease}.ceramic-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.main-view-switcher{bottom:32px;left:32px}.main-view-switcher .main-view-btn{width:50px;height:50px;font-size:1em}.task-view-switcher{display:none!important}.priority-matrix{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.kanban-view{flex-direction:column}.kanban-view .kanban-column{min-width:auto}.boards-grid{grid-template-columns:1fr}}.board-card{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border:1px solid rgba(255,255,255,.3);padding:40px;border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative}.board-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014,0 8px 24px #0000000d,inset 0 1px #fff9}.board-card.starred{border:2px solid rgba(217,119,6,.3);background:linear-gradient(135deg,#d977060d,#fefefe 30%,#f8f7f4)}.board-card.starred:before{content:"⭐";position:absolute;top:24px;right:24px;font-size:1rem;opacity:.7}.board-card .board-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:16px;line-height:1.3}.board-card .board-meta{font-size:.875rem;color:#6b7280;margin-bottom:32px}.board-card .board-progress .progress-bar{width:100%;height:6px;background:#1f293714;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.board-card .board-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);transition:width .3s ease;border-radius:3px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;color:#1f2937;background:#faf9f8;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-app-region:no-drag}input,textarea,[contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#app{height:100vh;width:100vw;position:relative}.main-view{position:absolute;top:60px;left:0;width:100%;height:calc(100% - 60px);opacity:0;visibility:hidden;transition:all .3s ease}.main-view.active{opacity:1;visibility:visible}.three-column-layout{display:grid;grid-template-columns:280px 1fr 280px;height:100%;gap:0}@media (max-width: 1024px){.three-column-layout{grid-template-columns:240px 1fr 240px}}@media (max-width: 768px){.three-column-layout{grid-template-columns:1fr}.three-column-layout .left-panel,.three-column-layout .right-panel{display:none}}.left-panel,.right-panel{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border-right:1px solid rgba(31,41,55,.1);display:flex;flex-direction:column;overflow:hidden}.right-panel{border-right:none;border-left:1px solid rgba(31,41,55,.1)}.center-panel{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;display:flex;flex-direction:column;justify-content:space-between;padding:64px;position:relative}.search-section{padding:16px 24px 0}.search-section .search-input{width:100%;padding:24px 32px;border:1px solid rgba(31,41,55,.1);border-radius:16px;background:#ffffffe6;font-size:.875rem;transition:all .2s ease}.search-section .search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.search-section .search-input::placeholder{color:#6b7280}.left-panel .task-section{padding:16px 24px}.left-panel .task-section h3{margin-bottom:16px;margin-top:0}.ceramic-card{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border-radius:12px;padding:24px;margin:16px;border:1px solid rgba(255,255,255,.3);transition:.2s ease}.ceramic-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014,0 8px 24px #0000000d,inset 0 1px #fff9}.ceramic-card.clickable{cursor:pointer}.ceramic-card.clickable:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 2px 4px #0000001a}.ceramic-button{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:all .2s ease;padding:16px 24px;font-size:1rem;font-weight:500;color:#1f2937;text-decoration:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s ease}.ceramic-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014,0 8px 24px #0000000d,inset 0 1px #fff9}.ceramic-button:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 2px 4px #0000001a}.ceramic-button:focus{outline:2px solid #2563eb;outline-offset:2px}.ceramic-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ceramic-button.small{padding:8px 16px;font-size:.875rem}.ceramic-button.large{padding:24px 32px;font-size:1.125rem}.ceramic-button.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.ceramic-button.primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ceramic-button.success{background:linear-gradient(135deg,#059669,#047857);color:#fff}.ceramic-button.success:hover{background:linear-gradient(135deg,#10b981,#059669)}.ceramic-button.warning{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.ceramic-button.warning:hover{background:linear-gradient(135deg,#f59e0b,#d97706)}.ceramic-button.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.ceramic-button.danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626)}.ceramic-input{background:#ffffff26;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;border-radius:12px;padding:16px;font-size:1rem;font-family:inherit;color:#1f2937;border:1px solid rgba(255,255,255,.3);transition:.2s ease;width:100%}.ceramic-input::placeholder{color:#9ca3af}.ceramic-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a,0 4px 16px #00000014,0 8px 24px #0000000d}.ceramic-input:disabled{opacity:.5;cursor:not-allowed}.view-switcher{position:fixed;bottom:32px;right:32px;background:#ffffff4d;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;border-radius:16px;padding:8px;display:flex;gap:4px;z-index:1030}.view-switcher .switch-button{background:#fff3;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;border:none;border-radius:6px;padding:16px;cursor:pointer;transition:.2s ease;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.view-switcher .switch-button:hover{background:#fff6;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;transform:translateY(-1px)}.view-switcher .switch-button.active{background:#2563eb33;color:#2563eb}.view-switcher .switch-button.active:hover{background:#2563eb4d}.view-switcher .switch-button .icon{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}.focus-timer{text-align:center;margin-bottom:64px}.focus-timer .timer-display{font-size:clamp(4rem,8vw,8rem);font-weight:300;color:#1f2937;margin-bottom:48px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.focus-timer .timer-controls{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}.task-item{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border-radius:12px;padding:16px;margin-bottom:8px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:.2s ease}.task-item:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014,0 8px 24px #0000000d}.task-item.selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33,0 1px 3px #0000000d,0 4px 12px #00000008}.task-item.dragging{opacity:.8;transform:rotate(3deg) scale(1.05);z-index:1050}.task-item .task-title{font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-item .task-meta{font-size:.875rem;color:#6b7280;display:flex;gap:8px;align-items:center}.drop-zone{border:2px dashed transparent;border-radius:16px;transition:.2s ease}.drop-zone.active{border-color:#2563eb;background:#2563eb0d;transform:scale(1.02)}.drop-zone.hover{border-color:#059669;background:#0596691a}@media (max-width: 1024px){.three-column-layout{grid-template-columns:240px 1fr 240px}.main-view-switcher .main-view-btn{min-width:100px}.main-view-switcher .main-view-btn .btn-label{display:none}}@media (max-width: 768px){.three-column-layout{grid-template-columns:1fr}.three-column-layout .left-panel,.three-column-layout .right-panel{display:none}.priority-matrix{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.project-columns,.status-columns{flex-direction:column}.project-columns .project-column,.project-columns .status-column,.status-columns .project-column,.status-columns .status-column{min-width:auto}}@keyframes ceramicGlow{0%{box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9}50%{box-shadow:0 4px 16px #00000014,0 8px 24px #0000000d,inset 0 1px #fff9,0 0 20px #2563eb33}to{box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9}}.ceramic-glow-animation{animation:ceramicGlow 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-ceramic-ink{color:#1f2937}.text-ceramic-gray{color:#6b7280}.text-ceramic-light{color:#9ca3af}.text-ceramic-blue{color:#2563eb}.text-ceramic-green{color:#059669}.text-ceramic-gold{color:#d97706}.text-ceramic-red{color:#dc2626}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-4{margin:16px}.m-6{margin:24px}.m-8{margin:32px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.hidden{display:none}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.main-view-switcher{background:#ffffff40;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;border-radius:24px;padding:24px;margin:24px;display:flex;flex-direction:row;gap:16px;z-index:1000}.main-view-switcher .main-view-btn{display:flex;align-items:center;justify-content:center;padding:32px;background:transparent;border:none;border-radius:16px;color:#6b7280;font-size:20px;font-weight:500;cursor:pointer;transition:all .2s ease;width:48px;height:48px}.main-view-switcher .main-view-btn .btn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.main-view-switcher .main-view-btn .btn-label{display:none}.main-view-switcher .main-view-btn:hover{background:#fff9;color:#1f2937;transform:translateY(-2px)}.main-view-switcher .main-view-btn.active{background:#fff;color:#1f2937;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#1f29374d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;z-index:2000}.modal.active{opacity:1;visibility:visible}.modal .modal-content{max-width:500px;width:90%;max-height:80vh;overflow-y:auto;padding:48px;transform:scale(.9);transition:transform .3s ease}.modal.active .modal-content{transform:scale(1)}.modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.modal .modal-header .modal-title{font-size:1.125rem;font-weight:500}.modal .modal-header .modal-close{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:all .2s ease;padding:16px}.modal .modal-header .modal-close:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014,0 8px 24px #0000000d,inset 0 1px #fff9}.modal .modal-header .modal-close:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 2px 4px #0000001a}.modal .modal-header .modal-close .icon{width:16px;height:16px}.modal .modal-body{margin-bottom:32px}.modal .modal-body p{margin-bottom:32px;color:#6b7280}.modal .modal-actions{display:flex;gap:24px;justify-content:flex-end}.task-board{padding:48px;height:100%;display:flex;flex-direction:column}.task-board .board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.task-board .board-header .page-title{font-size:2.25rem;font-weight:300;color:#1f2937}.task-board .board-header .task-view-switcher{display:none!important}.task-board .board-header .task-view-switcher .task-view-btn{display:flex;align-items:center;gap:16px;padding:24px 32px;background:transparent;border:none;border-radius:16px;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.task-board .board-header .task-view-switcher .task-view-btn .btn-icon{font-size:1rem}.task-board .board-header .task-view-switcher .task-view-btn:hover{background:#ffffff80;color:#1f2937}.task-board .board-header .task-view-switcher .task-view-btn.active{background:#fff;color:#1f2937;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.task-board .task-subview{flex:1;opacity:0;visibility:hidden;transition:all .3s ease}.task-board .task-subview.active{opacity:1;visibility:visible}.task-board .project-columns{display:flex;gap:48px;height:100%}.task-board .project-columns .project-column{flex:1;min-width:300px}.task-board .project-columns .project-column .column-title{font-size:1.125rem;font-weight:500;margin-bottom:32px;padding:24px;background:#fefefe;border-radius:16px;text-align:center}.task-board .project-columns .project-column .task-list{height:calc(100% - 60px);overflow-y:auto;padding:16px}.task-board .priority-matrix{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:32px;height:100%}.task-board .priority-matrix .matrix-quadrant{background:#ffffff40;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;padding:48px;border-radius:24px;display:flex;flex-direction:column;position:relative;overflow:hidden}.task-board .priority-matrix .matrix-quadrant:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:6px}.task-board .priority-matrix .matrix-quadrant.urgent-important{border-left:4px solid #dc2626}.task-board .priority-matrix .matrix-quadrant.urgent-important:before{background:#dc2626}.task-board .priority-matrix .matrix-quadrant.not-urgent-important{border-left:4px solid #2563eb}.task-board .priority-matrix .matrix-quadrant.not-urgent-important:before{background:#2563eb}.task-board .priority-matrix .matrix-quadrant.urgent-not-important{border-left:4px solid #d97706}.task-board .priority-matrix .matrix-quadrant.urgent-not-important:before{background:#d97706}.task-board .priority-matrix .matrix-quadrant.not-urgent-not-important{border-left:4px solid #6b7280}.task-board .priority-matrix .matrix-quadrant.not-urgent-not-important:before{background:#6b7280}.task-board .priority-matrix .matrix-quadrant .quadrant-title{font-size:1.125rem;font-weight:600;margin-bottom:8px}.task-board .priority-matrix .matrix-quadrant .quadrant-subtitle{font-size:.875rem;color:#6b7280;margin-bottom:32px}.task-board .priority-matrix .matrix-quadrant .task-list{flex:1;overflow-y:auto}.task-board .status-columns{display:flex;gap:32px;height:100%}.task-board .status-columns .status-column{flex:1;min-width:250px}.task-board .status-columns .status-column .column-title{font-size:1.125rem;font-weight:500;margin-bottom:32px;padding:24px;background:#fefefe;border-radius:16px;text-align:center}.task-board .status-columns .status-column .task-list{height:calc(100% - 60px);overflow-y:auto;padding:16px;border-radius:16px;background:#ffffff4d}.task-drop-zone{background:#ffffff40;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;border-radius:24px;padding:48px;margin-bottom:48px;min-height:120px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px dashed transparent}.task-drop-zone.drag-over{border-color:#2563eb;background:#2563eb1a;transform:scale(1.02)}.task-drop-zone .drop-zone-placeholder{text-align:center;color:#6b7280}.task-drop-zone .drop-zone-placeholder .drop-icon{width:48px;height:48px;margin-bottom:24px;opacity:.6}.task-drop-zone .drop-zone-placeholder .drop-text{font-size:1rem}.task-drop-zone .current-task{text-align:center}.task-drop-zone .current-task .task-title{font-size:1.125rem;font-weight:500;margin-bottom:16px}.task-drop-zone .current-task .task-meta{font-size:.875rem;color:#6b7280}.panel-header{padding:48px;border-bottom:1px solid rgba(31,41,55,.1)}.panel-header .panel-title{font-size:1.125rem;font-weight:500;color:#1f2937}.task-section{flex:1;padding:32px;overflow-y:auto}.task-section h3{font-size:1rem;font-weight:500;color:#6b7280;margin-bottom:32px}.task-section .task-list .task-item{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:all .2s ease;width:100%;text-align:left;margin-bottom:16px;padding:24px;cursor:grab}.task-section .task-list .task-item:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014,0 8px 24px #0000000d,inset 0 1px #fff9}.task-section .task-list .task-item:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 2px 4px #0000001a}.task-section .task-list .task-item:active{cursor:grabbing}.task-section .task-list .task-item.dragging{opacity:.5}.task-section .task-list .task-item .task-title{font-size:.875rem;font-weight:500;margin-bottom:8px}.task-section .task-list .task-item .task-meta{font-size:.75rem;color:#6b7280}.stats-section{padding:32px;display:flex;flex-direction:column;gap:24px}.stats-section .stat-card{padding:32px;text-align:center}.stats-section .stat-card .stat-label{font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:8px}.stats-section .stat-card .stat-value{font-size:1.5rem;font-weight:600;color:#2563eb}.activity-log{flex:1;padding:32px;overflow-y:auto}.activity-log .log-title{font-size:1rem;font-weight:500;color:#6b7280;margin-bottom:32px}.activity-log .log-list .log-item{padding:24px;margin-bottom:16px;background:#ffffff80;border-radius:16px;border-left:3px solid #2563eb}.activity-log .log-list .log-item .log-time{font-size:.75rem;color:#6b7280;margin-bottom:8px}.activity-log .log-list .log-item .log-content{font-size:.875rem}.activity-log .log-list .log-item .log-task{font-size:.75rem;color:#2563eb;margin-top:8px;font-weight:500}.activity-dialog{background:#ffffff40;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726,inset 0 1px #fff6;border-radius:24px;padding:32px}.activity-dialog .dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.activity-dialog .dialog-header .dialog-title{font-size:1rem;font-weight:500}.activity-dialog .dialog-header .summary-btn{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:all .2s ease;padding:16px}.activity-dialog .dialog-header .summary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014,0 8px 24px #0000000d,inset 0 1px #fff9}.activity-dialog .dialog-header .summary-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 2px 4px #0000001a}.activity-dialog .dialog-header .summary-btn .icon{width:16px;height:16px}.activity-dialog .dialog-input{display:flex;gap:24px}.activity-dialog .dialog-input .activity-input{flex:1;padding:24px;border:1px solid rgba(31,41,55,.1);border-radius:16px;background:#fffc;font-size:.875rem}.activity-dialog .dialog-input .activity-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.activity-dialog .dialog-input .send-btn{background:linear-gradient(135deg,#fefefe,#f8f7f4);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 1px #fff9;border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:all .2s ease;padding:24px;background:#2563eb;color:#fff}.activity-dialog .dialog-input .send-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014,0 8px 24px #0000000d,inset 0 1px #fff9}.activity-dialog .dialog-input .send-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008,inset 0 2px 4px #0000001a}.activity-dialog .dialog-input .send-btn:hover{background:#1e40af}.activity-dialog .dialog-input .send-btn .icon{width:16px;height:16px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.panel-header .panel-title{font-size:1.125rem;font-weight:600;color:#1f2937}