.barn-tasks-container{max-width:1000px;margin:0 auto;padding:20px}.barn-tasks-header{align-items:center;gap:20px;margin-bottom:24px;display:flex}.barn-tasks-header .header-left{flex-shrink:0}.barn-tasks-header .header-center{flex:1}.barn-tasks-header h1{color:var(--color-text);margin-bottom:8px;font-size:2rem}.barn-tasks-description{color:var(--color-text-muted);font-size:1rem}.barn-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px;display:flex}.barn-header h1{color:var(--color-text);margin:0;font-size:1.75rem}.barn-header-actions{gap:10px;display:flex}.barn-action-btn{background:var(--color-primary);border-radius:8px;padding:10px 20px;font-weight:500;text-decoration:none;transition:background .2s;color:#fff!important}.barn-action-btn:hover{background:var(--color-primary-dark,#0056b3);color:#fff!important}.task-counts-summary{gap:16px;margin-bottom:24px;display:flex}.count-card{text-align:center;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;flex:1;padding:16px}.count-card.open{border-left:4px solid var(--color-info)}.count-card.in-progress{border-left:4px solid var(--color-warning)}.count-card.completed{border-left:4px solid var(--color-success)}.count-value{color:var(--color-text);font-size:2rem;font-weight:700;display:block}.count-label{color:var(--color-text-muted);text-transform:uppercase;font-size:.875rem;display:block}.barn-tasks-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.filter-buttons{gap:8px;display:flex}.btn-filter{border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text);cursor:pointer;border-radius:6px;padding:8px 16px;transition:all .2s}.btn-filter:hover{background:var(--color-bg-hover)}.btn-filter.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.barn-task-form{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;margin-bottom:24px;padding:20px}.barn-task-form h3{color:var(--color-text);margin-top:0;margin-bottom:16px}.barn-task-form .form-group{margin-bottom:16px}.barn-task-form label{color:var(--color-text);margin-bottom:6px;font-weight:500;display:block}.barn-task-form input,.barn-task-form textarea,.barn-task-form select{border:1px solid var(--color-border);background:var(--color-input-bg);width:100%;color:var(--color-text);border-radius:6px;padding:10px 12px;font-size:1rem}.barn-task-form textarea{resize:vertical;min-height:80px}.barn-task-form .form-row{gap:16px;display:flex}.barn-task-form .form-row .form-group{flex:1}.barn-task-form .form-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.barn-task-form .form-error{color:var(--color-error);background:#dc35451a;border-radius:4px;margin-bottom:12px;padding:8px 12px}.tasks-list{flex-direction:column;gap:16px;display:flex}.empty-message{text-align:center;color:var(--color-text-muted);background:var(--color-card-bg);border:1px dashed var(--color-border);border-radius:8px;padding:40px}.task-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:box-shadow .2s}.task-card:hover{box-shadow:0 2px 8px #0000001a}.task-card.completed{opacity:.7}.task-card.priority-critical{border-left:4px solid #dc3545}.task-card.priority-high{border-left:4px solid #fd7e14}.task-card.priority-medium{border-left:4px solid #0d6efd}.task-card.priority-low{border-left:4px solid #6c757d}.task-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.task-badges{flex-wrap:wrap;gap:8px;display:flex}.priority-badge,.status-badge{text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600}.priority-badge.critical{color:#fff;background:#dc3545}.priority-badge.high{color:#fff;background:#fd7e14}.priority-badge.medium{color:#fff;background:#0d6efd}.priority-badge.low{color:#fff;background:#6c757d}.status-badge.open{background:var(--color-info-bg,#cce5ff);color:var(--color-info,#004085)}.status-badge.in_progress{background:var(--color-warning-bg,#fff3cd);color:var(--color-warning-dark,#856404)}.status-badge.completed{background:var(--color-success-bg,#d4edda);color:var(--color-success-dark,#155724)}.status-badge.cancelled{background:var(--color-muted-bg,#e2e3e5);color:var(--color-muted,#383d41)}.task-actions{flex-wrap:wrap;gap:6px;display:flex}.btn-small{border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:.8rem;transition:all .2s}.btn-small:hover{background:var(--color-bg-hover)}.btn-small.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-small.btn-success:hover{background:var(--color-success-dark,#218838)}.btn-small.btn-edit{background:var(--color-info);color:#fff;border-color:var(--color-info)}.btn-small.btn-delete{background:var(--color-error);color:#fff;border-color:var(--color-error)}.task-content{margin-bottom:12px}.task-description{color:var(--color-text);margin:0 0 8px;font-size:1rem;line-height:1.5}.task-notes{color:var(--color-text-muted);background:var(--color-bg-hover);border-radius:4px;margin:0;padding:8px;font-size:.9rem;font-style:italic}.task-footer{color:var(--color-text-muted);gap:16px;font-size:.8rem;display:flex}.task-due{color:var(--color-warning)}@media (max-width:768px){.barn-tasks-container{padding:12px}.barn-tasks-header{flex-direction:column;align-items:flex-start}.task-counts-summary{flex-direction:column}.barn-tasks-actions{flex-direction:column;align-items:stretch}.filter-buttons{flex-wrap:wrap;justify-content:center}.barn-task-form .form-row,.task-header{flex-direction:column}.task-actions{justify-content:flex-start;width:100%}.barn-header{flex-direction:column;align-items:flex-start;gap:12px}.barn-header-actions{flex-wrap:wrap;width:100%}.barn-action-btn{text-align:center;flex:1;min-width:100px}}