:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #eef2ff;--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--hover: #f1f5f9;--danger: #ef4444;--danger-light: #fef2f2;--success: #22c55e;--warning: #f59e0b;--info: #3b82f6}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}.page{padding:24px 32px;max-width:1400px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.page-header h1{margin:0;font-size:24px;font-weight:700}button{cursor:pointer;font-family:inherit;font-size:14px}.btn-primary{background:#fff;color:var(--text);border:1.5px solid #1e293b;padding:8px 16px;border-radius:8px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex;align-items:center;gap:6px}.btn-primary:hover:not(:disabled){background:#f1f5f9;border-color:#0f172a}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:8px 16px;border-radius:8px;font-weight:500}.btn-secondary:hover{background:var(--hover)}.btn-danger{background:var(--danger);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600}.btn-danger:hover{background:#dc2626}.btn-icon{background:none;border:none;padding:4px 8px;border-radius:6px;font-size:16px;line-height:1;transition:background .15s}.btn-icon:hover{background:var(--hover)}.btn-icon.btn-danger:hover{background:var(--danger-light)}.btn-svg{display:inline-block;vertical-align:middle;opacity:.7;transition:opacity .15s}button:hover .btn-svg{opacity:1}.btn-primary .btn-svg{opacity:.85}.form-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.form-panel h2{margin:0 0 20px;font-size:18px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-weight:600;font-size:13px;color:var(--text-muted)}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px;font-family:inherit;color:var(--text);background:var(--bg);transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.field fieldset{border:1px solid var(--border);border-radius:8px;padding:12px 16px;margin:0}.field fieldset legend{font-weight:600;font-size:13px;color:var(--text-muted);padding:0 4px}.fields-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 24px}.field-full{grid-column:1 / -1}.field-half{grid-column:span 1}.fields-row-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0 24px}.fields-row-2{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.form-actions{display:flex;gap:12px;margin-top:20px}.checkboxes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.checkboxes-col{display:flex;flex-direction:column;gap:6px;max-height:120px;overflow-y:auto}.filter-search{flex:1;min-width:160px;padding:7px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg);color:var(--text)}.filter-search:focus{outline:none;border-color:var(--primary)}.search-row{margin-bottom:0}.dep-search{width:100%;margin-bottom:8px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:.875rem;background:var(--bg);color:var(--text)}.field-inline-label{display:block;font-size:.7rem;color:var(--text-muted);margin-bottom:2px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.field-date{flex-direction:row;align-items:center;gap:8px}.field-date .field-inline-label{margin-bottom:0;white-space:nowrap;flex-shrink:0}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{accent-color:var(--primary)}.filters{margin-bottom:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filters label{font-weight:600;font-size:13px;color:var(--text-muted)}.filters select,.filters-row select{border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;font-family:inherit;background:var(--surface);color:var(--text)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.task-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.task-row{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.task-row:last-child{border-bottom:none}.task-row-main{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.task-row-main strong{font-size:14px;line-height:1.3}.task-row-actions{display:flex;gap:4px;flex-shrink:0}.task-row-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.task-row-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.task-row-dates{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:0;padding:20px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.card-header h3{margin:0;font-size:16px;display:flex;align-items:center;gap:8px}.card-actions{display:flex;gap:4px;flex-shrink:0}.env-color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.color-picker-row{display:flex;align-items:center;gap:10px}.color-input{width:48px;height:36px;padding:2px;border:1px solid var(--border);border-radius:6px;cursor:pointer;background:none}.color-value{font-family:monospace;font-size:13px;color:var(--text-muted)}.card-desc{margin:0 0 12px;color:var(--text-muted);font-size:13px}.card-stats{display:flex;gap:16px;font-size:12px;color:var(--text-muted);font-weight:600}.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{background:var(--surface-2);padding:12px 16px;text-align:left;font-weight:700;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--hover)}.actions-cell{white-space:nowrap}.task-desc{margin:4px 0 0;color:var(--text-muted);font-size:12px}.deps-info{margin:2px 0 0;color:var(--primary);font-size:12px}.badge{background:var(--primary-light);color:var(--primary);padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{background:var(--surface-2);border:1px solid var(--border);padding:2px 10px;border-radius:20px;font-size:12px}.priority-badge{padding:2px 10px;border-radius:20px;font-size:12px;font-weight:700}.priority-low{background:#f0fdf4;color:#16a34a}.priority-medium{background:#fefce8;color:#ca8a04}.priority-high{background:#fff7ed;color:#ea580c}.priority-critical{background:#fef2f2;color:#dc2626}.status-badge{padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-pending{background:var(--surface-2);color:var(--text-muted)}.status-in-progress{background:#eff6ff;color:#2563eb}.status-done{background:#f0fdf4;color:#16a34a}.status-blocked{background:#fef2f2;color:#dc2626}.data-table td:first-child{border-left:3px solid var(--env-color, #6366f1)}.progress-bar{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s}.progress-text{color:var(--text-muted);font-size:12px}.dialog-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.dialog{background:var(--surface);border-radius:16px;padding:32px;max-width:480px;width:100%;box-shadow:0 20px 60px #0003}.dialog-wide{max-width:980px;max-height:90vh;overflow-y:auto}.dialog h2{margin:0 0 12px;font-size:20px}.dialog p{margin:0 0 16px;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.stat-value{font-size:36px;font-weight:800;color:var(--primary)}.stat-label{font-size:13px;color:var(--text-muted);margin-top:4px;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dash-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.dash-section h2{margin:0 0 16px;font-size:16px}.bar-list{display:flex;flex-direction:column;gap:10px}.bar-row{display:flex;align-items:center;gap:10px}.bar-label{width:110px;font-size:13px;font-weight:500;flex-shrink:0}.bar-track{flex:1;height:10px;background:var(--surface-2);border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:5px;transition:width .3s}.bar-count{width:30px;text-align:right;font-size:13px;font-weight:700}.status-fill-pending{background:#94a3b8}.status-fill-in-progress{background:#3b82f6}.status-fill-done{background:#22c55e}.status-fill-blocked{background:#ef4444}.priority-fill-low{background:#22c55e}.priority-fill-medium{background:#eab308}.priority-fill-high{background:#f97316}.priority-fill-critical{background:#ef4444}.task-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.task-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.task-list li:last-child{border-bottom:none}.task-title{font-weight:500}.task-date{font-size:12px;color:var(--text-muted)}.graph-container{overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:16px;margin-bottom:16px}.graph-node{fill:var(--surface-2);stroke:var(--border);stroke-width:1.5}.node-pending{fill:#f8fafc;stroke:#94a3b8}.node-in-progress{fill:#eff6ff;stroke:#3b82f6}.node-done{fill:#f0fdf4;stroke:#22c55e}.node-blocked{fill:#fef2f2;stroke:#ef4444}.node-title{fill:var(--text)}.node-meta{fill:var(--text-muted)}.graph-legend{display:flex;gap:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.legend-color{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border)}.legend-color.node-pending{background:#f8fafc;border-color:#94a3b8}.legend-color.node-in-progress{background:#eff6ff;border-color:#3b82f6}.legend-color.node-done{background:#f0fdf4;border-color:#22c55e}.legend-color.node-blocked{background:#fef2f2;border-color:#ef4444}.empty-msg{color:var(--text-muted);font-style:italic;padding:24px 0}.muted{color:var(--text-muted);font-style:italic;font-size:13px}.field-hint{font-size:11px;color:var(--text-muted);margin-top:2px}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px 32px;min-width:280px;box-shadow:0 8px 32px #00000029;text-align:center}.modal-msg{font-size:16px;font-weight:600;color:var(--text);margin:0 0 20px}.modal-actions{display:flex;gap:10px;justify-content:center}.hide-mobile{display:block}.show-mobile,.filter-toggle-btn{display:none}.page-header-actions{display:flex;align-items:center;gap:8px}@media(max-width:640px){.hide-mobile{display:none!important}.show-mobile{display:block}.cards-grid.show-mobile{display:grid}.filter-toggle-btn{display:inline-flex}.filters-mobile-collapsed{display:none!important}.page-header{position:fixed;top:0;right:0;height:52px;z-index:92;background:transparent;border:none;padding:0 12px;margin:0;display:flex;align-items:center;gap:8px;justify-content:flex-end}.page-header h1,.page-header .btn-label{display:none}.page{padding-top:16px}.page{padding:16px}.page-header{flex-wrap:wrap;gap:8px}.page-header h1{font-size:20px}.fields-grid,.fields-row-4,.fields-row-2{grid-template-columns:1fr}.field-full{grid-column:1}.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:1fr}.filters{flex-direction:column;align-items:flex-start}.filters select,.filters-row select{width:100%}.filter-search{width:100%;flex:none}.dialog-overlay{padding:0;align-items:flex-end}.dialog{border-radius:16px 16px 0 0;padding:24px 16px;max-width:100%}.dialog-wide{max-width:100%;max-height:92vh;border-radius:16px 16px 0 0}.table-wrapper{border-radius:8px}.data-table th,.data-table td{padding:10px;font-size:12px}.bar-label{width:80px;font-size:12px}.form-actions{flex-direction:column}.form-actions button{width:100%}.checkboxes-grid{grid-template-columns:1fr 1fr}}