.projects-dashboard{max-width:1600px;padding:var(--spacing-xl);background:var(--background-color);min-height:100vh;margin:0 auto}.dashboard-header{margin-bottom:var(--spacing-xl)}.dashboard-header .back-btn{background:var(--background-color);color:var(--text-primary);border:2px solid var(--border-color);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-lg);font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.dashboard-header .back-btn:hover{background:var(--card-bg);border-color:var(--primary-color);transform:translate(-3px)}.dashboard-header-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.dashboard-header h1{color:var(--text-primary);flex:1;margin:0;font-size:2rem}.dashboard-header .btn-primary{background:var(--primary-color);color:#fff;padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:600}.dashboard-header .btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #5a67d84d}.projects-board{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1200px){.projects-board{grid-template-columns:1fr}}.project-column{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-height:500px;transition:all var(--transition-normal)}.project-column:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #00000014}.column-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:3px solid var(--border-color);align-items:center;gap:var(--spacing-sm);font-size:1.3rem;font-weight:700;display:flex}.column-header.planned{color:var(--primary-color);border-bottom-color:var(--primary-color)}.column-header.in-progress{color:#f59e0b;border-bottom-color:#f59e0b}.column-header.completed{color:#10b981;border-bottom-color:#10b981}.project-cards{gap:var(--spacing-md);flex-direction:column;display:flex}.project-card{background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast)}.project-card:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.project-card:active{transform:translateY(-1px)}.project-card h3{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.15rem;font-weight:700}.project-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.9rem;line-height:1.6}.project-meta{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.meta-item{background:var(--card-bg);color:var(--text-secondary);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:.85rem;font-weight:600}.modal-overlay{z-index:1000;padding:var(--spacing-lg);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content.modal-large{max-width:900px}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:1.5rem}.close-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:2rem;line-height:1;display:flex}.close-btn:hover{background:var(--background-color);color:var(--text-primary)}.modal-body{padding:var(--spacing-xl)}.modal-footer{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex}.form-input,.form-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--background-color);color:var(--text-primary);margin-bottom:var(--spacing-md);font-family:inherit;font-size:1rem}.form-textarea{resize:vertical;min-height:100px}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);outline:none}.btn-primary,.btn-secondary,.btn-delete{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:1rem;font-weight:600}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #5a67d84d}.btn-secondary{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--card-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.btn-delete,.btn-delete.btn-sm{background:var(--color-error);color:#fff;padding:var(--spacing-sm)var(--spacing-md)}.btn-delete:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-sm{padding:var(--spacing-sm)var(--spacing-md);font-size:.9rem}.project-details{margin-bottom:var(--spacing-xl)}.project-details .description{color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.6}.cost-summary{background:var(--background-color);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.cost-summary p{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1rem;font-weight:600}.parts-table{border-collapse:collapse;width:100%;margin-top:var(--spacing-lg)}.parts-table thead{background:var(--background-color)}.parts-table th{padding:var(--spacing-md);text-align:left;color:var(--text-primary);border-bottom:2px solid var(--border-color);font-weight:600}.parts-table td{padding:var(--spacing-md);color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.parts-table tr:hover{background:var(--background-color)}.parts-table a{color:var(--primary-color);font-size:1.2rem;text-decoration:none}.parts-table a:hover{opacity:.8}.parts-table input[type=checkbox]{cursor:pointer;width:20px;height:20px}.inline-form{background:var(--background-color);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.inline-form h4{color:var(--text-primary);margin-bottom:var(--spacing-md)}.form-buttons{gap:var(--spacing-md);margin-top:var(--spacing-lg);display:flex}.empty-state{color:var(--text-secondary);text-align:center;padding:var(--spacing-xl);font-style:italic}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}@media (max-width:768px){.projects-dashboard{padding:var(--spacing-md)}.dashboard-header-content{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.dashboard-header h1{width:100%;font-size:1.5rem}.dashboard-header .btn-primary{width:100%;padding:var(--spacing-md);text-align:center;justify-content:center}.dashboard-header .back-btn{text-align:center;width:100%}.projects-board{gap:var(--spacing-lg);grid-template-columns:1fr}.project-column{min-height:auto}.column-header{font-size:1.1rem}.modal-content{width:95%;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}.modal-footer{flex-direction:column}.modal-footer button{width:100%}.form-buttons{flex-direction:column}.form-buttons button{width:100%}.parts-table{font-size:.9rem}.parts-table th,.parts-table td{padding:var(--spacing-sm)}button{min-height:44px}input,select,textarea{min-height:44px;font-size:16px!important}}