body{margin:0;padding:0;min-width:320px;min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-blue: #1e3a8a;--primary-red: #dc2626;--gradient: #1e3a8a;--dark-blue: #1e293b;--light-blue: #dbeafe;--medium-blue: #3b82f6;--light-gray: #f8fafc;--medium-gray: #64748b;--success-green: #16a34a;--warning-yellow: #eab308;--border-radius: 12px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--light-gray);color:var(--dark-blue);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--primary-blue);color:#fff;padding:1rem 0;box-shadow:var(--shadow)}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.logo-section{display:flex;align-items:center;gap:1rem;flex-shrink:0}.logo-circle{width:60px;height:60px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.logo-image{width:50px;height:50px;border-radius:50%;object-fit:cover}.app-title h1{font-size:1.8rem;font-weight:700;margin:0}.app-title p{font-size:.9rem;opacity:.9;margin:0}.status-indicators{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);background:#ffffff1a;font-size:.85rem;white-space:nowrap}.status-indicator.connected{background:var(--success-green)}.status-indicator.disconnected{background:var(--warning-yellow);color:var(--dark-blue)}.status-indicator.offline{background:var(--medium-gray)}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius);color:#fff;cursor:pointer;transition:all .2s;font-size:.9rem;white-space:nowrap}.user-menu-trigger:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.user-avatar{display:flex;align-items:center;justify-content:center}.user-email{font-weight:500}.chevron{transition:transform .2s}.chevron.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:var(--border-radius);box-shadow:0 10px 40px #0003;min-width:280px;z-index:1000;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;color:var(--dark-blue)}.dropdown-header svg{color:var(--primary-blue);flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-weight:600;font-size:1rem;margin:0 0 .25rem;color:var(--dark-blue)}.user-email-small{font-size:.85rem;color:var(--medium-gray);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background:#e2e8f0;margin:0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;border:none;background:none;color:var(--dark-blue);cursor:pointer;transition:background .2s;font-size:.95rem;text-align:left}.dropdown-item:first-of-type{border-radius:var(--border-radius) var(--border-radius) 0 0}.dropdown-item:last-of-type{border-radius:0 0 var(--border-radius) var(--border-radius)}.dropdown-item:hover{background:var(--light-gray)}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background:#fee2e2}.dropdown-item svg{flex-shrink:0}.nav-tabs{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;max-width:1200px;margin:0 auto;overflow-x:auto;overflow-y:visible}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:none;color:var(--medium-gray);cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;white-space:nowrap}.nav-tab:hover{color:var(--primary-blue);background:var(--light-gray)}.nav-tab.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue);background:var(--light-gray)}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%}.card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2rem;margin-bottom:2rem}.card h2{color:var(--dark-blue);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--dark-blue)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue)}.form-group input[readonly]{background:var(--light-gray);color:var(--medium-gray)}.help-text{color:var(--medium-gray);font-size:.85rem;margin-top:.25rem;display:block}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--primary-red);background:#fef2f2}.error-message{color:var(--primary-red);font-size:.85rem;margin-top:.25rem;display:block}.calendar-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:var(--medium-gray)}.calendar-type{font-weight:500;color:var(--primary-blue)}.pic-date-inputs{display:flex;flex-direction:column;gap:.75rem}.pic-day-input{display:flex;flex-direction:column;gap:.25rem}.pic-day-input label{font-size:.875rem;font-weight:500;color:var(--dark-blue)}.date-conversion{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:var(--light-blue);border-radius:var(--border-radius);font-size:.875rem;color:var(--dark-blue);border:1px solid #bfdbfe}.expand-button{background:none;border:1px solid var(--primary-blue);color:var(--primary-blue);padding:.5rem 1rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;margin-top:.75rem;width:100%;justify-content:center;transition:all .2s ease}.expand-button:hover{background-color:var(--primary-blue);color:#fff}.group-pigs-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.group-pigs-section h4{margin-bottom:.75rem;color:var(--dark-blue);font-size:1rem}.empty-pigs{text-align:center;padding:1.5rem;color:var(--medium-gray);font-style:italic}.pigs-list{display:flex;flex-direction:column;gap:.75rem}.pig-item{background:var(--light-gray);border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.pig-display{display:flex;justify-content:space-between;align-items:center}.pig-info{display:flex;flex-direction:column;gap:.25rem}.pig-name{font-weight:600;color:var(--primary-blue);font-size:1rem}.pig-rfid,.pig-birth,.pig-details{font-size:.875rem;color:var(--medium-gray)}.pig-edit-form{display:flex;flex-direction:column;gap:.75rem}.edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.edit-fields input,.edit-fields select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-primary.small,.btn-secondary.small{padding:.5rem .75rem;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.name-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;align-items:end}.prefix-input,.number-input,.name-preview{display:flex;flex-direction:column;gap:.25rem}.prefix-input label,.number-input label,.name-preview label{font-size:.875rem;font-weight:500;color:var(--dark-blue)}.number-field{background-color:#f9fafb!important;color:var(--medium-gray)!important;cursor:not-allowed}.preview-name{background-color:var(--light-blue);border:1px solid #bfdbfe;border-radius:6px;padding:.75rem;font-weight:600;color:var(--primary-blue);text-align:center;font-size:1.1rem;letter-spacing:1px}@media(max-width:768px){.edit-fields{grid-template-columns:1fr}.pig-display{flex-direction:column;align-items:flex-start;gap:.75rem}.name-inputs{grid-template-columns:1fr;gap:.75rem}}.btn-primary{background:var(--primary-blue);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.btn-primary:hover{background:var(--dark-blue);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-secondary{background:#fff;color:var(--primary-blue);border:2px solid var(--primary-blue);padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary:hover{background:var(--primary-blue);color:#fff}.icon-button{background:none;border:none;padding:.5rem;border-radius:50%;cursor:pointer;color:var(--medium-gray);transition:all .2s}.icon-button:hover{background:var(--light-gray);color:var(--primary-blue)}.icon-button.danger:hover{background:#fef2f2;color:var(--primary-red)}.scanner-container .rfid-scanner{text-align:center;margin-bottom:2rem}.scan-button{background:var(--primary-blue);color:#fff;border:none;padding:2rem 3rem;border-radius:50%;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s;margin:0 auto;min-width:200px;min-height:200px;justify-content:center}.scan-button:hover:not(.scanning){background:var(--dark-blue);transform:scale(1.05);box-shadow:var(--shadow-hover)}.scan-button.scanning{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.input-with-button{display:flex;gap:.5rem}.input-with-button input{flex:1}.registry-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-bar{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-bar svg{position:absolute;left:.75rem;color:var(--medium-gray)}.search-bar input{padding-left:2.5rem}.filters{display:flex;gap:1rem}.registry-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--primary-blue);color:#fff;padding:1.5rem;border-radius:var(--border-radius);display:flex;align-items:center;gap:1rem}.stat-card svg{opacity:.8}.stat-number{display:block;font-size:2rem;font-weight:700}.stat-label{display:block;font-size:.85rem;opacity:.9}.pigs-list{display:grid;gap:1rem}.pig-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--border-radius);padding:1.5rem;transition:all .2s}.pig-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.pig-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pig-header h3{color:var(--primary-blue);font-size:1.2rem;font-weight:600}.pig-group{background:var(--primary-blue);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.pig-details{display:grid;gap:.5rem}.detail-row{display:flex;justify-content:space-between}.detail-row .label{font-weight:500;color:var(--medium-gray)}.detail-row .value{color:var(--dark-blue)}.groups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.groups-list{display:grid;gap:1rem}.group-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--border-radius);padding:1.5rem}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.group-header h3{color:var(--primary-blue);font-size:1.2rem}.group-actions{display:flex;gap:.5rem}.group-description{color:var(--medium-gray);margin-bottom:1rem}.group-details{display:flex;flex-wrap:wrap;gap:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:var(--medium-gray);font-size:.9rem}.export-options{display:grid;gap:2rem;margin-bottom:2rem}.option-group h3{color:var(--primary-blue);margin-bottom:1rem}.date-range{display:flex;align-items:center;gap:1rem}.date-range span{color:var(--medium-gray);font-weight:500}.groups-selection{margin-top:.5rem}.selection-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.btn-secondary-sm{background:#fff;color:var(--primary-blue);border:1px solid var(--primary-blue);padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.btn-secondary-sm:hover{background:var(--primary-blue);color:#fff}.groups-checkboxes{max-height:200px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:var(--border-radius);padding:.75rem;background:#f9fafb}.group-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;transition:background .2s;border-radius:4px}.group-checkbox:hover{background:#fff}.group-checkbox input[type=checkbox]{cursor:pointer;width:auto;margin:0}.group-checkbox span{font-size:.875rem}.group-count{color:var(--medium-gray);margin-left:auto;font-size:.8rem!important}.export-actions,.sync-actions{margin-top:1rem}.file-input-label{background:var(--primary-blue);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-weight:500;transition:all .2s}.file-input-label:hover{background:var(--dark-blue);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.data-summary{border-top:1px solid #e2e8f0;padding-top:2rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item{background:#fff;border:1px solid #e2e8f0;padding:1.5rem;border-radius:var(--border-radius);display:flex;align-items:center;gap:1rem}.summary-item svg{color:var(--primary-blue)}.summary-number{display:block;font-size:1.5rem;font-weight:700;color:var(--dark-blue)}.summary-label{display:block;font-size:.85rem;color:var(--medium-gray)}.settings-container{max-width:800px;margin:0 auto}.settings-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.settings-section:last-child{border-bottom:none}.settings-section h3{color:var(--primary-blue);margin-bottom:1rem;font-size:1.2rem}.settings-actions{display:flex;justify-content:flex-end;margin-top:2rem}.prefix-input-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.btn-add-prefix{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;transition:background-color .2s}.btn-add-prefix:hover{background:var(--dark-blue)}.prefixes-list{margin-top:1rem}.prefixes-list label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--dark-blue)}.prefix-tags{display:flex;flex-wrap:wrap;gap:.5rem}.prefix-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--light-blue);border:1px solid var(--primary-blue);border-radius:20px;font-weight:600;color:var(--primary-blue)}.prefix-tag span{font-size:1rem}.btn-remove-prefix{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--error-red);transition:background-color .2s}.btn-remove-prefix:hover{background:#dc26261a}.no-prefixes{padding:1rem;background:#f9fafb;border:1px dashed #d1d5db;border-radius:var(--border-radius);color:var(--medium-gray);text-align:center;font-size:.9rem}.error-text{color:var(--error-red);font-size:.85rem;display:block;margin-bottom:.5rem}.no-prefixes-warning{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--border-radius);color:#b45309;text-align:center;min-height:42px}.no-prefixes-warning span{font-weight:600;font-size:.9rem}.no-prefixes-warning small{font-size:.75rem;opacity:.9}.naming-mode-selector{display:flex;gap:.5rem;flex-wrap:wrap}.naming-mode-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-size:.9rem;color:var(--medium-gray)}.naming-mode-btn:hover:not(:disabled){border-color:var(--primary-blue);color:var(--primary-blue)}.naming-mode-btn.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.naming-mode-btn:disabled{opacity:.5;cursor:not-allowed}.naming-mode-btn .available-count{font-size:.8rem;opacity:.8}.list-name-input{display:flex;flex-direction:column;gap:.5rem}.list-name-input select{width:100%}.list-info{color:var(--medium-gray);font-size:.85rem}.no-names-warning{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--border-radius);color:#b45309;text-align:center}.no-names-warning span{font-weight:600;font-size:.9rem}.no-names-warning small{font-size:.8rem;opacity:.9}.manual-name-input input{width:100%}.import-section{margin-top:1rem}.import-area{display:flex;flex-direction:column;gap:1rem}.file-input-wrapper{position:relative;display:inline-block}.file-input-wrapper input[type=file]{display:none}.file-input-label{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--light-blue);border:2px dashed var(--primary-blue);border-radius:var(--border-radius);color:var(--primary-blue);cursor:pointer;transition:all .2s}.file-input-label:hover{background:var(--primary-blue);color:#fff}.imported-names-preview{padding:1rem;background:#f0fdf4;border:1px solid #22c55e;border-radius:var(--border-radius)}.imported-names-preview h4{margin:0 0 .5rem;color:#15803d;display:flex;align-items:center;gap:.5rem}.imported-names-list{display:flex;flex-wrap:wrap;gap:.5rem;max-height:150px;overflow-y:auto}.imported-name-tag{padding:.25rem .5rem;background:#fff;border:1px solid #86efac;border-radius:12px;font-size:.85rem;color:#166534}.imported-name-tag.used{background:#fecaca;border-color:#f87171;color:#b91c1c;text-decoration:line-through}.import-actions{display:flex;gap:.5rem}.btn-clear-names{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fee2e2;border:1px solid #f87171;border-radius:var(--border-radius);color:#b91c1c;cursor:pointer;font-size:.9rem}.btn-clear-names:hover{background:#fecaca}.info-grid{display:grid;gap:1rem}.info-item{background:var(--light-blue);padding:1rem;border-radius:var(--border-radius);display:flex;align-items:center;gap:1rem}.info-item svg{color:var(--primary-blue)}.info-label{display:block;font-size:.85rem;color:var(--medium-gray);font-weight:500}.info-value{display:block;font-size:1rem;color:var(--dark-blue);font-weight:600}.empty-state{text-align:center;padding:3rem 1rem;color:var(--medium-gray)}.empty-state p{font-size:1.1rem}@media(max-width:768px){.header{padding:.75rem 0}.header-content,.logo-section{gap:.75rem}.logo-circle{width:50px;height:50px}.logo-image{width:40px;height:40px}.app-title h1{font-size:1.4rem}.app-title p{font-size:.8rem}.status-indicators{gap:.5rem;width:100%;justify-content:flex-end}.status-indicator{padding:.4rem .75rem;font-size:.8rem}.status-indicator span{display:none}.user-menu-trigger{padding:.4rem .75rem;font-size:.85rem}.user-email{max-width:120px;overflow:hidden;text-overflow:ellipsis}.user-dropdown{min-width:260px;right:0;left:auto}.nav-tabs{justify-content:center}.nav-tab span{display:none}.form-actions,.registry-controls,.filters{flex-direction:column}.date-range{flex-direction:column;align-items:stretch}.groups-header{flex-direction:column;gap:1rem}.input-with-button{flex-direction:column}.pigs-table-container{overflow-x:auto}.pigs-table th,.pigs-table td{padding:.5rem;font-size:.9rem}}.pigs-table-container{margin-top:1.5rem;overflow-x:auto;border-radius:var(--border-radius);box-shadow:var(--shadow)}.pigs-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--border-radius);overflow:hidden}.pigs-table thead{background:var(--primary-blue);color:#fff}.pigs-table th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.pigs-table td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;font-size:.875rem}.pigs-table tbody tr:hover{background-color:#f8fafc}.pigs-table tbody tr:last-child td{border-bottom:none}.pig-name{font-weight:600;color:var(--primary-blue)}.pig-rfid{font-family:Courier New,monospace;color:var(--medium-gray)}.pig-group{background:var(--light-blue);color:var(--primary-blue);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;display:inline-block}.pig-birth-date,.pig-register-date{color:var(--medium-gray)}.pig-details{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification{position:fixed;top:20px;right:20px;z-index:1000;padding:1rem 1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-hover);transform:translate(100%);transition:transform .3s ease-in-out;min-width:300px;max-width:400px}.notification-show{transform:translate(0)}.notification-success{background:var(--success-green);color:#fff}.notification-error{background:var(--primary-red);color:#fff}.notification-content{display:flex;align-items:center;gap:.75rem}.notification-icon{display:flex;align-items:center;justify-content:center;min-width:20px}.notification-message{font-weight:500;font-size:.875rem}.pigs-selection-container{display:flex;flex-direction:column;gap:1rem}.selection-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--light-gray);border-radius:8px;border:1px solid #e5e7eb}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{font-weight:500;color:var(--dark-blue)}.btn-danger{background:var(--primary-red);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-danger:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:var(--shadow)}.btn-danger.small{padding:.5rem .75rem;font-size:.875rem}.pig-actions{display:flex;gap:.5rem;align-items:center}.pig-display{display:flex;align-items:center;gap:1rem}.pig-display .pig-info{flex:1}.group-edit-form{padding:1rem;background:var(--light-gray);border-radius:8px}.group-edit-form h3{margin-bottom:1rem;color:var(--primary-blue)}.landing-container{min-height:100vh;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--medium-blue) 100%);display:flex;align-items:center;justify-content:center;padding:2rem}.landing-content{background:#fff;padding:3rem;border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0003;max-width:800px;text-align:center}.landing-logo{width:150px;height:auto;margin:0 auto 2rem;display:block}.landing-content h1{font-size:3rem;color:var(--primary-blue);margin-bottom:.5rem}.landing-subtitle{font-size:1.25rem;color:var(--medium-gray);margin-bottom:1.5rem}.landing-description{font-size:1.1rem;color:var(--dark-blue);margin-bottom:2rem}.login-button{background:var(--primary-blue);color:#fff;border:none;padding:1rem 3rem;font-size:1.2rem;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:var(--shadow)}.login-button:hover{background:var(--dark-blue);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.forgot-password-link{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;color:var(--primary-blue);text-decoration:none;font-size:.95rem;transition:color .2s}.forgot-password-link:hover{color:var(--dark-blue);text-decoration:underline}.back-to-login-button{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;padding:.75rem 2rem;background:var(--primary-blue);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:600;transition:all .3s ease}.back-to-login-button:hover{background:var(--dark-blue);transform:translateY(-2px)}.success-message{text-align:center;padding:2rem}.success-message h2{color:var(--success-green);margin-bottom:1rem;font-size:1.8rem}.success-message p{color:var(--medium-gray);line-height:1.8;margin-bottom:1.5rem}.login-form-container{margin:2rem 0;width:100%;max-width:400px;margin-left:auto;margin-right:auto}.login-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--light-gray)}.login-tab{flex:1;padding:.75rem 1.5rem;background:transparent;border:none;color:var(--medium-gray);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative;bottom:-2px}.login-tab.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.login-form{display:flex;flex-direction:column;gap:1rem}.login-error{padding:.75rem;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem}.login-message{padding:.75rem;background:#dbeafe;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:.9rem}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-group label{font-weight:500;color:var(--dark-blue);font-size:.9rem}.form-group input{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e3a8a1a}.form-group input:disabled{background:var(--light-gray);cursor:not-allowed}.login-divider{margin:1.5rem 0;position:relative;text-align:center}.login-divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#e2e8f0}.login-divider span{background:#fff;padding:0 1rem;color:var(--medium-gray);font-size:.9rem;position:relative;z-index:1}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem}.oauth-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:var(--dark-blue)}.oauth-button:hover:not(:disabled){border-color:var(--primary-blue);background:var(--light-blue);transform:translateY(-2px);box-shadow:var(--shadow)}.oauth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.oauth-button.google svg{width:18px;height:18px}.oauth-button.github svg{width:18px;height:18px}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}.feature{padding:1.5rem;background:var(--light-gray);border-radius:var(--border-radius)}.feature-icon{font-size:3rem;display:block;margin-bottom:1rem}.feature h3{color:var(--primary-blue);margin-bottom:.5rem}.feature p{color:var(--medium-gray);font-size:.9rem}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--light-gray)}.loading-spinner{width:50px;height:50px;border:4px solid var(--light-blue);border-top-color:var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:var(--medium-gray);font-size:1.1rem}@media(max-width:768px){.landing-content{padding:2rem 1.5rem}.landing-content h1{font-size:2rem}.landing-features{grid-template-columns:1fr}}.user-management{padding:2rem;max-width:1200px;margin:0 auto}.section-header{margin-bottom:2rem}.section-header h2{color:var(--primary-blue);font-size:1.8rem;margin-bottom:.5rem}.section-subtitle{color:var(--medium-gray);font-size:.95rem}.users-table-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--primary-blue);color:#fff}.users-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.users-table tbody tr:hover{background-color:var(--light-gray)}.users-table tbody tr.current-user{background-color:#fef3c7}.users-table tbody tr.current-user:hover{background-color:#fde68a}.users-table td{padding:1rem;vertical-align:middle}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-name{font-weight:500;color:var(--dark-blue)}.role-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}.role-badge.role-admin{background:#dbeafe;color:var(--primary-blue)}.role-badge.role-user{background:#f1f5f9;color:var(--medium-gray)}.action-buttons{display:flex;gap:.5rem}.btn-icon{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover:not(:disabled){background:var(--light-gray)}.btn-icon.btn-edit:hover:not(:disabled){color:var(--primary-blue);background:var(--light-blue)}.btn-icon.btn-delete:hover:not(:disabled){color:var(--primary-red);background:#fee2e2}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:var(--border-radius);padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a}.modal-content h3{color:var(--primary-blue);margin-bottom:1.5rem;font-size:1.5rem}.modal-user-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--light-gray);border-radius:8px;margin-bottom:1.5rem}.modal-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.modal-user-name{font-weight:600;color:var(--dark-blue);margin-bottom:.25rem}.modal-user-email{color:var(--medium-gray);font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.75rem;font-weight:500;color:var(--dark-blue)}.role-options{display:flex;flex-direction:column;gap:.75rem}.role-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.role-option:hover{border-color:var(--primary-blue);background:var(--light-gray)}.role-option.selected{border-color:var(--primary-blue);background:var(--light-blue)}.role-option strong{display:block;color:var(--dark-blue);margin-bottom:.25rem}.role-option p{color:var(--medium-gray);font-size:.85rem;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn-secondary{padding:.6rem 1.25rem;background:#fff;color:var(--dark-blue);border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--light-gray);border-color:var(--medium-gray)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--medium-gray)}.error-container{color:var(--primary-red)}.error-container svg{color:var(--primary-red);margin-bottom:1rem}@media(max-width:768px){.user-management{padding:1rem}.section-header h2{font-size:1.5rem}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.users-table th,.users-table td{padding:.75rem .5rem;font-size:.85rem}.user-info{gap:.5rem}.user-avatar-img{width:28px;height:28px}.role-badge{font-size:.75rem;padding:.3rem .6rem}.modal-content{padding:1.5rem}.modal-content h3{font-size:1.25rem}.role-options{gap:.5rem}.role-option{padding:.75rem;gap:.75rem}}.farm-selector{position:relative;flex:1;max-width:300px;margin:0 1rem}.farm-selector-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;width:100%;font-size:.9rem}.farm-selector-button:hover{background:#ffffff26;border-color:#ffffff4d}.farm-selector-button svg{flex-shrink:0}.farm-selector-button .farm-name{flex:1;text-align:left;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.farm-selector-button svg:last-child{transition:transform .2s}.farm-selector-button svg.rotate-180{transform:rotate(180deg)}.farm-selector-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden}.farm-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border:none;background:#fff;color:var(--dark-blue);cursor:pointer;transition:background .2s;width:100%;text-align:left}.farm-option:hover{background:var(--light-gray)}.farm-option.active{background:#1e3a8a0d}.farm-option .farm-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.farm-option-name{font-weight:500;color:var(--dark-blue)}.farm-option .farm-role{font-size:.8rem;color:var(--medium-gray)}.farm-option .check-icon{color:var(--dark-blue);flex-shrink:0}.farm-setup{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--dark-blue) 0%,#1e40af 100%)}.farm-setup-container{background:#fff;border-radius:16px;padding:2.5rem;max-width:500px;width:100%;box-shadow:0 8px 24px #0003}.farm-setup-container h1{color:var(--dark-blue);margin-bottom:.5rem;font-size:1.75rem}.farm-setup-container p{color:var(--medium-gray);margin-bottom:2rem;line-height:1.5}.farm-setup-container form{display:flex;flex-direction:column;gap:1.5rem}.farm-setup-container .form-group{display:flex;flex-direction:column;gap:.5rem}.farm-setup-container label{font-weight:500;color:var(--dark-blue)}.farm-setup-container input{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.farm-setup-container input:focus{outline:none;border-color:var(--dark-blue)}.farm-setup-container .btn-primary{padding:.875rem;background:var(--dark-blue);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.farm-setup-container .btn-primary:hover:not(:disabled){background:#1e40af;transform:translateY(-1px)}.farm-setup-container .btn-primary:disabled{opacity:.6;cursor:not-allowed}.invitation-manager{padding:2rem}.invitation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.invitation-header h2{color:var(--dark-blue);font-size:1.5rem}.create-invitation-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--dark-blue);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.create-invitation-btn:hover{background:#1e40af;transform:translateY(-1px)}.create-invitation-form{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.create-invitation-form .form-select{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;width:100%;max-width:300px}.create-invitation-form .form-actions{display:flex;gap:.75rem;margin-top:1rem}.no-invitations{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;color:var(--medium-gray);text-align:center}.no-invitations svg{color:#cbd5e1;margin-bottom:1rem}.no-invitations .hint{font-size:.9rem;margin-top:.5rem}.invitations-list{display:flex;flex-direction:column;gap:1rem}.invitation-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;transition:border-color .2s}.invitation-card:hover{border-color:var(--dark-blue)}.invitation-card.expired{opacity:.6;border-color:var(--primary-red)}.invitation-card.used{opacity:.7;border-color:#10b981}.invitation-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.invitation-status{display:flex;align-items:center;gap:.5rem;font-weight:500}.status-icon.active{color:#10b981}.status-icon.expired{color:var(--primary-red)}.status-icon.used{color:#3b82f6}.invitation-link{background:var(--light-gray);padding:.75rem;border-radius:6px;overflow-x:auto}.invitation-link code{font-family:Courier New,monospace;font-size:.85rem;color:var(--dark-blue)}.invitation-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--medium-gray)}.meta-item{display:flex;align-items:center;gap:.375rem}.invitation-actions{display:flex;gap:.5rem}.btn-copy,.btn-delete{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;font-weight:500;transition:all .2s}.btn-copy{color:var(--dark-blue)}.btn-copy:hover{background:var(--dark-blue);color:#fff;border-color:var(--dark-blue)}.btn-delete{color:var(--primary-red)}.btn-delete:hover{background:var(--primary-red);color:#fff;border-color:var(--primary-red)}.invite-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--dark-blue) 0%,#1e40af 100%)}.invite-container{background:#fff;border-radius:16px;padding:3rem;max-width:500px;width:100%;box-shadow:0 8px 24px #0003;text-align:center}.invite-container.loading,.invite-container.error{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{color:var(--primary-red)}.invite-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.invite-icon svg{color:var(--dark-blue)}.invite-container h1{color:var(--dark-blue);font-size:1.75rem;margin-bottom:.5rem}.invite-container h2{color:var(--primary-red);font-size:1.5rem;margin-bottom:1rem}.farm-info{margin:2rem 0}.farm-description{color:var(--medium-gray);line-height:1.6}.invite-details{background:var(--light-gray);border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:left}.detail-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.detail-item:last-child{border-bottom:none}.detail-item .label{font-weight:500;color:var(--medium-gray)}.detail-item .value{color:var(--dark-blue);font-weight:600}.invite-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.btn-accept{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--dark-blue);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-accept:hover:not(:disabled){background:#1e40af;transform:translateY(-1px)}.btn-accept:disabled{opacity:.6;cursor:not-allowed}.btn-decline{padding:.875rem;background:#fff;color:var(--dark-blue);border:2px solid #e2e8f0;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-decline:hover:not(:disabled){background:var(--light-gray);border-color:var(--medium-gray)}.no-permission{text-align:center;padding:2rem;color:var(--medium-gray)}@media(max-width:768px){.farm-selector{margin:.5rem;max-width:200px}.farm-selector-button{padding:.5rem .75rem;font-size:.85rem}.invitation-manager{padding:1rem}.invitation-header{flex-direction:column;align-items:flex-start;gap:1rem}.invitation-card{flex-direction:column}.invitation-actions{width:100%}.btn-copy,.btn-delete{flex:1;justify-content:center}.invite-container,.farm-setup-container{padding:2rem 1.5rem}}.farm-management{padding:2rem;max-width:1200px;margin:0 auto}.farm-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.farm-management-header h2{display:flex;align-items:center;gap:.75rem;color:var(--primary-blue);font-size:1.75rem}.create-farm-form{background:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:2rem}.create-farm-form h3{color:var(--primary-blue);margin-bottom:1.5rem}.farms-table-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.farms-table{width:100%;border-collapse:collapse}.farms-table thead{background:var(--primary-blue);color:#fff}.farms-table th{padding:1rem;text-align:left;font-weight:600}.farms-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s}.farms-table tbody tr:hover{background:var(--light-gray)}.farms-table td{padding:1rem}.farm-name-cell{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--primary-blue)}.farm-description-cell .no-description{color:var(--medium-gray);font-style:italic}.farm-date-cell{color:var(--medium-gray)}.farm-actions-cell{display:flex;gap:.5rem;align-items:center}.btn-action{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-invitations{background:var(--primary-blue);color:#fff}.btn-invitations:hover{background:var(--dark-blue);transform:translateY(-1px)}.btn-delete{background:var(--primary-red);color:#fff;padding:.5rem}.btn-delete:hover{background:#b91c1c;transform:translateY(-1px)}.farms-summary{margin-top:1.5rem;padding:1rem;text-align:center;color:var(--medium-gray);font-weight:500}.empty-state{text-align:center;padding:4rem 2rem;color:var(--medium-gray)}.empty-state svg{margin:0 auto 1rem;opacity:.3}.empty-state p{font-size:1.125rem;margin-bottom:1.5rem}@media(max-width:768px){.farm-management{padding:1rem}.farm-management-header{flex-direction:column;align-items:stretch}.farm-management-header h2{font-size:1.5rem}.farms-table-container{overflow-x:auto}.farms-table{min-width:600px}.farm-actions-cell{flex-direction:column;gap:.25rem}.btn-invitations{width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000001a;max-width:600px;width:90%;max-height:90vh;overflow:auto;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{color:var(--primary-blue);font-size:1.5rem;margin:0}.modal-body{padding:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.btn-icon{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s;color:var(--medium-gray)}.btn-icon:hover{background:var(--light-gray);color:var(--primary-blue)}.drawer-overlay{position:fixed;inset:0;background:#0009;z-index:1000;animation:fadeIn .2s ease}.drawer-content{position:fixed;right:0;top:0;bottom:0;width:600px;max-width:90%;background:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;animation:slideInRight .3s ease}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:var(--primary-blue);color:#fff}.drawer-header h2{margin:0;font-size:1.5rem}.drawer-subtitle{margin:.25rem 0 0;opacity:.9;font-size:.875rem}.drawer-tabs{display:flex;border-bottom:1px solid #e2e8f0;background:#f8fafc}.drawer-tabs .tab{flex:1;padding:1rem;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--medium-gray);font-weight:500;transition:all .2s}.drawer-tabs .tab:hover{background:#fff}.drawer-tabs .tab.active{background:#fff;color:var(--primary-blue);border-bottom:2px solid var(--primary-blue)}.drawer-body{flex:1;overflow-y:auto;padding:1.5rem}.add-member-form{background:#f8fafc;padding:1.5rem;border-radius:var(--border-radius);margin-bottom:1.5rem}.add-member-form h3{margin:0 0 1rem;color:var(--primary-blue);font-size:1.125rem}.form-row{display:flex;gap:1rem;align-items:flex-end}.flex-grow{flex:1}.align-end{align-self:flex-end}.form-hint{margin:.5rem 0 0;font-size:.875rem;color:var(--medium-gray)}.members-list h3{color:var(--primary-blue);margin:0 0 1rem}.loading-message,.empty-message{text-align:center;padding:2rem;color:var(--medium-gray)}.members-table{display:flex;flex-direction:column;gap:.75rem}.member-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s}.member-card:hover{border-color:var(--primary-blue);box-shadow:0 2px 4px #0000000d}.member-info{display:flex;align-items:center;gap:1rem}.member-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem}.member-name{font-weight:600;color:var(--dark-blue)}.member-email{font-size:.875rem;color:var(--medium-gray)}.member-actions{display:flex;gap:.5rem;align-items:center}.btn-role{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-role.admin{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.btn-role.admin:hover{background:var(--dark-blue);border-color:var(--dark-blue)}.btn-role.user{background:#fff;color:var(--medium-gray);border-color:#e2e8f0}.btn-role.user:hover{background:var(--light-gray);border-color:var(--medium-gray)}.btn-danger{color:var(--primary-red)!important}.btn-danger:hover{background:#fee2e2!important}.btn-edit{background:var(--primary-blue);color:#fff}.btn-edit:hover{background:var(--dark-blue)}.btn-members{background:var(--success-green);color:#fff}.btn-members:hover{background:#15803d}.invitations-container{margin-top:-1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:768px){.drawer-content{width:100%;max-width:100%}.form-row{flex-direction:column;align-items:stretch}.form-row .form-group{width:100%}.member-card{flex-direction:column;align-items:stretch;gap:1rem}.member-actions{justify-content:flex-end}}.btn-dynamic-search{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary-blue),#1d4ed8);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-dynamic-search:hover{background:linear-gradient(135deg,#1d4ed8,var(--dark-blue));transform:translateY(-1px);box-shadow:0 4px 12px #1e3a8a4d}.dynamic-search-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.dynamic-search-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--light-gray);background:linear-gradient(135deg,var(--primary-blue),#1d4ed8);border-radius:16px 16px 0 0}.dynamic-search-modal .modal-header h3{display:flex;align-items:center;gap:.5rem;color:#fff;margin:0;font-size:1.25rem}.dynamic-search-modal .modal-header .btn-close{background:#fff3;border:none;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.dynamic-search-modal .modal-header .btn-close:hover{background:#ffffff4d}.dynamic-search-modal .modal-content{padding:1.5rem}.chip-search-input{font-size:2rem!important;text-align:center!important;letter-spacing:.5rem;padding:1rem!important;font-family:Courier New,monospace;font-weight:700}.digit-progress{text-align:center;color:var(--medium-gray);font-size:.9rem;margin-top:.5rem}.search-result{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--light-gray)}.pig-found{background:#f0fdf4;border:1px solid #86efac;border-radius:12px;padding:1.5rem}.pig-found h4{color:#15803d;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.pig-info{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px dashed #e2e8f0}.info-row:last-child{border-bottom:none}.info-row .info-label{color:var(--medium-gray);font-weight:500}.info-row .info-value{color:var(--dark-gray);font-weight:600}.btn-edit-pig{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem;background:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-edit-pig:hover{background:var(--dark-blue)}.pig-edit-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.pig-edit-form .form-group{margin-bottom:0}.pig-edit-form textarea{resize:vertical;min-height:60px}.edit-actions{display:flex;gap:1rem;margin-top:1rem}.edit-actions .btn-cancel{flex:1;padding:.75rem;background:#fff;color:var(--dark-gray);border:1px solid #e2e8f0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-actions .btn-cancel:hover{background:var(--light-gray)}.edit-actions .btn-save{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--success-green);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-actions .btn-save:hover{background:#15803d}.pig-not-found{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:1.5rem;text-align:center;color:#dc2626;font-weight:500}@media(max-width:768px){.registry-controls .filters{flex-wrap:wrap;gap:.5rem}.btn-dynamic-search{width:100%;justify-content:center}.chip-search-input{font-size:1.5rem!important;letter-spacing:.3rem}}.import-buttons-row{display:flex;gap:1rem;flex-wrap:wrap}.btn-download-template{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;color:var(--primary-blue);border:2px solid var(--primary-blue);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-download-template:hover{background:var(--primary-blue);color:#fff}@media(max-width:768px){.import-buttons-row{flex-direction:column}.btn-download-template{width:100%;justify-content:center}}.options-dropdown-overlay{position:fixed;inset:0;background:#0000004d;z-index:9998;display:flex;justify-content:center;align-items:flex-start;padding-top:120px}.options-dropdown-menu{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;min-width:220px;padding:.5rem;z-index:9999}.options-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:none;border:none;border-radius:8px;font-size:1rem;color:#475569;cursor:pointer;transition:all .2s ease;text-align:left}.options-dropdown-item:hover{background:#f1f5f9;color:var(--primary-blue)}.options-dropdown-item.active{background:var(--primary-blue);color:#fff}.options-dropdown-item svg{flex-shrink:0}