.barn-hands-page{max-width:1200px;margin:0 auto;padding:20px}.barn-hands-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.barn-hands-header .header-left{flex-direction:column;gap:4px;display:flex}.barn-hands-header .back-link{color:var(--text-secondary);margin-bottom:8px;font-size:14px;text-decoration:none}.barn-hands-header .back-link:hover{color:var(--primary-color)}.barn-hands-header h1{color:var(--text-primary);margin:0}.barn-hands-header .subtitle{color:var(--text-secondary);margin:0}.barn-hands-header .invite-btn{padding:12px 24px;font-size:16px}.message{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.error-message{color:#ef4444;background-color:#ef44441a;border:1px solid #ef44444d}.success-message{color:#22c55e;background-color:#22c55e1a;border:1px solid #22c55e4d}.close-msg{cursor:pointer;color:inherit;background:0 0;border:none;padding:0 4px;font-size:18px}.empty-state{text-align:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:60px 20px}.empty-state h3{color:var(--text-primary);margin-bottom:16px}.empty-state p{color:var(--text-secondary);max-width:400px;margin:8px auto}.barn-hands-section{margin-bottom:32px}.barn-hands-section h2{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-size:18px}.barn-hands-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.barn-hands-grid.inactive{opacity:.7}.barn-hand-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.barn-hand-card.pending{border-color:var(--warning-color,#f59e0b)}.barn-hand-card.inactive{opacity:.6}.barn-hand-card .card-header{background-color:#0000000d;justify-content:space-between;align-items:flex-start;padding:16px;display:flex}.barn-hand-card .user-info{align-items:flex-start;gap:12px;display:flex}.barn-hand-card .user-avatar{font-size:24px}.barn-hand-card .user-avatar.muted{opacity:.5}.barn-hand-card .user-info h3{color:var(--text-primary);margin:0 0 4px;font-size:16px}.barn-hand-card .email,.barn-hand-card .nickname{color:var(--text-secondary);margin:0;font-size:13px}.barn-hand-card .card-body{padding:16px}.barn-hand-card .info-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.barn-hand-card .info-row:last-child{border-bottom:none}.barn-hand-card .label{color:var(--text-secondary);font-size:13px}.barn-hand-card .card-actions{border-top:1px solid var(--border-color);background-color:#00000008;gap:8px;padding:12px 16px;display:flex}.barn-hand-card .card-actions button{flex:1;padding:8px 12px;font-size:13px}.status-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}.status-pending{color:#f59e0b;background-color:#f59e0b26}.status-active{color:#22c55e;background-color:#22c55e26}.status-declined{color:#6b7280;background-color:#6b728026}.status-revoked{color:#ef4444;background-color:#ef444426}.permission-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}.permission-badge.viewer{color:#6b7280;background-color:#6b728026}.permission-badge.driver{color:#3b82f6;background-color:#3b82f626}.permission-badge.technician{color:#a855f7;background-color:#a855f726}.permission-badge.manager{color:#22c55e;background-color:#22c55e26}.modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--card-bg);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:18px}.modal-header .close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid var(--border-color);background-color:var(--input-bg,var(--card-bg));width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);outline:none}.form-group .readonly-value{color:var(--text-secondary);margin:0;padding:10px 0}.vehicle-checkboxes{border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:8px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.checkbox-label{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px;display:flex}.checkbox-label:hover{background-color:#0000000d}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.no-vehicles{color:var(--text-secondary);padding:8px;font-style:italic}.accept-invite-page{background-color:var(--background-color);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.invite-card{background-color:var(--card-bg);border-radius:16px;width:100%;max-width:480px;padding:32px;box-shadow:0 4px 20px #00000026}.invite-header{text-align:center;margin-bottom:24px}.invite-icon{margin-bottom:16px;font-size:48px}.invite-header h1{color:var(--text-primary);margin:0}.invite-details{margin-bottom:24px}.owner-text{text-align:center;color:var(--text-primary);margin-bottom:24px;font-size:16px}.detail-cards{flex-direction:column;gap:12px;display:flex}.detail-card{background-color:#0000000d;border-radius:8px;padding:12px 16px}.detail-label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px;font-size:12px;display:block}.detail-value{color:var(--text-primary);font-size:18px;font-weight:600}.detail-desc{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.auth-notice{background-color:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;margin-bottom:16px;padding:12px 16px}.auth-notice p{color:#3b82f6;text-align:center;margin:0;font-size:14px}.invite-actions{flex-direction:column;gap:12px;display:flex}.accept-btn{padding:14px 24px;font-size:16px;font-weight:600}.decline-btn{padding:12px 24px}.error-state,.success-state{text-align:center}.error-state h2,.success-state h2{color:var(--text-primary);margin-bottom:12px}.error-state p,.success-state p{color:var(--text-secondary);margin-bottom:24px}.shared-barns-section{margin-top:32px;padding:20px}.shared-barns-section .section-title{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:16px;font-size:20px;display:flex}.shared-barns-section .section-count{background-color:var(--primary-color);color:#fff;border-radius:12px;padding:2px 10px;font-size:14px}.shared-barns-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.shared-barn-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.shared-barn-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;transition:background-color .2s;display:flex}.shared-barn-header:hover{background-color:#0000000d}.barn-info{align-items:center;gap:12px;display:flex}.barn-icon{font-size:24px}.barn-info h3{color:var(--text-primary);margin:0 0 4px;font-size:16px}.permission-text{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.expand-icon{color:var(--text-secondary);font-size:12px;transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.shared-vehicles-list{border-top:1px solid var(--border-color);background-color:#00000005;padding:12px 16px}.shared-vehicle-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:background-color .2s;display:flex}.shared-vehicle-item:hover{background-color:#0000000d}.vehicle-info{align-items:center;gap:10px;display:flex}.vehicle-icon{font-size:18px}.vehicle-name{color:var(--text-primary);font-weight:500}.view-arrow{color:var(--text-secondary)}.loading-vehicles,.no-vehicles{color:var(--text-secondary);text-align:center;padding:16px;font-size:14px}.btn-primary{background-color:var(--primary-color,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover,#2563eb)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:8px;padding:10px 20px;font-weight:500;transition:background-color .2s}.btn-secondary:hover:not(:disabled){background-color:#0000000d}.btn-danger{color:#ef4444;cursor:pointer;background-color:#0000;border:1px solid #ef44444d;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.btn-danger:hover:not(:disabled){background-color:#ef44441a}@media (max-width:600px){.barn-hands-header{flex-direction:column}.barn-hands-header .invite-btn{width:100%}.barn-hands-grid,.shared-barns-grid{grid-template-columns:1fr}.invite-card{padding:24px 16px}}