*{box-sizing:border-box;margin:0;padding:0}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;max-width:100vw;overflow-x:hidden;position:relative;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:20px}@media (max-width:768px){.container{padding:10px}}.App{display:flex;flex-direction:column;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.navbar{background:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;flex-shrink:0;padding:1rem 0}.nav-container,.navbar{box-sizing:border-box;width:100%}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.nav-title{flex-shrink:1;font-size:1.5rem;margin:0;max-width:60vw;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;flex-shrink:0;font-size:1.5rem}.nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-menu li a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.nav-menu li a:hover{color:#3498db}.nav-link-with-badge{align-items:center;display:inline-flex;gap:.5rem;position:relative}.nav-badge{animation:pulse 2s ease-in-out infinite;background:#e74c3c;border-radius:10px;color:#fff;font-size:.75rem;font-weight:700;min-width:18px;padding:.15rem .4rem;text-align:center}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.user-info{align-items:center;display:flex;gap:1rem}.username{color:#ecf0f1;font-weight:500}.btn-logout{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem 1rem;transition:background .3s}.btn-logout:hover{background:#c0392b}@media (max-width:768px){.navbar{padding:.75rem 0;position:relative}.nav-container{padding:0 .75rem}.nav-title{font-size:1.2rem;max-width:calc(100vw - 100px);min-width:0}.menu-toggle{display:block}.nav-menu{background:#2c3e50;box-shadow:0 4px 6px #0000001a;flex-direction:column;gap:0;left:0;max-height:0;overflow:hidden;padding:0;position:absolute;right:0;top:100%;transition:max-height .3s ease,padding .3s ease;width:100%;z-index:1000}.nav-menu.active{max-height:400px;overflow-y:auto;padding:1rem}.nav-menu li{padding:.75rem 0;width:100%}.nav-menu li a{display:block;width:100%}.user-info{align-items:stretch;flex-direction:column;gap:.75rem;width:100%}.btn-logout{padding:.75rem;width:100%}}.main-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}@media (max-width:768px){.main-content{padding:10px;transition:padding-top .3s ease;width:100%}.main-content.menu-open{padding-top:320px}}.btn{transition:background .3s}.btn-primary{background:#3498db}.btn-primary:hover{background:#2980b9}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#229954}.btn-danger{background:#e74c3c}.btn-danger:hover{background:#c0392b}.btn-secondary{background:#95a5a6}.btn-secondary:hover{background:#7f8c8d}.form-group{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}.form-group textarea{min-height:100px;resize:vertical}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;margin-bottom:1rem;padding:1.5rem;width:100%}@media (max-width:768px){.card{padding:1rem}}.table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #ddd;padding:1rem;text-align:left}.table th{font-weight:600}.table th,.table tr:hover{background:#f8f9fa}@media (max-width:768px){.table{font-size:.9rem}.table td,.table th{padding:.5rem}}.modal,.modal-overlay{box-sizing:border-box}.modal{display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}@media (max-width:768px){.modal-overlay{padding:10px}.modal{max-width:100%}.modal-body,.modal-footer,.modal-header{padding-left:1rem;padding-right:1rem}}.modal-header{border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:1.5rem 2rem 1rem}.modal-close{font-size:1.5rem}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.modal-footer{background:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;gap:1rem;padding:1rem 2rem 1.5rem}.bottom-tab-bar{display:none}@media (max-width:768px){.bottom-tab-bar{background:#2c3e50;bottom:0;box-shadow:0 -2px 10px #00000026;justify-content:space-around;left:0;padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom, 0));position:fixed;right:0;z-index:1001}.bottom-tab-bar,.tab-item{align-items:center;display:flex}.tab-item{background:none;border:none;color:#95a5a6;cursor:pointer;flex-direction:column;font-family:inherit;justify-content:center;min-width:60px;padding:.25rem .5rem;position:relative;text-decoration:none;transition:color .2s}.tab-item.active,.tab-item:hover{color:#3498db}.tab-item:focus{outline:none}.tab-icon{font-size:1.4rem;line-height:1}.tab-label{font-size:.65rem;font-weight:500;margin-top:.2rem}.tab-badge{background:#e74c3c;border-radius:8px;color:#fff;font-size:.6rem;font-weight:700;min-width:14px;padding:.1rem .3rem;position:absolute;right:8px;text-align:center;top:-2px}.menu-toggle,.nav-menu{display:none!important}.main-content.has-bottom-tabs{padding-bottom:80px}.navbar{padding:.5rem 0}.nav-title{flex:1 1;max-width:100%;text-align:center}.more-menu-overlay{align-items:flex-end;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding-bottom:80px;position:fixed;right:0;top:0;z-index:1002}.more-menu{animation:slideUp .2s ease-out;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0003;max-width:400px;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0));width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.more-menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:1rem;gap:1rem;padding:1rem;text-align:left;text-decoration:none;transition:background .2s;width:100%}.more-menu-item:active,.more-menu-item:hover{background:#f0f0f0}.more-menu-item.active{background:#e3f2fd;color:#3498db}.more-menu-item.logout{border-top:1px solid #eee;color:#e74c3c;margin-top:.5rem;padding-top:1rem}.more-menu-icon{font-size:1.4rem;text-align:center;width:32px}.more-menu-label{flex:1 1;font-weight:500}.more-menu-badge{background:#e74c3c;border-radius:10px;color:#fff;font-size:.75rem;font-weight:700;min-width:20px;padding:.2rem .5rem;text-align:center}.tab-badge-dot{animation:pulse 2s ease-in-out infinite;background:#e74c3c;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.tab-icon{position:relative}}.home-container{margin:0 auto;max-width:1400px;padding:20px}.home-hero{margin-bottom:50px;padding:40px 20px;text-align:center}.home-hero h1{color:#2c3e50;font-size:42px;margin-bottom:16px}.home-subtitle{color:#666;font-size:20px;margin:0 auto;max-width:600px}.home-sections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px 0}.home-card{background-color:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:inherit;cursor:pointer;padding:40px;text-align:center;text-decoration:none;transition:all .3s ease}.home-card:hover{border-color:#4caf50;box-shadow:0 8px 24px #00000026;transform:translateY(-6px)}.card-icon{font-size:64px;margin-bottom:20px}.home-card h2{color:#333;font-size:24px;margin:0 0 12px}.home-card p{color:#666;font-size:15px;line-height:1.6;margin:0}.notifications-summary-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;gap:20px;margin-bottom:40px;padding:30px;text-decoration:none;transition:all .3s ease}.notifications-summary-card:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-4px)}.summary-icon{animation:pulse 2s ease-in-out infinite;flex-shrink:0;font-size:48px}.summary-content{flex:1 1}.summary-content h2{color:#fff;font-size:28px;margin:0 0 8px}.summary-content p{color:#ffffffe6;font-size:16px;margin:0}.summary-arrow{flex-shrink:0;font-size:32px;font-weight:700;transition:transform .3s ease}.notifications-summary-card:hover .summary-arrow{transform:translateX(8px)}.no-notifications{margin-bottom:40px;padding:48px 24px}.no-notifications-icon{font-size:64px;margin-bottom:16px}@media (max-width:768px){.home-hero h1{font-size:32px}.home-subtitle{font-size:16px}.home-sections{grid-template-columns:1fr}.home-card{padding:30px}.card-icon{font-size:48px}.notification-card{align-items:flex-start;flex-direction:column;gap:12px}.notification-icon{font-size:24px}.notification-action{text-align:center;width:100%}}.barn-layout-container{display:flex;flex-direction:column;height:calc(100vh - 120px);width:100%}.barn-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem}.header-top{flex-wrap:wrap;gap:1rem;justify-content:space-between}.header-buttons,.header-top{align-items:center;display:flex}.header-buttons{gap:.75rem}.barn-header h2{margin:0}.btn{font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:all .3s}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-warning{background:#f39c12;color:#fff}.btn-warning:hover{background:#e67e22}.btn-primary{animation:pulse-save 2s ease-in-out infinite;background:#27ae60}.btn-primary:hover{animation:none;background:#229954}@keyframes pulse-save{0%,to{box-shadow:0 0 0 0 #27ae60b3}50%{box-shadow:0 0 0 8px #27ae6000}}.pen-palette{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.pen-palette p{font-weight:500;margin:0}.new-pen-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:grab;font-size:.9rem;padding:10px 20px;transition:all .3s}.new-pen-btn:hover{background:#2980b9}.new-pen-btn.dragging{cursor:grabbing;opacity:.5}.barn-canvas{background:#fff;background-image:linear-gradient(#00000008 1px,#0000 0),linear-gradient(90deg,#00000008 1px,#0000 0);background-size:20px 20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:grab;flex:1 1;min-height:600px;overflow:hidden;position:relative}.barn-canvas.drag-over{background-color:#e8f4f8}.barn-canvas-inner{height:100%;position:relative;transform-origin:center center;width:100%;will-change:transform}.pen{align-items:center;border:2px solid #2c3e50;border-radius:4px;cursor:move;display:flex;flex-direction:column;justify-content:center;padding:8px;position:absolute;transition:box-shadow .2s ease;-webkit-user-select:none;user-select:none;will-change:transform}.pen:hover{box-shadow:0 4px 8px #0003}.pen.dragging{cursor:grabbing}.pen.locked{cursor:pointer;opacity:.95}.pen.locked:hover{box-shadow:0 2px 6px #00000026}.pen.hanging,.pen.pen,.pen.stack{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pen-label{font-size:.9rem;font-weight:700;margin-bottom:4px;text-align:center}.pen-rabbit{font-size:.8rem;opacity:.9;text-align:center}.pen-delete{align-items:center;background:#e74c3ce6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:16px;height:20px;justify-content:center;line-height:1;position:absolute;right:2px;top:2px;width:20px}.pen:hover .pen-delete{display:flex}.pen-delete:hover{background:#c0392b}.breeding-indicator{animation:heartbeat 1.5s ease-in-out infinite;cursor:help;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:1.2rem;left:2px;line-height:1;position:absolute;top:2px;z-index:10}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.barn-layout-container{height:calc(100vh - 100px)}.pen-palette{align-items:flex-start;flex-direction:column}.new-pen-btn{width:100%}.barn-canvas{min-height:400px;touch-action:none}.pen{min-height:60px;min-width:80px}.pen-label{font-size:.8rem}.pen-rabbit{font-size:.7rem}.pen-delete{display:flex}.desktop-only{display:none!important}}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:600px;overflow-y:visible;padding:2rem;position:relative;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;margin:0}.modal-close{background:none;font-size:2rem;height:2rem;line-height:1;padding:0;width:2rem}.modal-close:hover{color:#000}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.dropdown-list{margin-top:0;z-index:2000}.barn-canvas.placing-mode{border:3px dashed #27ae60;cursor:crosshair}.barn-canvas.moving-mode{border:3px dashed #3498db;cursor:crosshair}.placing-indicator{animation:pulse-indicator 2s ease-in-out infinite;background:#27ae60e6;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;left:50%;padding:1rem 2rem;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:50}.placing-indicator.moving{background:#3498dbe6}@keyframes pulse-indicator{0%,to{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}}.mobile-pen-controls{background:#fff;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 12px #00000026;left:0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0));position:fixed;right:0;z-index:1000}.mobile-controls-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.mobile-controls-header span{color:#2c3e50;font-size:1.1rem;font-weight:600}.mobile-controls-header .close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:.25rem .5rem}.mobile-controls-buttons{display:flex;gap:.75rem;margin-bottom:1rem}.mobile-controls-buttons .btn{flex:1 1;font-size:.9rem;padding:.75rem}.mobile-resize-controls{align-items:center;border-top:1px solid #eee;display:flex;gap:1rem;padding-top:.75rem}.mobile-resize-controls span{color:#666;font-weight:500}.resize-buttons{display:flex;flex:1 1;gap:.5rem}.resize-buttons button{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.5rem;transition:all .2s}.resize-buttons button:active{background:#e0e0e0;transform:scale(.95)}.mobile-moving-toolbar{align-items:center;background:#3498db;bottom:0;color:#fff;display:flex;justify-content:space-between;left:0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0));position:fixed;right:0;z-index:1000}.mobile-moving-toolbar span{font-weight:600}.mobile-moving-toolbar .btn{background:#fff;color:#3498db}@media (max-width:768px){.pen-palette{flex-direction:row;gap:.75rem}.pen-palette .btn{flex:1 1}.barn-layout-container{padding-bottom:80px}.mobile-moving-toolbar,.mobile-pen-controls{bottom:70px}}.breeding-list-container{width:100%}.breeding-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.breeding-header h2{margin:0}.filter-bar{align-items:flex-end;gap:1rem}.filter-group{flex:1 1;flex-direction:column}.filter-group label{color:#333;font-weight:600}.filter-group select{background-color:#fff;cursor:pointer;padding:.5rem}.filter-group select,.search-input{border:1px solid #ddd;border-radius:4px;font-size:1rem}.search-input{padding:.5rem 2rem .5rem .5rem;width:100%}.clear-search-btn{color:#999}.clear-search-btn:hover{color:#666}.dropdown-list{max-height:200px}.dropdown-item{border-bottom:1px solid #f0f0f0;padding:.75rem}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.no-results:hover{background:#fff}.date-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem;width:100%}.breeding-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.breeding-table{margin:0}.breeding-table tr.completed{background:#f8f9fa}.action-buttons{display:flex;gap:.5rem}.btn-sm{font-size:.9rem;padding:.4rem .8rem}.days-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.days-badge.soon{background:#fff3cd;color:#856404}.days-badge.overdue{background:#f8d7da;color:#721c24}.badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.badge-yes{background:#d4edda;color:#155724}.badge-no{background:#e2e3e5;color:#383d41}.radio-group{align-items:center;display:flex;gap:1.5rem}.radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.radio-group input[type=radio]{cursor:pointer;height:1rem;width:1rem}.kits-input-group{display:flex;gap:1rem}.kit-count-input{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.kit-count-input label{color:#333;font-size:.9rem;font-weight:600}.kit-count-input input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem}@media (max-width:768px){.breeding-header{align-items:stretch;flex-direction:column}.breeding-header button{width:100%}.breeding-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.breeding-table{font-size:.85rem;min-width:600px}.breeding-table td,.breeding-table th{padding:.5rem .3rem;white-space:nowrap}.action-buttons{flex-direction:column;gap:.3rem}.filter-bar{flex-direction:column;gap:.75rem}.filter-group{width:100%}}.rabbit-list-container{width:100%}.rabbit-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.rabbit-header h2{margin:0}.filter-bar{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;padding:1rem}.filter-bar,.filter-group{align-items:center;display:flex}.filter-group{gap:.5rem}.filter-bar label{font-weight:500;margin:0}.filter-bar select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem}.search-dropdown{min-width:250px}.search-dropdown .search-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem 2rem .5rem .5rem;width:100%}.dropdown-list{margin-top:-1px}.rabbit-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.rabbit-card{background:#fff;border-left:4px solid #3498db;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .2s,box-shadow .2s}.rabbit-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.rabbit-card.status-alive{background:#fff;border-left-color:#3498db}.rabbit-card.status-sold{border-left-color:#f39c12}.rabbit-card.status-dead{border-left-color:#95a5a6;opacity:.8}.rabbit-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.rabbit-card-header h3{color:#2c3e50;margin:0}.status-badge{font-size:.8rem;padding:.25rem .75rem;text-transform:capitalize}.status-badge.alive{background:#d4edda;color:#155724}.status-badge.sold{background:#fff3cd;color:#856404}.status-badge.dead{background:#e2e3e5;color:#383d41}.rabbit-details{margin-bottom:1rem}.rabbit-details p{color:#555;margin:.5rem 0}.breeding-status{background:#fce4ec;border-radius:4px;color:#e91e63!important;font-weight:600;margin-top:.75rem!important;padding:.5rem}.rabbit-actions{display:flex;gap:.5rem;margin-top:1rem}.rabbit-actions button{flex:1 1}@media (max-width:768px){.rabbit-grid{grid-template-columns:1fr}.rabbit-header{align-items:stretch;flex-direction:column}.rabbit-header button{width:100%}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar select{width:100%}}.accolades-section{border-top:2px solid #e0e0e0;margin-top:1rem;padding-top:1rem}.accolades-list{margin-bottom:.75rem;max-height:200px;overflow-y:auto}.accolade-item{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.accolade-item span{flex:1 1;margin-right:.5rem}.btn-delete-accolade{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;line-height:1;transition:background-color .2s;width:24px}.btn-delete-accolade:hover{background:#c82333}.accolade-add{align-items:center;display:flex;flex-direction:column;gap:.5rem}.accolade-add input{border:1px solid #ddd;border-radius:4px;padding:.5rem;width:100%}.accolade-add button{font-size:1.2rem;font-weight:700;padding:.5rem 1rem}.pedigree-container{display:flex;flex-direction:column;height:calc(100vh - 120px);overflow-x:hidden;width:100%}.pedigree-header{flex-shrink:0;margin-bottom:1.5rem}.pedigree-header h2{margin:0 0 1rem}.rabbit-selector{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.rabbit-selector label{font-weight:500;margin:0}.search-dropdown{flex:1 1;min-width:200px;position:relative}.search-dropdown input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem 2rem .5rem .5rem;width:100%}.clear-search-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:1.5rem;justify-content:center;padding:0;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:1.5rem;z-index:2}.clear-search-btn:hover{color:#000}.dropdown-list{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{cursor:pointer;padding:.75rem 1rem;transition:background-color .2s}.dropdown-item:hover{background-color:#f0f0f0}.dropdown-item.no-results{color:#999;cursor:default}.dropdown-item.no-results:hover{background-color:#fff}.loading{color:#666;padding:3rem}.loading,.pedigree-controls{background:#fff;border-radius:8px}.pedigree-controls{align-items:center;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1rem}.control-btn{background:#2c3e50;border:none;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1rem;transition:all .2s}.control-btn:hover{background:#34495e;box-shadow:0 4px 8px #0000004d}.control-btn:active{transform:scale(.95)}.control-option{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.5rem;-webkit-user-select:none;user-select:none}.control-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.control-option span{white-space:nowrap}.generation-input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;margin-left:.5rem;padding:.25rem .5rem;text-align:center;width:60px}.field-selector-container{position:relative}.field-selector-toggle{background:#4caf50;border:none;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.field-selector-toggle:hover{background:#45a049;box-shadow:0 4px 8px #0000004d}.field-selector-toggle:active{transform:scale(.95)}.field-selector-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #00000026;left:0;margin-top:.5rem;max-height:300px;min-width:200px;overflow-y:auto;padding:.5rem;position:absolute;top:100%;z-index:1000}.field-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .2s;-webkit-user-select:none;user-select:none}.field-option:hover{background-color:#f0f0f0}.field-option input[type=checkbox]{cursor:pointer;height:16px;width:16px}.field-option span{font-size:.9rem;white-space:nowrap}.tree-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:grab;flex:1 1;min-height:0;overflow:hidden;padding:0;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tree-container:active{cursor:grabbing}.tree-scroll{left:0;padding:2rem;pointer-events:none;position:absolute;top:0;will-change:transform}.tree-scroll>*{pointer-events:auto}.canvas-controls{bottom:20px;display:flex;flex-direction:column;gap:8px;position:absolute;right:20px;z-index:100}.canvas-control-btn{align-items:center;background:#fff;border:2px solid #2c3e50;border-radius:4px;box-shadow:0 2px 4px #0003;color:#2c3e50;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;transition:all .2s;width:40px}.canvas-control-btn:hover{background:#f0f0f0;box-shadow:0 4px 8px #0000004d}.canvas-control-btn:active{transform:scale(.95)}.zoom-indicator{font-weight:700;text-align:center}.print-option,.zoom-indicator{background:#fff;border:2px solid #2c3e50;border-radius:4px;box-shadow:0 2px 4px #0003;color:#2c3e50;font-size:.85rem;padding:8px;-webkit-user-select:none;user-select:none}.print-option{align-items:center;cursor:pointer;display:flex;gap:8px;transition:all .2s}.print-option:hover{background:#f0f0f0}.print-option input[type=checkbox]{cursor:pointer;height:16px;width:16px}.print-option span{font-weight:700;white-space:nowrap}.pedigree-row{flex-direction:row;position:relative}.pedigree-cell,.pedigree-row{align-items:center;display:flex}.pedigree-cell{padding:.5rem}.pedigree-parents{display:flex;flex-direction:column;gap:2rem;margin-left:2rem;padding-bottom:0;padding-top:0;position:relative}.pedigree-parent{align-items:center;display:flex;flex-direction:row;gap:0;padding-left:.75rem;position:relative}.rabbit-node{background:#f8f9fa;border:2px solid #333;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#333;max-width:280px;min-width:180px;padding:.75rem;position:relative;transition:transform .2s,box-shadow .2s;width:-webkit-fit-content;width:fit-content;z-index:1}.rabbit-node:hover{box-shadow:0 4px 12px #0003;transform:scale(1.02)}.rabbit-node.clickable{cursor:pointer}.rabbit-node.unknown{background:#95a5a6;color:#fff;font-style:italic;max-width:180px;min-width:180px;text-align:center;width:180px}.color-square{border:1px solid #333;border-radius:4px;bottom:8px;box-shadow:0 1px 3px #0003;height:24px;position:absolute;right:8px;width:24px}.collapse-btn{align-items:center;background:#fff;border:2px solid #333;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:22px;justify-content:center;line-height:1;padding:0;position:absolute;right:-8px;top:-8px;transition:all .2s;width:22px;z-index:10}.collapse-btn:hover{background:#3498db;border-color:#3498db;color:#fff;transform:scale(1.1)}.collapse-btn.collapsed{background:#27ae60;border-color:#27ae60;color:#fff}.collapse-btn.collapsed:hover{background:#2ecc71;border-color:#2ecc71}.node-header{align-items:center;display:flex;font-size:1.1rem;justify-content:space-between;margin-bottom:.5rem;white-space:nowrap}.gender-badge{font-size:1.2rem;padding:.25rem}.gender-badge.female{color:#dc3545}.gender-badge.male{color:#007bff}.node-details{font-size:.9rem;opacity:.95}.node-details.has-color-box{padding-bottom:2rem}.node-details div{margin:.25rem 0;white-space:nowrap}.node-accolades{border-top:1px solid #0000001a;margin-bottom:.5rem;margin-top:.5rem;padding-top:.5rem}.accolade-badge{font-size:.75rem;font-style:italic;margin:.15rem 0;opacity:.9}.status-indicator{background:#ffffff4d;border-radius:10px;display:inline-block;font-size:.8rem;margin-top:.5rem;padding:.2rem .6rem;text-transform:capitalize}.parent-label{background:#fff;border:2px solid #333;border-radius:15px;box-shadow:0 2px 4px #00000026;color:#000;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.35rem .75rem;position:relative;text-transform:uppercase;white-space:nowrap;z-index:2}.empty-state{background:#fff;border-radius:8px;color:#666;padding:3rem}.rabbit-info-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.rabbit-info-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:500px;padding:2rem;position:relative;width:90%}.close-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;line-height:1;padding:0;position:absolute;right:1rem;top:1rem;width:2rem}.close-btn:hover{color:#000}.rabbit-info-content h3{color:#333;font-size:1.5rem;margin:0 0 1.5rem}.info-details p{color:#555;font-size:1rem;margin:.75rem 0}.info-details strong{color:#333}@media (max-width:768px){.pedigree-container{height:calc(100vh - 130px);max-width:100vw;overflow:hidden;padding-bottom:70px;position:relative;width:100%}.pedigree-header{margin-bottom:.75rem}.pedigree-header h2{font-size:1.25rem;margin-bottom:.5rem}.rabbit-selector{padding:.75rem}.pedigree-controls{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding:.75rem}.control-btn{flex:0 0 auto;font-size:.9rem;padding:.4rem .75rem}.control-option{flex:1 1 auto;justify-content:flex-start;min-width:0}.control-option,.control-option span{font-size:.85rem}.generation-input{font-size:16px;padding:.2rem .4rem;width:50px}.tree-container{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;padding:0;touch-action:none}.field-selector-container{flex:0 0 auto}.field-selector-toggle{font-size:.85rem;padding:.4rem .75rem}.field-selector-dropdown{left:0;min-width:180px;right:auto}.rabbit-node{font-size:.85rem;max-width:200px;min-width:140px;padding:.6rem;width:-webkit-fit-content;width:fit-content}.rabbit-node.unknown{max-width:140px;min-width:140px;width:140px}.node-header{font-size:.95rem}.node-details{font-size:.75rem}.parent-label{font-size:.6rem;padding:.3rem .6rem}.pedigree-parents{margin-left:1rem}.pedigree-parents:before{left:-1rem;width:1rem}.pedigree-parent:before{left:0;right:0}.rabbit-selector{align-items:stretch;flex-direction:column}.desktop-only{display:none!important}.canvas-controls{bottom:20px;left:20px;right:auto}.canvas-control-btn{font-size:1.75rem;height:44px;width:44px}}@media (max-width:480px){.rabbit-node{max-width:160px;min-width:120px;padding:.5rem;width:-webkit-fit-content;width:fit-content}.rabbit-node.unknown{max-width:120px;min-width:120px;width:120px}.parent-label{font-size:.55rem;padding:.25rem .5rem}.node-header{font-size:.9rem}.node-details{font-size:.7rem}.pedigree-parents{gap:.25rem;margin-left:.75rem}.pedigree-parent{gap:.5rem}}@media print{@page{size:landscape;margin:0}body,html{background:#fff!important;height:auto!important;margin:0!important;min-height:0!important;overflow:hidden!important;padding:0!important;width:100%!important}*{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}.app-header,.app-sidebar,.canvas-control-btn,.canvas-controls,.main-nav,.navbar,.pedigree-controls,.pedigree-header,.sidebar,.zoom-indicator,header,nav{display:none!important}#root,.App,.pedigree-container{background:#fff!important;height:auto!important;margin:0!important;min-height:0!important;padding:0!important;width:100%!important}.pedigree-container{display:block!important;max-height:none!important}.rabbit-node{transition:none!important}.rabbit-node,.rabbit-node:hover{box-shadow:0 1px 3px #0000004d!important}.rabbit-node:hover{transform:none!important}.tree-container{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;height:auto!important;min-height:100%!important;outline:none!important;overflow:visible!important;position:static!important;width:100%!important}.tree-container,.tree-scroll{margin:0!important;max-width:100%!important;padding:0!important}.tree-scroll{transform-origin:top left!important;width:-webkit-fit-content!important;width:fit-content!important}.pedigree-row,.tree-container,.tree-scroll{page-break-after:avoid!important;page-break-before:avoid!important;page-break-inside:avoid!important}}.save-image-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.save-image-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:95%;overflow:hidden;width:100%}.save-image-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.save-image-header h3{color:#333;font-size:1.2rem;margin:0}.save-modal-close-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:44px;justify-content:center;padding:0;touch-action:manipulation;width:44px}.save-modal-close-btn:active,.save-modal-close-btn:hover{background:#e0e0e0;color:#000}.save-image-body{flex:1 1;overflow-y:auto;padding:1rem;text-align:center}.save-image-body img{border-radius:8px;box-shadow:0 2px 10px #00000026;height:auto;max-width:100%}.save-instructions{background:#f8f9fa;border-radius:8px;color:#555;font-size:.95rem;line-height:1.5;margin-top:1rem;padding:1rem}.save-image-footer{border-top:1px solid #eee;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.save-image-footer .btn{-webkit-tap-highlight-color:transparent;font-size:1rem;min-height:48px;padding:.75rem 1.5rem;touch-action:manipulation}.save-image-footer .btn:disabled{cursor:not-allowed;opacity:.6}.pedigree-loading-overlay{align-items:center;background:#ffffffd9;bottom:0;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:500}.pedigree-loading-overlay p{color:#2c3e50;font-size:1.1rem;font-weight:500;margin:0}.pedigree-loading-spinner{animation:pedigree-spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes pedigree-spin{to{transform:rotate(1turn)}}.lists-container{margin:0 auto;max-width:800px;padding:20px}.lists-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.lists-header h2{color:#333;margin:0}.list-detail-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;gap:15px;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.list-detail-header h2{color:#333;flex:1 1;margin:0;text-align:center}.btn-back{background-color:#757575;border:none;border-radius:4px;color:#fff;font-size:14px;transition:background-color .2s}.btn-back:hover{background-color:#616161}.lists-content{display:flex;flex-direction:column;gap:15px}.list-section{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.list-header{align-items:center;background-color:#f9f9f9;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s}.list-header:hover{background-color:#f0f0f0}.list-header.active{background-color:#e3f2fd}.list-name{color:#333;font-size:18px;font-weight:500}.btn-delete{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.btn-delete:hover{background-color:#d32f2f}.list-body{border-top:1px solid #e0e0e0;padding:20px}.btn-add-rabbit{margin-bottom:15px;width:100%}.rabbits-list{display:flex;flex-direction:column;gap:8px}.rabbit-item{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px;transition:all .2s}.rabbit-item:hover{background-color:#e3f2fd;border-color:#4a90e2}.rabbit-name{color:#333;font-size:16px}.btn-remove{background:none;border:none;color:#f44336;cursor:pointer;font-size:20px;opacity:.7;padding:4px 8px;transition:opacity .2s}.btn-remove:hover{opacity:1}.empty-message{font-style:italic;padding:20px}.empty-message,.empty-state{color:#999;text-align:center}.empty-state{font-size:16px;padding:40px}.modal-confirm{max-width:400px}.warning-text{color:#f44336;font-size:14px;margin-top:10px}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#d32f2f}.rabbit-selection-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.rabbit-selection-item{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:16px;padding:12px 15px;transition:all .2s}.rabbit-selection-item:hover{background-color:#e3f2fd;border-color:#4a90e2}.read-only-field{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333;display:flex;font-size:14px;min-height:38px;padding:10px 12px}.read-only-notes{align-items:flex-start;line-height:1.5;min-height:80px;white-space:pre-wrap}.status-badge{border-radius:12px;font-weight:500;padding:4px 12px}.status-alive{background-color:#4caf50;color:#fff}.status-sold{background-color:#2196f3;color:#fff}.status-dead{background-color:#757575;color:#fff}.status-arthur{background-color:#ff9800;color:#fff}@media (max-width:768px){.lists-container{padding:10px}.lists-header{align-items:stretch;flex-direction:column;gap:10px}.lists-header h2{text-align:center}.list-detail-header{flex-wrap:wrap;gap:10px}.list-detail-header h2{flex:1 1 100%;margin-top:5px;order:2;text-align:left}.btn-back{flex:0 0 auto;order:1}.btn-primary{flex:1 1 auto;order:1}.rabbit-detail-grid{grid-template-columns:1fr}}.notifications-page{margin:0 auto;max-width:1200px;padding:20px}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.notifications-header h1{color:#2c3e50;font-size:32px;margin:0}.btn-secondary{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background:#e8e8e8;border-color:#ccc}.loading-state{color:#666;font-size:18px;padding:60px 20px;text-align:center}.notifications-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.notifications-summary{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:15px}.notifications-summary p{color:#666;font-size:16px;font-weight:600;margin:0}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-card{align-items:center;border-left:4px solid;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.notification-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.notification-card.error{background:#ffebee;border-left-color:#e74c3c}.notification-card.warning{background:#fff3e0;border-left-color:#ff9800}.notification-card.success{background:#e8f5e9;border-left-color:#4caf50}.notification-card.info{background:#e3f2fd;border-left-color:#2196f3}.notification-icon{flex-shrink:0;font-size:32px}.notification-content{flex:1 1;min-width:0}.notification-header{margin-bottom:6px}.notification-type-badge{color:#555;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.notification-message{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.notification-subtext{color:#666;font-size:14px;margin:0}.notification-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.notification-action{background:#0000000d;border-radius:6px;color:#333;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.notification-action:hover{background:#0000001a}.notification-dismiss{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.notification-dismiss:hover{background:#e74c3c;color:#fff}.no-notifications{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:60px 24px;text-align:center}.no-notifications-icon{font-size:72px;margin-bottom:20px}.no-notifications p{color:#666;font-size:18px;margin:0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.settings-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.settings-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.settings-header h2{color:#333;font-size:20px;margin:0}.modal-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#e74c3c;color:#fff}.settings-content{flex:1 1;overflow-y:auto;padding:24px}.settings-group h3{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.setting-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:12px 0}.setting-item:last-child{border-bottom:none}.setting-item input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;margin-top:2px;width:20px}.setting-info{flex:1 1}.setting-label{color:#333;display:block;font-weight:600;margin-bottom:4px}.setting-description{color:#666;display:block;font-size:13px}.setting-sub-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:12px 0 12px 32px}.setting-sub-item label{color:#555;font-size:14px}.setting-sub-item select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.settings-footer{background:#fafafa;border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn{border-radius:8px;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;transform:none}@media (max-width:768px){.notifications-page{padding:15px}.notifications-header{align-items:flex-start;flex-direction:column;gap:15px}.notifications-header h1{font-size:26px}.btn-secondary{width:100%}.notification-card{align-items:flex-start;flex-direction:column;gap:12px}.notification-icon{font-size:28px}.notification-actions{justify-content:space-between;width:100%}.notification-action{flex:1 1;text-align:center}.no-notifications{padding:40px 20px}.no-notifications-icon{font-size:56px}.no-notifications p{font-size:16px}.settings-modal{max-height:80vh}.settings-footer{flex-direction:column}.settings-footer .btn{width:100%}}.profile-container{margin:0 auto;max-width:1000px;padding:20px}.profile-container h1{margin-bottom:10px}.profile-subtitle{color:#666;font-size:16px;margin-bottom:40px}.profile-sections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.profile-section-card{background-color:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:inherit;cursor:pointer;padding:32px;text-decoration:none;transition:all .3s ease}.profile-section-card:hover{border-color:#4caf50;box-shadow:0 6px 20px #00000026;transform:translateY(-4px)}.section-icon{font-size:48px;margin-bottom:16px}.profile-section-card h2{color:#333;font-size:22px;margin:0 0 12px}.profile-section-card p{color:#666;font-size:14px;line-height:1.5;margin:0}@media (max-width:768px){.profile-sections{grid-template-columns:1fr}}.account-settings-container{box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:hidden;padding:20px;width:100%}.account-settings-container h1,.settings-form{margin-bottom:30px}.settings-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;max-width:100%;padding:30px;width:100%}.settings-form h2{border-bottom:2px solid #f0f0f0;color:#333;margin-top:0;padding-bottom:10px}.settings-form .form-group,.settings-form h2{margin-bottom:20px}.settings-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.settings-form label{color:#555;display:block;font-weight:600;margin-bottom:6px}.settings-form input,.settings-form textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;max-width:100%;padding:10px;width:100%}.settings-form input:focus,.settings-form textarea:focus{border-color:#4caf50;outline:none}.settings-form input.disabled-input{background-color:#f5f5f5;color:#999;cursor:not-allowed}.settings-form textarea{font-family:inherit;resize:vertical}.settings-form small{color:#999;display:block;font-size:12px;margin-top:4px}.password-form{background-color:#fff9f0;border:2px solid #ffe4b5}.password-form h2{color:#d97706}.error-message{border-left:4px solid #c33;border-radius:4px;padding:12px}.success-message{border-left:4px solid #3c3;border-radius:4px;color:#3c3;padding:12px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s ease}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover:not(:disabled){background-color:#45a049}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.account-settings-container{padding:15px}.settings-form{padding:20px}.settings-form .form-row{grid-template-columns:1fr}.settings-form .form-group{max-width:100%;width:100%}.settings-form input,.settings-form textarea{font-size:16px}.btn{box-sizing:border-box;max-width:100%;width:100%}}.rabbitry-container{box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:hidden;padding:20px;width:100%}.rabbitry-container h1{margin-bottom:10px}.rabbitry-subtitle{color:#666;font-size:16px;margin-bottom:30px}.rabbitry-form{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;max-width:100%;padding:32px;width:100%}.rabbitry-form .form-group{margin-bottom:24px}.rabbitry-form label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.rabbitry-form input,.rabbitry-form textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;max-width:100%;padding:10px 12px;transition:border-color .2s ease;width:100%}.rabbitry-form input:focus,.rabbitry-form textarea:focus{border-color:#4caf50;outline:none}.rabbitry-form input:disabled,.rabbitry-form textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.rabbitry-form textarea{font-family:inherit;resize:vertical}.rabbitry-form small{color:#666;display:block;font-size:12px;margin-top:6px}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33}.error-message,.success-message{word-wrap:break-word;box-sizing:border-box;margin-bottom:20px;max-width:100%;padding:12px 16px;width:100%}.success-message{background-color:#efe;border:1px solid #cfc;color:#3a3}.breed-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:14px;max-width:100%;padding:10px 12px;transition:border-color .2s ease;width:100%}.breed-select:focus{border-color:#4caf50;outline:none}.breed-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn-toggle-other{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:13px;font-weight:500;margin-top:8px;padding:8px 16px;transition:background-color .2s ease}.btn-toggle-other:hover:not(:disabled){background-color:#1976d2}.btn-toggle-other:disabled{background-color:#ccc;cursor:not-allowed}.selected-breeds{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.breed-label{background-color:#4caf50;border-radius:16px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px}.breed-label,.remove-breed{align-items:center;color:#fff}.remove-breed{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:18px;justify-content:center;line-height:1;margin:0;padding:0;transition:background-color .2s ease;width:18px}.remove-breed:hover{background-color:#fff3}.remove-breed:disabled{cursor:not-allowed;opacity:.6}.other-breed-input{margin-top:12px}.other-breed-input label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.other-breed-controls{align-items:stretch;display:flex;gap:8px}.other-breed-controls input{flex:1 1;margin:0}.btn-add-breed{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease;white-space:nowrap}.btn-add-breed:hover:not(:disabled){background-color:#45a049}.btn-add-breed:disabled{background-color:#ccc;cursor:not-allowed}.btn-cancel-breed{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease;white-space:nowrap}.btn-cancel-breed:hover:not(:disabled){background-color:#d32f2f}.btn-cancel-breed:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.rabbitry-container{padding:15px}.rabbitry-form{padding:20px}.rabbitry-form .form-group{max-width:100%;width:100%}.rabbitry-form input,.rabbitry-form textarea{font-size:16px}.btn{box-sizing:border-box;max-width:100%;width:100%}.breed-select{font-size:16px}.selected-breeds{gap:6px}.breed-label{font-size:12px;padding:5px 8px}.other-breed-controls{flex-direction:column}.btn-add-breed,.btn-cancel-breed{width:100%}}.subscription-container{margin:0 auto;max-width:900px;padding:20px}.subscription-container h1{margin-bottom:30px}.subscription-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:30px}.subscription-card h2{border-bottom:2px solid #f0f0f0;color:#333;margin-bottom:20px;margin-top:0;padding-bottom:10px}.plan-info{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.plan-expiry,.plan-status,.plan-tier{align-items:center;display:flex;gap:15px}.plan-expiry label,.plan-status label,.plan-tier label{color:#666;font-weight:600;min-width:80px}.tier-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:700;letter-spacing:.5px;padding:6px 16px}.tier-free{background-color:#e0e0e0;color:#666}.tier-basic{background-color:#bbdefb;color:#1565c0}.tier-premium{background-color:#ffd54f;color:#f57f17}.status-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;padding:6px 16px}.status-active{background-color:#c8e6c9;color:#2e7d32}.status-cancelled{background-color:#ffecb3;color:#f57f17}.status-expired{background-color:#ffcdd2;color:#c62828}.upgrade-notice{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;margin-top:20px;padding:25px}.upgrade-notice h3{font-size:20px;margin-bottom:10px;margin-top:0}.upgrade-notice p{margin:0;opacity:.95}.manage-subscription{background-color:#f5f5f5;border-radius:6px;margin-top:20px;padding:20px}.manage-subscription h3{margin-bottom:10px;margin-top:0}.manage-subscription p{color:#666;margin:0}.features-card{background:linear-gradient(180deg,#fff 0,#f9f9f9)}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:20px}.feature-column{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px}.feature-column.highlighted{border-color:#ffd54f;box-shadow:0 4px 12px #ffd54f4d;position:relative}.feature-column h3{color:#333;font-size:20px;margin-bottom:15px;margin-top:0}.coming-soon{background-color:#ff9800;border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;padding:4px 12px;text-transform:uppercase}.feature-column ul{list-style:none;margin:0;padding:0}.feature-column li{border-bottom:1px solid #f0f0f0;color:#555;padding:10px 0}.feature-column li:last-child{border-bottom:none}.feature-column li:before{color:#4caf50;content:"✓";font-weight:700;margin-right:10px}@media (max-width:768px){.features-grid{grid-template-columns:1fr}}.statistics-container{margin:0 auto;max-width:1200px;padding:20px}.btn-back{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#4caf50;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:6px;margin-bottom:24px;padding:10px 16px;transition:all .2s ease}.btn-back:hover{background-color:#4caf50;border-color:#4caf50;box-shadow:0 2px 4px #4caf5033;color:#fff;transform:translateY(-1px)}.statistics-container h1{margin-bottom:30px}.statistics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:10px 0}.stat-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:24px;text-align:center;transition:transform .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-card h3{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.stat-value{color:#4caf50;font-size:42px;font-weight:700;margin:10px 0}.stat-breakdown{border-top:1px solid #f0f0f0;color:#666;display:flex;flex-direction:column;font-size:13px;gap:4px;margin-top:12px;padding-top:12px}.loading{color:#999;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.statistics-grid{grid-template-columns:1fr}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:3rem;width:100%}.login-card h1{color:#2c3e50;font-size:1.8rem;margin-bottom:.5rem;text-align:center}.login-card h2{color:#666;font-size:1.3rem;font-weight:400;margin-bottom:2rem;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24}.error-message,.success-message{margin-bottom:1.5rem;padding:1rem}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.verification-notice{background:#fff3cd;border:1px solid #ffeeba;border-radius:6px;color:#856404;margin-bottom:1.5rem;padding:1rem}.verification-notice p{margin:0 0 1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-row.three-col{grid-template-columns:2fr 1fr 1fr}.form-group-small{min-width:0}.btn-block{font-size:1.1rem;margin-top:1rem;padding:.75rem;width:100%}.toggle-mode{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.toggle-mode p{color:#666;margin:0}.link-button{background:none;border:none;color:#3498db;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.link-button:hover{color:#2980b9}.link-button:disabled{cursor:not-allowed;opacity:.6}.forgot-password-link{margin-top:1rem;text-align:center}.turnstile-container{margin:1rem 0}.turnstile-container>div{width:100%!important}.turnstile-container iframe{max-width:100%!important;width:100%!important}@media (max-width:768px){.login-card{padding:2rem}.login-card h1{font-size:1.5rem}.login-card h2{font-size:1.1rem}}
/*# sourceMappingURL=main.16d2b7f7.css.map*/