@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary: #2563eb;--bg-main: #ffffff;--bg-alt: #f8fafc;--bg-card: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--border: #cbd5e1;--row-hover: #e2e8f0;--bg-hover: #e2e8f0;--shadow-color: rgba(0,0,0,.1)}[data-theme=dark]{--primary: #3b82f6;--bg-main: #0f172a;--bg-alt: #1e293b;--bg-card: #1e293b;--text-main: #e2e8f0;--text-muted: #94a3b8;--border: #334155;--row-hover: #1e293b;--bg-hover: #334155;--shadow-color: rgba(0,0,0,.4)}[data-theme=dark] .compact-table th{background-color:#1e293b;box-shadow:0 1px 0 var(--border)}[data-theme=dark] .modal-header{background:#1e293b}[data-theme=dark] .row-overdue{background-color:#ef444426!important}[data-theme=dark] .row-completed{background-color:#1e293b!important}[data-theme=dark] .note-card{background:#1e293b}[data-theme=dark] .note-important{background:#ef444426;border-color:#7f1d1d}[data-theme=dark] .priority-opt{border-color:#334155;color:var(--text-main)}[data-theme=dark] .priority-opt.active.low{background:#10b98133;border-color:#10b981;color:#6ee7b7}[data-theme=dark] .priority-opt.active.medium{background:#f59e0b33;border-color:#f59e0b;color:#fcd34d}[data-theme=dark] .priority-opt.active.high{background:#ef444433;border-color:#ef4444;color:#fca5a5}[data-theme=dark] .status-select{background:var(--bg-alt);border-color:var(--border)}[data-theme=dark] .status-todo{color:#f87171!important}[data-theme=dark] .status-in-progress{color:#34d399!important}[data-theme=dark] .status-done{color:#94a3b8!important}[data-theme=dark] .text-prio-low{color:#34d399!important}[data-theme=dark] .text-prio-medium{color:#fbbf24!important}[data-theme=dark] .text-prio-high{color:#f87171!important}[data-theme=dark] .search-input{background:var(--bg-alt);color:var(--text-main)}[data-theme=dark] .toast-notification{background:#1e293b;border-left-color:#3b82f6}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--bg-alt)!important;color:var(--text-main)!important;border-color:var(--border)!important}[data-theme=dark] .btn-secondary{background:var(--bg-alt);color:var(--text-main);border-color:var(--border)}[data-theme=dark] .btn-secondary:hover{background:#334155}[data-theme=dark] .icon-btn:hover{background:#334155;color:var(--text-main)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-alt);color:var(--text-main);min-height:100vh}.app-container{padding:1rem 1.5%;max-width:100%;margin:0 auto}.app-header{display:flex;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.logo-title{display:flex;align-items:center;gap:8px}.logo-icon{color:var(--primary)}.user-selector{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted)}.user-selector select{padding:4px 6px;border-radius:4px;border:1px solid var(--border);background:var(--bg-alt);cursor:pointer;color:var(--text-main);font-weight:500}.user-selector label{font-weight:500}.app-header h1{font-size:1.25rem;font-weight:600}.app-header p{display:none}.table-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.table-header-actions h2{font-size:.9rem;font-weight:600;color:var(--text-main);text-transform:uppercase}.table-container{background:var(--bg-main);border:1px solid var(--border);border-radius:4px;overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 190px);box-shadow:0 1px 2px var(--shadow-color)}.compact-table{width:100%;border-collapse:collapse;font-size:.7rem;text-align:left}.compact-table th,.compact-table td{padding:.2rem .3rem;border-bottom:1px solid var(--border);border-right:1px solid #e2e8f0;vertical-align:middle}.compact-table td:last-child,.compact-table th:last-child{border-right:none}.compact-table th{background-color:#f1f5f9;font-weight:600;color:var(--text-main);white-space:nowrap;position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--border)}.compact-table tbody tr:hover{background-color:var(--row-hover)}.row-overdue{background-color:#fef2f2!important}.row-completed{background-color:#f8fafc!important;opacity:.6}.row-completed .cell-title{text-decoration:line-through;color:var(--text-muted)}.cell-title{cursor:pointer;font-weight:500;color:var(--primary)}.cell-title:hover{text-decoration:underline}.status-select{padding:1px 4px;border:1px solid var(--border);border-radius:2px;font-size:.7rem;background:var(--bg-main);width:100%;cursor:pointer;font-weight:600}.status-todo{color:#ef4444}.status-in-progress{color:#10b981}.status-done{color:#475569}.prio-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.prio-low{background-color:#10b981}.prio-medium{background-color:#f59e0b}.prio-high{background-color:#ef4444}.text-prio-low{color:#10b981;font-weight:600}.text-prio-medium{color:#f59e0b;font-weight:600}.text-prio-high,.text-red{color:#ef4444;font-weight:600}.actions-col{width:50px;text-align:center}.icon-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px 4px;border-radius:2px}.icon-btn:hover{background:#cbd5e1;color:var(--text-main)}.delete-btn:hover{color:#ef4444}.btn{padding:.3rem .6rem;font-size:.8rem;border-radius:3px;font-weight:500;border:1px solid transparent;cursor:pointer;display:flex;align-items:center}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:var(--bg-alt);color:var(--text-main);border-color:var(--border)}.btn-secondary:hover{background:#cbd5e1}.btn-small{padding:.2rem .5rem;font-size:.75rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-main);border:1px solid var(--border);border-radius:4px;width:900px;max-width:95vw;min-height:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px var(--shadow-color);transition:width .2s,height .2s;cursor:default}.modal-content.fullscreen{max-width:100vw;width:100vw;height:100vh;max-height:100vh;border-radius:0;border:none}.modal-content.fullscreen .modal-form{display:flex;flex-direction:column;height:calc(100vh - 60px);padding:2rem 5%}.settings-body{flex:1;overflow-y:auto;padding:1.5rem}.modal-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#f1f5f9;flex-shrink:0;z-index:10}.modal-header h2{font-size:.95rem;margin:0;font-weight:600}.modal-form{padding:.75rem 1rem;overflow-y:auto;flex:1}.form-group{margin-bottom:.5rem}.form-group label{display:block;font-size:.7rem;font-weight:600;margin-bottom:.15rem;color:var(--text-muted)}.form-group input[type=text],.form-group input[type=date],.form-group textarea{width:100%;border:1px solid var(--border);border-radius:3px;padding:.25rem .4rem;font-size:.75rem;font-family:inherit}.priority-options{display:flex;gap:.5rem}.priority-opt{flex:1;text-align:center;padding:.3rem;border:1px solid var(--border);border-radius:3px;font-size:.75rem;cursor:pointer}.priority-opt input{display:none}.priority-opt.active.low{background:#d1fae5;border-color:#10b981;color:#065f46}.priority-opt.active.medium{background:#fef3c7;border-color:#f59e0b;color:#92400e}.priority-opt.active.high{background:#fee2e2;border-color:#ef4444;color:#991b1b}.notes-section{margin-top:1rem;border-top:1px solid var(--border);padding-top:.75rem}.notes-section h3{font-size:.8rem;margin-bottom:.5rem;font-weight:600}.notes-list{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.note-card{background:var(--bg-alt);padding:.5rem;border:1px solid var(--border);border-radius:3px}.note-important{background:#fef2f2;border-color:#ef4444}.note-card p{font-size:.75rem;margin-bottom:.2rem;word-break:break-word}.note-date{font-size:.65rem;color:var(--text-muted)}.empty-notes{font-size:.75rem;color:var(--text-muted)}.add-note-box{display:flex;gap:.25rem}.add-note-box input{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.split-view{display:flex;gap:1.5rem;align-items:flex-start}.split-pane{flex:1;min-width:0}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:0 4px}.table-toolbar h3{font-size:.95rem;color:var(--primary);margin:0;font-weight:600}.search-input{padding:.35rem .5rem;border:1px solid var(--border);border-radius:4px;font-size:.8rem;width:160px}.search-input:focus{outline:none;border-color:var(--primary)}.table-container-wrapper{margin-bottom:1.5rem}.notification-container{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999}.toast-notification{background:var(--bg-main);color:var(--text-main);padding:.5rem .75rem;border-radius:3px;border-left:3px solid var(--primary);box-shadow:0 2px 4px -1px #0000001a;display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500}@media (max-width: 1000px){.split-view{flex-direction:column}}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes blink-attention{0%,to{opacity:1;box-shadow:0 0 4px #ef444466}50%{opacity:.5;box-shadow:0 0 12px #ef4444cc}}.blink-btn{animation:blink-attention 1s ease-in-out infinite}.new-badge{color:#ef4444;font-size:.65rem;font-weight:700;margin-left:.5rem;background:#fef2f2;padding:.1rem .4rem;border-radius:12px;border:1px solid #fecaca;display:inline-flex;align-items:center;gap:.2rem;animation:pulse-badge 1.5s ease-in-out infinite;white-space:nowrap}.kanban-board{display:flex;gap:1rem;align-items:flex-start;min-height:calc(100vh - 160px)}.kanban-column{flex:1;min-width:0;border:1px solid var(--border);border-top:3px solid;border-radius:6px;display:flex;flex-direction:column;max-height:calc(100vh - 160px)}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;border-bottom:1px solid var(--border);background:var(--bg-alt);border-radius:3px 3px 0 0}.kanban-cards{padding:.5rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;flex:1}.kanban-card{background:var(--bg-main);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem;transition:box-shadow .15s ease,transform .15s ease}.kanban-card:hover{box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-1px)}.kanban-card:active{cursor:grabbing;opacity:.8}.view-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden}.view-toggle button{background:var(--bg-main);border:none;padding:.3rem .7rem;font-size:.75rem;cursor:pointer;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:.3rem;transition:all .15s ease}.view-toggle button:not(:last-child){border-right:1px solid var(--border)}.view-toggle button.active{background:var(--primary);color:#fff;font-weight:600}@media (max-width: 768px){.kanban-board{flex-direction:column}.kanban-column{max-height:400px}}.gantt-container{scrollbar-gutter:stable}.gantt-container>div:last-child{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.gantt-container>div:last-child::-webkit-scrollbar{height:10px;width:8px}.gantt-container>div:last-child::-webkit-scrollbar-track{background:var(--bg-alt)}.gantt-container>div:last-child::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.gantt-container>div:last-child::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 1024px){.app-container{padding:.5rem 1%}.compact-table th,.compact-table td{padding:.35rem .4rem;font-size:.75rem}}@media (max-width: 768px){.hide-mobile{display:none!important}.app-container{padding:.3rem 2px}.app-header{flex-wrap:wrap;gap:.3rem;padding-bottom:.3rem;margin-bottom:.3rem}.header-content{flex-wrap:wrap;gap:.3rem}.logo-title{width:100%;justify-content:space-between;align-items:center}.logo-title h1{font-size:.95rem}.logo-title h1 span:last-child{display:none}.view-toggle{order:-1}.view-toggle button{padding:.2rem .45rem;font-size:.68rem}.view-toggle button svg{width:12px;height:12px}.icon-btn{padding:3px}.icon-btn svg{width:16px;height:16px}.table-header-actions{flex-direction:column;align-items:stretch;gap:.4rem}.table-header-actions h2{font-size:.85rem!important}.table-header-actions>div{flex-wrap:wrap!important;gap:.3rem!important}.table-header-actions .btn-small{font-size:.62rem!important;padding:.2rem .4rem!important}.table-header-actions .search-input,.table-toolbar .search-input,.search-input{min-width:0!important;width:15px!important;flex:0 0 15px!important;font-size:.4rem!important;padding:0!important;border:1px solid var(--border)!important}.table-toolbar{flex-wrap:wrap!important;gap:.2rem!important}.compact-table{font-size:.65rem;width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;border-spacing:0!important;margin:0}.compact-table th,.compact-table td{padding:0!important;margin:0!important;border:1px solid var(--border);overflow:hidden;vertical-align:middle}.compact-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;display:block;width:100%}.compact-table th{font-size:.65rem!important;font-weight:600!important;background:var(--bg-muted);height:26px}.compact-table th:nth-child(1),.compact-table td:nth-child(1){width:25px!important;text-align:center}.compact-table th:nth-child(1) input,.compact-table td:nth-child(1) input{width:13px;height:13px;margin:0}.compact-table th:nth-child(2),.compact-table td:nth-child(2){width:auto!important;white-space:normal!important;word-break:break-word;line-height:1.1;padding:2px!important}.compact-table th:nth-child(3),.compact-table td:nth-child(3),.compact-table th:nth-child(5),.compact-table td:nth-child(5){width:65px!important}.compact-table td:nth-child(3) select,.compact-table td:nth-child(5) select{font-size:.55rem!important;padding:0 2px!important;margin:0!important;width:65px!important;min-width:65px!important;max-width:65px!important;border:none!important;display:block;height:24px}.compact-table td:nth-child(5) span{font-size:.55rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:60px;margin:0 auto;padding:0}.compact-table th:nth-child(3),.compact-table th:nth-child(5){padding:0!important;text-align:center}.compact-table th:nth-child(4),.compact-table td:nth-child(4),.compact-table th:nth-child(n+6),.compact-table td:nth-child(n+6){display:none!important}.kanban-board{flex-direction:column;gap:.5rem}.kanban-column{max-height:350px}.modal-overlay{padding:0!important;align-items:stretch!important}.modal-content{width:100vw!important;max-width:100vw!important;min-width:0!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0!important}.modal-form{overflow-y:auto!important;-webkit-overflow-scrolling:touch}.filter-row{flex-wrap:wrap;gap:.3rem}.filter-row select,.filter-row input{font-size:.75rem;min-width:0;flex:1 1 100px}.notification-container{left:.5rem;right:.5rem;bottom:.5rem}.toast-notification{font-size:.8rem;padding:.5rem .8rem}div[style*=grid-template-columns]{grid-template-columns:1fr 1fr!important}.table-header-actions .btn-small{flex-shrink:0!important}}@media (max-width: 480px){.app-header h1{font-size:.85rem}.view-toggle button{padding:.18rem .3rem;font-size:.62rem}.view-toggle button svg{display:none}.compact-table th:nth-child(4),.compact-table td:nth-child(4),.compact-table th:nth-child(n+6),.compact-table td:nth-child(n+6){display:none!important}.compact-table .status-select,.compact-table select{max-width:65px!important;font-size:.6rem!important}.kanban-card{padding:.4rem .5rem}.kanban-card h4{font-size:.8rem}div[style*=grid-template-columns]{grid-template-columns:1fr!important}}