.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;justify-content:center;align-items:center;padding:10px 20px;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-flex}.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}}.barn-hand-context-banner{background:linear-gradient(135deg,#1a3a2a 0%,#1e4d35 100%);border-bottom:1px solid #2d6a4a;padding:10px 24px}.barn-hand-context-banner .banner-inner{align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.barn-hand-context-banner .banner-icon{font-size:1.1rem}.barn-hand-context-banner .banner-text{color:#a7f3d0;flex:1;font-size:.9rem}.barn-hand-context-banner .banner-text strong{color:#6ee7b7;margin-left:2px}.barn-hand-context-banner .banner-back-link{color:#6ee7b7;opacity:.85;font-size:.85rem;text-decoration:none;transition:opacity .15s}.barn-hand-context-banner .banner-back-link:hover{opacity:1}.permission-editor-modal{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.permission-editor-panel{background:#1a1a2e;border:1px solid #2d2d4e;border-radius:12px;width:100%;max-width:760px;max-height:90vh;padding:28px;overflow-y:auto}.permission-editor-panel h2{color:#e2e8f0;margin:0 0 6px;font-size:1.3rem}.permission-editor-subtitle{color:#94a3b8;margin-bottom:20px;font-size:.85rem}.permission-scope-toggle{background:#ffffff08;border-radius:8px;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:12px;display:flex}.scope-option{color:#94a3b8;cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.scope-option input[type=radio]{accent-color:#6ee7b7}.vehicle-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.vehicle-tab{cursor:pointer;color:#94a3b8;background:0 0;border:1px solid #2d2d4e;border-radius:20px;padding:6px 14px;font-size:.82rem;transition:all .15s}.vehicle-tab.active{color:#6ee7b7;background:#2d6a4a;border-color:#6ee7b7}.permission-grid{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:.88rem}.permission-grid th{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #2d2d4e;padding:8px 12px;font-size:.78rem;font-weight:600}.permission-grid th:first-child{text-align:left}.permission-grid td{text-align:center;color:#94a3b8;border-bottom:1px solid #ffffff0a;padding:10px 12px}.permission-grid td:first-child{text-align:left;color:#e2e8f0;font-weight:500}.permission-grid tr:last-child td{border-bottom:none}.permission-grid tr:hover td{background:#ffffff08}.permission-grid input[type=checkbox]{accent-color:#6ee7b7;cursor:pointer;width:16px;height:16px}.permission-editor-actions{border-top:1px solid #2d2d4e;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.invite-mode-toggle{border:1px solid #3d3d5e;border-radius:8px;gap:0;display:flex;overflow:hidden}.mode-btn{color:#a0a0b0;cursor:pointer;background:#1a1a2e;border:none;flex:1;padding:10px 16px;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.mode-btn:hover{color:#e0e0f0;background:#2d2d4e}.mode-btn.active{color:#fff;background:#f74c00;font-weight:600}.form-error-banner{color:#fca5a5;background:#dc262626;border:1px solid #dc262666;border-radius:6px;margin-bottom:4px;padding:10px 14px;font-size:.875rem}