:root{--bg: #d9e6e5;--nav: #dcebeb;--surface: #eaf7f6;--text: #12343b;--text-muted: #5c7b7f;--accent: #007c91;--accent-hover: #005f6b;--border: #bedde1;--danger: #CB1C53;--danger-hover: #8b173c;--warning: #ffc857;--warning-hover: #e6a300;--logofill: #fcbb72;--logo: #8f3f1f}.dark{--bg: #102427;--nav: #1a3336;--surface: #1e4043;--text: #d5ebeb;--text-muted: #a1c2c2;--accent: #2f646e;--accent-hover: #218b76;--border: #365c5c;--danger: #f57373;--danger-hover: #df4141;--warning: #f6c744;--warning-hover: #cc9e00;--logofill: #f57373;--logo: #801c3a}.beach{--bg: #fffbe0;--nav: #f1e3cc;--surface: #ece8cf;--text: #296799;--text-muted: #aa9970;--accent: #296799;--accent-hover: #1d82d4;--border: rgb(236, 210, 149);--danger: #f16457;--danger-hover: #e66555;--warning: #ffe799;--warning-hover: #ffd053;--logofill: #64a7ff;--logo: #2426bb}.mono{--bg: #e6e6e6;--nav: #cccccc;--surface: #f7f7f7;--text: #222;--text-muted: #888;--accent: #555;--accent-hover: #333;--border: #bbb;--danger: #e44c4c;--danger-hover: #b82929;--warning: #d37325;--warning-hover: #b95d12;--logofill: #b39bd3;--logo: #360e5c}.dango{--bg: #c0d4c5;--nav: #faece6;--surface: #d8eede;--text: #55463a;--text-muted: #644831;--accent: #b97180;--accent-hover: #bc5872;--border: #eed4c8;--danger: #d13a49;--danger-hover: #e57373;--warning: #fff7ae;--warning-hover: #ffe066;--dango-green: #b6e3c2;--logofill: #fd94a9;--logo: #752a56}.nightsky{--bg: #161730;--nav: #222244;--surface: #23235b;--text: #e1d9f1;--text-muted: #bebed8;--accent: #38488f;--accent-hover: #323e80;--border: #3949ab;--danger: #f0c653;--danger-hover: #ffab00;--warning: #ff5370;--warning-hover: #d81b60;--logofill: #f0c653;--logo: #af3f0b}.forest{--bg: #19231a;--nav: #223027;--surface: #273c2c;--text: #cce3c4;--text-muted: #88a88b;--accent: #3f744b;--accent-hover: #2a5a35;--border: #2f4631;--danger: #ff5555;--danger-hover: #9c2a22;--warning: #f6e1a8;--warning-hover: #e2ba55;--logofill: #ffb351;--logo: #b95300}.ch-prefix{color:var(--accent);font-weight:700;margin-right:.35rem;letter-spacing:.03em}.navbar a{color:var(--text);text-decoration:none;position:relative;padding:.25rem 0}.navbar a:after{content:"";position:absolute;width:0%;height:2px;left:0;bottom:-3px;background-color:var(--accent);transition:width .3s ease}.navbar a:hover:after{width:100%}.dog-card{background-color:var(--surface);border-radius:1rem;overflow:hidden;box-shadow:0 4px 14px #0000000f;width:300px;transition:transform .2s ease;color:var(--text)}.dog-info{padding:1rem;text-align:left}.dog-info h3{margin:0;font-size:1.25rem;color:var(--accent)}.dog-info p{margin-top:.5rem;font-size:.95rem;color:var(--text-muted)}button,.view-button,.edit-button{background-color:var(--accent);color:#fff;border:none;padding:.5rem 1rem;margin:.1rem 0;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:inline-block;text-align:center;white-space:nowrap}button:hover,.view-button:hover,.edit-button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}button.small-button{padding:.25rem .6rem;font-size:.85rem}button.secondary{background-color:var(--surface);color:var(--text);border:1px solid var(--border)}button.danger{background-color:#e53935;color:#fff}button.red,.button-row button.red{background-color:var(--danger);color:#fff}button.red:hover,.button-row button.red:hover{background-color:var(--danger-hover)}button.warning,.button-row button.toggle-visibility{background-color:var(--warning);color:var(--text)}button.warning:hover,.button-row button.toggle-visibility:hover{background-color:var(--warning-hover)}.layout-wrapper{background-color:var(--bg);display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1;width:100%;overflow:visible;display:flex;flex-direction:column}.theme-toggle-btn{background:none;border:1px solid var(--border, #ccc);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.9rem;margin-right:1rem;color:var(--text, #2e2e2e);transition:background-color .3s ease}.theme-toggle-btn:hover{background-color:var(--border, #ccc)}body,.card,.dogform-card,.sidebar,.navbar,.public-page,footer{transition:background-color .4s ease,color .4s ease}.has-sidebar{display:flex;flex-direction:row}.has-sidebar .site-main{padding-left:260px}.chat-row{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.chat-row .delete-button,.chat-row .report-button{opacity:0;transition:opacity .2s ease;background:transparent;border:none;cursor:pointer;font-size:1rem}.chat-row:hover .delete-button,.chat-row:hover .report-button{opacity:1}.search-results{margin-top:.5rem;padding:0;list-style:none;background:#fff;border:1px solid #ccc;max-height:200px;overflow-y:auto}.search-results li{padding:.5rem;cursor:pointer}.search-results li:hover{background:#f0f0f0}.dog-card{border:1px solid transparent;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s ease}.dog-card-showcase{border-color:#daa034}.dog-card-listed{border-color:#1a808d00}.dog-card-free{border-color:#f000}.profile-container{max-width:1500px;min-width:1500px;max-height:2000px;margin:1rem auto;padding:2rem 3rem;background-color:var(--surface);border-radius:12px;box-shadow:var(--shadow)}.save-button.dirty{background-color:var(--warning);color:#2e2e2e;border:1px solid var(--warning-hover)}.save-button.dirty:hover{background-color:var(--warning-hover)}.themed-select{font-size:1rem;background:var(--surface);color:var(--text);border-radius:6px;border:1px solid var(--border);padding:8px;min-width:160px;transition:border .2s,box-shadow .2s}.themed-select:focus{outline:2px solid var(--accent);border-color:var(--accent)}.themed-select option{background:var(--surface);color:var(--text)}.themed-select option:disabled{color:var(--text-muted);background:var(--bg)}.dark .themed-select,.nightsky .themed-select,.forest .themed-select{background:var(--surface);color:var(--text);border:1px solid var(--border)}.cropper-modal{z-index:9999}.dark,.beach,.mono,.dango,.nightsky,.forest{--logo-accent: var(--accent)}.themed-logo{width:32px;height:32px;display:block}.nav-logo{display:flex;align-items:flex-start;justify-content:center;padding:0;margin-bottom:-10px;margin-top:-10px}.logo-wrapper{position:relative;display:inline-block}.logo-outline{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}@keyframes logo-bounce-shake{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(-6px) rotate(-4deg)}40%{transform:translateY(2px) rotate(4deg)}60%{transform:translateY(-3px) rotate(-2deg)}80%{transform:translateY(1px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.logo-wrapper:hover{animation:logo-bounce-shake .6s ease}.points-shop-layout{display:flex;gap:2rem;padding:2rem;background-color:var(--bg);color:var(--text);align-items:flex-start}.points-column{flex:1.5;display:flex;flex-direction:column;gap:1.5rem;max-width:700px}.points-key{flex:1;background-color:var(--surface);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow);font-size:.9rem;line-height:1.5}.points-key h2{margin-bottom:.8rem;font-size:1.15rem}.points-key ul{list-style:disc;margin-left:1.25rem;padding-left:0}.points-key li{margin-bottom:.8rem}.points-balance{font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.points-button{padding:.5rem .75rem;font-size:.9rem;background-color:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.custom-points,.transfer-points{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.custom-points input,.transfer-points input{padding:.4rem .6rem;font-size:.9rem;border:1px solid var(--border);border-radius:4px;width:140px}.custom-points button,.transfer-points button{padding:.4rem .75rem;font-size:.9rem;background-color:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer}.custom-points button:hover,.transfer-points button:hover{background-color:var(--accent-hover)}.points-history{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:1rem}.points-history th,.points-history td{border-bottom:1px solid var(--border);padding:.4rem .6rem;text-align:left}.points-history th{background-color:var(--surface-alt);color:var(--text);font-weight:600}.points-transfer-title{margin-top:1.5rem;font-size:1.05rem;font-weight:600}.error{color:var(--danger);margin-top:.5rem}.search-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:4px;margin-top:.25rem;max-height:180px;overflow-y:auto;padding:0;list-style:none;font-size:.9rem;box-shadow:var(--shadow);z-index:10;position:absolute}.search-dropdown li{padding:.4rem .6rem;cursor:pointer}.navbar a.active{font-weight:700;color:var(--danger)}.navbar a.active:after{width:100%}.success-container{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;min-height:80vh;background-color:var(--surface);color:var(--text)}.success-box{background:var(--surface-alt);padding:2.5rem 3rem;border-radius:12px;box-shadow:var(--shadow);max-width:500px;text-align:center}.success-box h1{margin-bottom:1rem;font-size:2rem;color:var(--accent)}.success-box p{margin:1rem 0}.success-actions{margin-top:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.success-actions .button{background-color:var(--accent);color:var(--text);padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:700}.success-actions .button.secondary{background-color:var(--surface);color:var(--accent);border:2px solid var(--accent)}.note{margin-top:1.5rem;font-size:.9rem;color:var(--text-muted)}.points-shop-wrapper{display:flex;justify-content:center;padding:3rem 1rem;background-color:var(--bg);color:var(--text)}.points-shop-inner{display:flex;flex-direction:row;align-items:flex-start;gap:3rem;max-width:1100px;width:100%}.points-column{flex:1;background:var(--surface);padding:2rem;border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1.5rem}.points-column h1,.points-column h2{font-size:1.5rem;margin-bottom:.75rem;color:var(--accent)}.points-balance{font-size:1.1rem;font-weight:700}.points-options{display:flex;flex-wrap:wrap;gap:.5rem}.points-button{background-color:var(--accent);color:#fff;border:none;padding:.5rem 1rem;font-size:.9rem;border-radius:6px;cursor:pointer;transition:background .2s ease}.points-button:hover{background-color:var(--accent-hover)}.custom-points{display:flex;align-items:center;gap:.5rem}.custom-points input{padding:.4rem .6rem;border:1px solid var(--border);border-radius:4px;width:120px;font-size:.9rem}.custom-points button{padding:.4rem .8rem;background-color:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer}.custom-points button:hover{background-color:var(--accent-hover)}.transfer-points{display:flex;align-items:center;gap:.5rem}.transfer-points input{padding:.4rem .6rem;border:1px solid var(--border);border-radius:4px;width:200px;font-size:.9rem}.transfer-points button{padding:.4rem .8rem;background-color:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer}.transfer-points button:hover{background-color:var(--accent-hover)}.search-dropdown{background-color:var(--surface);border:1px solid var(--border);border-radius:4px;margin-top:.25rem;list-style:none;padding:0;max-height:160px;overflow-y:auto;box-shadow:var(--shadow);position:absolute;z-index:100}.search-dropdown li{padding:.4rem .75rem;cursor:pointer}.search-dropdown li:hover{background-color:var(--surface-alt)}.points-history{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:1rem}.points-history th,.points-history td{padding:.5rem .75rem;border-bottom:1px solid var(--border);text-align:left}.points-history th{background-color:var(--surface-alt);font-weight:700}.points-history td{color:var(--text)}.points-key ul{padding-left:1rem;list-style:disc;font-size:.95rem;line-height:1.6}.points-key li{margin-bottom:1rem}.error{color:var(--danger);font-weight:700;margin-top:1rem}@media (max-width: 900px){.points-shop-inner{flex-direction:column;gap:2rem}.custom-points,.transfer-points{flex-direction:column;align-items:stretch}.custom-points input,.transfer-points input,.search-dropdown{width:100%}}.dog-profile-content{display:flex;justify-content:center;padding:3rem 2rem 1rem 0rem;max-width:1500px;min-width:100px;margin:0 auto;gap:1rem;flex-wrap:wrap;overflow:visible}.settings-columns{display:flex;gap:2rem;flex-wrap:wrap;width:100%;justify-content:center}.settings-panel,.login-activity-panel{background:var(--surface);padding:2rem;border-radius:12px;box-shadow:var(--shadow);min-width:600px;flex:1;max-width:700px}.settings-panel h2,.login-activity-panel h3{font-size:1.25rem;margin-bottom:1rem;color:var(--accent)}.form-row-inline{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:1rem}.form-row-inline label{flex:0 0 160px;font-weight:700;font-size:.9rem}.form-row-inline input,.form-row-inline select{flex:1;padding:.5rem;font-size:.9rem;border:1px solid var(--border);border-radius:6px;background-color:var(--surface);color:var(--text)}.form-grid{display:flex;flex-direction:column;gap:.5rem}.button-group{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.membership-banner{background-color:var(--bg);padding:.75rem 1rem;border-left:4px solid var(--accent);border-radius:6px;margin-bottom:1rem;font-size:.9rem}.membership-upgrade-box{border:1px solid var(--border);padding:1rem;border-radius:8px;margin-bottom:1rem}.membership-upgrade-box h3{margin-bottom:.25rem}.receipt-panel{margin-top:2rem}.receipt-panel h3{margin-bottom:.5rem}table{width:100%;border-collapse:collapse;font-size:.85rem}table th,table td{border-bottom:1px solid var(--border);padding:.5rem .6rem;text-align:left}table th{background-color:var(--surface-alt);font-weight:600}.pagination{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.pagination button{padding:.4rem .75rem}.error-text{color:var(--danger);margin-top:.5rem}.success-text{color:var(--accent);margin-top:.5rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background-color:var(--surface);padding:2rem;border-radius:12px;box-shadow:var(--shadow);max-width:600px;width:90%}.modal-content h3{margin-bottom:1rem}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.settings-panel{background:var(--surface);padding:1.5rem 2rem;border-radius:12px;box-shadow:var(--shadow);max-width:700px;width:100%}.settings-panel h2{font-size:1.35rem;margin-bottom:.75rem;color:var(--accent)}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:.75rem;column-gap:1rem;align-items:center}.settings-form-grid label{font-weight:600;font-size:.9rem;color:var(--text)}.settings-form-grid input[type=text],.settings-form-grid input[type=email],.settings-form-grid input[type=checkbox],.settings-form-grid select{padding:.45rem .6rem;font-size:.9rem;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);color:var(--text);width:100%;max-width:300px}.settings-form-grid input[type=checkbox]{width:auto}.settings-panel .membership-banner{font-size:.9rem;margin-bottom:1rem;padding:.6rem .8rem;background:#e6f7e6;border-left:4px solid var(--accent);border-radius:6px;color:var(--text)}.settings-panel .button-group{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap}*{outline:1px solid rgba(255,0,0,0)!important}.settings-wrapper{display:flex;justify-content:center;padding:3rem 1.5rem;margin-left:260px}.settings-columns{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%;max-width:1500px}.settings-panel,.settings-activity-panel{background-color:var(--surface);padding:2rem;border-radius:12px;box-shadow:var(--shadow);flex:1;min-width:600px;max-width:700px}.settings-panel h2,.settings-activity-panel h3{font-size:1.3rem;margin-bottom:1.25rem;color:var(--accent)}.settings-banner{background-color:var(--bg);border-left:4px solid var(--accent);padding:.8rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.settings-upgrade-box{border:1px solid var(--border);padding:1rem;border-radius:8px;margin-bottom:1rem}.settings-upgrade-box h3{margin-bottom:.5rem;font-size:1.05rem}.settings-field{display:flex;flex-direction:column}.settings-field label{font-weight:600;font-size:.95rem;margin-bottom:.25rem;color:var(--text)}.settings-field input,.settings-field select{padding:.4rem .6rem;font-size:.95rem;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);color:var(--text);width:100%}.settings-buttons{margin-top:2rem;display:flex;gap:1rem}.settings-buttons button{padding:.5rem 1rem;font-size:.95rem;border-radius:6px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.settings-row label{flex:0 0 160px;font-weight:600;font-size:.9rem}.settings-grid{display:flex;flex-direction:column;gap:.75rem}.settings-grid input,.settings-grid select{flex:1;padding:.5rem .75rem;font-size:.9rem;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);width:100%;max-width:350px}.settings-grid input[type=checkbox]{width:auto}.settings-error{color:var(--danger);margin-top:.5rem}.settings-success{color:var(--accent);margin-top:.5rem}.settings-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:1rem}.settings-table th,.settings-table td{padding:.5rem .6rem;border-bottom:1px solid var(--border);text-align:left}.settings-table th{background-color:var(--surface-alt);font-weight:600;color:var(--text)}.settings-purchase-history{margin-top:2rem}.settings-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-modal{background-color:var(--surface);padding:2rem;border-radius:12px;box-shadow:var(--shadow);max-width:600px;width:100%}.settings-modal h3{margin-bottom:1rem;font-size:1.2rem}.settings-modal input[type=text]{width:100%;margin-top:.5rem;padding:.5rem;font-size:1rem;border:1px solid var(--border);border-radius:6px}.settings-modal-buttons{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 900px){.settings-columns{flex-direction:column;align-items:center}}.badge-breeder{display:inline-block;font-size:.85rem;padding:2px 6px;border-radius:6px;border:1px solid #2b7a2b;color:#2b7a2b;background:#2b7a2b14}.records-pages{display:flex;flex-direction:column;min-height:0}.records-pages-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.records-pages-list{max-height:60vh;overflow:auto;padding-right:6px;margin:0}.records-page-row{list-style:none;cursor:pointer;padding:6px 8px;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.records-page-row.active{background:#0000000d}.records-pages-list::-webkit-scrollbar{width:8px}.records-pages-list::-webkit-scrollbar-thumb{border-radius:8px;background:#0003}.points-transfer-search{display:inline-block;max-width:300px;width:100%;box-sizing:border-box}.navbar{display:flex;align-items:center;justify-content:space-between;background-color:var(--nav);padding:1rem 2rem;box-shadow:0 2px 8px #0000000d;position:sticky;top:0;z-index:100}.nav-left,.nav-right{display:flex;align-items:center;gap:1.5rem}.navbar a{color:var(--text);text-decoration:none;font-weight:500;transition:color .2s ease}.navbar a:hover{color:var(--primary)}.navbar .unread-badge,.nav-unread-badge{background-color:#ff537d!important;color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;margin-left:.3rem;display:inline-block;min-width:1.5rem;text-align:center}.dropdown{position:relative;display:inline-block;margin-left:1rem}.dropbtn{background:none;border:none;color:inherit;font:inherit;padding:.5rem;cursor:pointer}.dropdown-content{display:none;position:absolute;background-color:var(--bg);min-width:160px;box-shadow:0 8px 16px #00000026;z-index:1;border-radius:6px;overflow:hidden}.dropdown-content a{color:var(--text);padding:.5rem 1rem;text-decoration:none;display:block;transition:background .2s ease}.dropdown-content a:hover{background-color:var(--nav-hover)}.dropdown:hover .dropdown-content{display:block}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo img{height:32px;width:auto;max-width:150px;object-fit:contain;display:inline-block;pointer-events:auto}.site-footer{background-color:var(--nav);color:var(--footer-text);padding:.5rem 2rem;margin-top:2rem;font-size:.7rem;border-top:1px solid var(--border);z-index:2}.site-footer p{margin:.5rem auto;max-width:1200px;line-height:1.6}.site-footer a{color:var(--link);text-decoration:none;margin:0 1rem}.site-footer a:hover{text-decoration:underline;color:var(--link-hover)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;max-width:1200px;margin:0 auto;padding:.5rem 0}.footer-left,.footer-center,.footer-right{width:33.333%}.footer-left{text-align:left}.footer-center{text-align:center}.footer-right{text-align:right}.footer-tooltip{display:inline-block;margin-bottom:.25rem;margin-right:.4rem;cursor:help;font-size:1.1rem;line-height:1}.secret-button-inline{background-color:var(--nav);all:unset;cursor:pointer;margin-right:.4rem;font-size:1rem;line-height:1;display:inline-block}.center-message{text-align:center}.secret-message{font-size:.75rem;font-style:italic;margin-top:.25rem}.secret-button-inline:hover{transform:scale(1.2);background-color:var(--nav)}:root{--sidebar-padding: .9rem;--sidebar-width: 310px;--sidebar-radius: 0 .7rem .7rem 0;--sidebar-font-size: .89rem;--sidebar-label-font: 600;--sidebar-input-height: 22px;--sidebar-input-font: .89rem;--sidebar-input-radius: 12px;--sidebar-content-gap: .19rem;--sidebar-max-form-width: 190px;--sidebar-radio-size: 14px;--sidebar-chip-bg: var(--surface);--sidebar-chip-color: var(--text);--sidebar-muted: var(--text-muted);--sidebar-header-bg: var(--surface)}.sidebar{position:fixed;top:0;left:0;margin-top:5rem;width:var(--sidebar-width)!important;padding:var(--sidebar-padding) .7rem;box-shadow:2px 0 10px #0000000d;border-radius:var(--sidebar-radius);height:1000px!important;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;z-index:0;border-right:1px solid var(--border);background:var(--surface)}.sidebar-title{font-size:1.14rem;font-weight:700;margin-bottom:.6rem;color:var(--text);letter-spacing:.01em}.sidebar-search{padding:.35rem .7rem;margin-bottom:.85rem;border:1px solid var(--border);border-radius:12px;width:100%;background-color:var(--surface);color:var(--text);font-size:var(--sidebar-font-size)}.sidebar-content{background:transparent;flex-grow:1;overflow-y:auto;padding:0;margin:.7rem 0 .2rem}.sidebar-greeting{text-align:center;font-size:1.04rem;font-weight:600;color:var(--sidebar-muted);margin-top:2.1rem;margin-bottom:.7rem;letter-spacing:.01em}.sidebar-extras,.sidebar-actions{font-size:var(--sidebar-font-size)!important;max-width:var(--sidebar-max-form-width)!important;gap:var(--sidebar-content-gap)!important;padding:.01rem 0 0!important;margin-bottom:.16rem!important;margin-left:.05rem}.sidebar-extras label,.sidebar-actions label{font-size:var(--sidebar-font-size)!important;font-weight:var(--sidebar-label-font)!important;margin:0 0 2px!important;line-height:1.07!important;letter-spacing:.01em;color:var(--sidebar-muted)}.sidebar-extras section{background:var(--sidebar-header-bg);padding:3px 10px 2px 8px;border-radius:7px;margin-bottom:7px!important}.sidebar-extras input[type=text],.sidebar-extras input[type=number],.sidebar-extras input[type=email],.sidebar-extras select,.sidebar-extras .themed-select,.sidebar-extras .css-13cymwt-control,.sidebar-extras .css-1dimb5e-singleValue,.sidebar-extras .css-t3ipsp-control{font-size:var(--sidebar-input-font)!important;height:var(--sidebar-input-height)!important;min-height:var(--sidebar-input-height)!important;padding:2px 12px!important;margin-bottom:3px!important;border-radius:var(--sidebar-input-radius)!important;background:var(--surface);border:1px solid var(--border);box-sizing:border-box;outline:none;transition:border .17s}.sidebar-extras input[type=text]:focus,.sidebar-extras input[type=number]:focus,.sidebar-extras input[type=email]:focus,.sidebar-extras select:focus{border:1.5px solid var(--accent);background:var(--bg)}.sidebar-extras .themed-select:focus{border:1.5px solid var(--accent)!important;background:var(--bg)!important}.sidebar-extras .css-1rhbuit-multiValue{font-size:.91rem!important;background:var(--sidebar-chip-bg)!important;color:var(--sidebar-chip-color)!important;padding:1px 6px!important;margin:1px 2px 1px 0!important;border-radius:8px!important;font-weight:500}.sidebar-extras input[type=radio],.sidebar-extras input[type=checkbox]{width:var(--sidebar-radio-size)!important;height:var(--sidebar-radio-size)!important;margin-right:5px!important;vertical-align:middle;accent-color:var(--accent)}.sidebar-extras .age-range-row,.sidebar-extras .filter-row{display:flex;gap:2.5px!important;margin-bottom:3px!important;align-items:center;background:var(--sidebar-header-bg);border-radius:8px;padding:2px 6px}.sidebar-extras input[type=number]{width:34px!important;font-size:var(--sidebar-input-font)!important;padding:1px 3px!important;border-radius:5px!important}.sidebar-extras>div,.sidebar-extras>label,.sidebar-extras>button,.sidebar-extras>.filter-row,.sidebar-extras>.age-range-row{margin-bottom:5px!important}.sidebar-extras .reset-filters-btn{background:var(--accent)!important;color:red!important;border:none!important;border-radius:14px!important;padding:3.5px 0!important;font-size:.92rem!important;margin-top:10px!important;cursor:pointer!important;font-weight:600;box-shadow:0 1px 2px #28505a0f;letter-spacing:.03em;transition:background .15s}.sidebar-extras select,.sidebar-extras .themed-select{min-width:0!important;width:100%!important;max-width:100%!important;margin-bottom:2.5px!important}@media (max-width: 600px){.sidebar,.sidebar-content{min-width:97vw!important;width:97vw!important;max-width:97vw!important;padding:.5rem!important}.sidebar-extras,.sidebar-actions{max-width:99vw!important;font-size:1rem!important;gap:.34rem!important}}.sidebar-page-content{display:flex;margin-left:260px;min-height:100vh;background-color:var(--bg)}.sidebar-page-content aside{width:250px;padding:1.5rem;border-right:1px solid var(--border);background-color:var(--surface)}.sidebar-page-content main{flex-grow:1;padding:2rem;max-width:1400px;margin:0 auto}.sidebar-extra-content{margin-top:2rem;padding:1rem;border-top:1px solid var(--border)}.hero{max-width:960px;margin:1rem auto;text-align:center}.hero h1{color:var(--danger)!important;font-family:Neuton,serif;font-size:3rem}.hero p{font-size:1.25rem;max-width:960px;margin:0 auto}.quote-bar{max-width:960px;margin:1rem auto;text-align:center;font-size:1rem;opacity:.8}.collage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:140px;gap:0;padding:70px 0 0;margin:10;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.collage-image{width:100%;height:140px;object-fit:cover;border-radius:0;box-shadow:none;transition:transform .3s ease;pointer-events:auto;opacity:0;transition:opacity .8s cubic-bezier(.47,1.64,.41,.8)}.collage-image.fade-in{opacity:1}.collage-image:hover{transform:scale(1.08) rotate(1deg);z-index:1}.home-content-wrapper{position:relative;z-index:10;text-align:center;padding:0 2rem;background:color-mix(in srgb,var(--surface) 90%,transparent);max-width:700px;margin:12.8rem auto;border-radius:12px;box-shadow:0 0 10px #0000001a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(12px)}.home-content-wrapper,.home-content-wrapper h1,.home-content-wrapper p,.home-content-wrapper .hero,.home-content-wrapper .quote-bar{color:var(--text);opacity:1}.home-background{flex:1;display:flex;flex-direction:column;position:relative;z-index:2}.collage-image{opacity:0;transition:opacity 1.1s cubic-bezier(.47,1.64,.41,.8)}.collage-image.fade-reset{opacity:.01;transition:none!important}.collage-image.fade-in{opacity:1;transition:opacity 3.1s cubic-bezier(.47,1.64,.41,.8)}.collage-image.twinkle-out{opacity:0}.dog-card{background-color:var(--surface);border-radius:1rem;overflow:hidden;box-shadow:0 4px 14px #0000000f;width:300px;transition:transform .2s ease;color:var(--text);cursor:pointer}.dog-card.vertical{display:flex;flex-direction:column;justify-content:space-between;height:580px}.dog-card:hover{transform:translateY(-6px)}.photo-box{width:100%;height:220px;overflow:hidden;position:relative;flex-shrink:0}.photo-box img{width:100%;height:100%;object-fit:cover;display:block}.dog-card-body{flex-grow:1;padding:.75rem 1rem .5rem;display:flex;flex-direction:column;justify-content:flex-start}.dog-name{font-size:1.1rem;font-weight:400;text-align:center;padding:.5rem 0 0}.ch-prefix{color:#ff537d!important;font-weight:700;margin-right:.25rem;letter-spacing:.03em}.title-suffix{color:#ff537d!important;font-weight:600;font-size:.9rem;margin-left:.5rem;text-transform:uppercase}.dog-meta-line{font-size:.95rem;color:var(--text);text-align:center;margin-top:.25rem;margin-bottom:.25rem}.dog-breed-line{font-size:.95rem;color:var(--text);text-align:center;margin-bottom:.25rem}.dog-about-snippet{text-align:center;padding:5px;font-size:.95rem;color:var(--text);line-height:1.4;height:auto;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-height:5.5rem}.dog-badges-row{display:flex;justify-content:center;gap:.3rem;font-size:1.1rem;margin-top:auto;margin-bottom:.4rem}.placeholder-text{color:var(--text-muted);font-style:normal}.call-name{font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-style:normal;font-weight:400;color:var(--text-muted);text-align:center;margin-bottom:0rem;letter-spacing:.03em}.premium-glow{border:1px solid #dd8819;box-shadow:0 0 14px 3px #ffd700b3;transition:box-shadow .3s ease,border .3s ease;border-radius:10px;will-change:transform,box-shadow;transform:translateZ(0)}.for-sale-badge{background-color:var(--danger-hover);color:#fff;padding:2px 6px;border-radius:4px;font-weight:700;font-size:.75rem;margin-right:6px}.doglist-container{display:flex;min-height:100vh;background-color:var(--bg);box-sizing:border-box;width:100%}.sidebar{width:250px;background-color:var(--surface);padding:1.2rem 1rem 1.2rem 1.3rem;box-sizing:border-box;flex-shrink:0}.sidebar label{display:flex;align-items:center;gap:.45rem;font-size:.89rem;margin-bottom:.21rem;color:var(--text)}.sidebar input[type=text],.sidebar select{width:100%;margin-bottom:.4rem;padding:.38rem .4rem;font-size:.91rem;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text);box-sizing:border-box}.sidebar .checkbox-group{margin-bottom:.33rem}.results-container{flex-grow:1;padding:2rem 1.5rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.dog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem 1.7rem;width:100%;max-width:1400px;box-sizing:border-box;justify-items:stretch}.dog-card-wrapper{padding:0;margin:0;box-sizing:border-box}.sidebar-extras{font-size:.92rem!important;min-width:200px!important;max-width:246px!important;padding:8px 6px 8px 3px!important;gap:.33rem!important}.sidebar-extras label,.sidebar-extras .filter-row label{font-size:.93rem!important;font-weight:600!important;margin-bottom:0!important;margin-top:0!important;color:var(--text)!important;line-height:1.2!important}.sidebar-extras .breed-multiselect,.sidebar-extras .themed-select,.sidebar-extras input[type=text],.sidebar-extras input[type=number],.sidebar-extras select,.sidebar-extras .css-13cymwt-control,.sidebar-extras .css-1dimb5e-singleValue,.sidebar-extras .css-1okebmr-indicatorSeparator,.sidebar-extras .css-t3ipsp-control{font-size:.92rem!important;min-height:26px!important;height:26px!important;padding:2px 6px!important;border-radius:4px!important;margin-bottom:3px!important;background:var(--surface)!important;border:1px solid var(--border)!important}.sidebar-extras .css-1rhbuit-multiValue{font-size:.9rem!important;padding:1px 5px!important;background:var(--surface)!important;color:var(--text)!important}.sidebar-extras input[type=radio],.sidebar-extras input[type=checkbox]{width:14px!important;height:14px!important;margin-right:4px!important;accent-color:var(--accent)!important}.sidebar-extras .reset-filters-btn{background:var(--accent)!important;color:#fff!important;border:none!important;border-radius:5px!important;padding:5px 0!important;font-size:.94rem!important;margin-top:9px!important;cursor:pointer!important;transition:background .15s}.sidebar-extras .reset-filters-btn:hover{background:var(--accent-hover)!important}.sidebar-extras .filter-row,.sidebar-extras .age-range-row{display:flex!important;align-items:center!important;gap:6px!important}.sidebar-extras input[type=number]{width:38px!important;padding:1px 4px!important;border-radius:4px!important}.sidebar-extras .css-1pahdxg-control,.sidebar-extras .css-12jo7m5,.sidebar-extras .css-1s2u09g-control{min-height:26px!important}.sidebar-extras{scrollbar-width:thin!important;scrollbar-color:var(--border) var(--surface)!important}.sidebar-extras::-webkit-scrollbar{width:8px!important;background:var(--surface)!important}.sidebar-extras::-webkit-scrollbar-thumb{background:var(--border)!important;border-radius:4px!important}.sidebar-extras input,.sidebar-extras select,.sidebar-extras .breed-multiselect{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;transition:border-color .15s}.sidebar-extras input:focus,.sidebar-extras select:focus{outline:none;border-color:var(--accent)!important}.public-page{max-width:1000px;margin:3rem auto;padding:2rem;background-color:var(--card-bg);color:var(--text);font-size:1rem;line-height:1.8}.public-page h1{font-size:2.25rem;margin-bottom:1rem;color:var(--heading)}.public-page h2{font-size:1.5rem;margin-top:2rem;margin-bottom:.5rem;color:var(--subheading)}.public-page ul{padding-left:1.25rem;margin-top:1rem;list-style:disc}.public-page p{margin-bottom:1rem;max-width:80ch}.public-page a{color:var(--link);text-decoration:underline}.public-page a:hover{text-decoration:none;color:var(--link-hover)}.public-table{width:100%;max-width:700px;border-collapse:collapse;margin:1rem 0;font-size:.95rem;background-color:#fff;border:1px solid #ccc;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.public-table thead{background-color:#f4f6f8;font-weight:700;text-align:left}.public-table th,.public-table td{padding:.75rem 1rem;border-bottom:1px solid #e0e0e0}.public-table tbody tr:last-child td{border-bottom:none}.public-table td:first-child{font-weight:600}.auth-container{max-width:600px;margin:2rem auto;padding:1.5rem;background:var(--surface);box-shadow:0 4px 12px #0000000f;border-radius:1rem;text-align:center;color:var(--text)}.auth-form{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.auth-form label{display:flex;flex-direction:column;font-weight:600;text-align:left;color:var(--text)}.auth-form input{padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;background:var(--bg);color:var(--text)}.auth-form input::placeholder{color:var(--text-muted)}.name-row{display:flex;gap:1rem}.name-row label{flex:1;display:flex;flex-direction:column}.auth-error{color:var(--danger);margin-top:1rem;font-weight:500}.auth-toggle{margin-top:1.5rem}.dash-layout{display:flex;min-height:100vh;background-color:var(--bg)}.dash-content{flex-grow:1;padding:2rem;color:var(--text)}.dash-tabs{display:flex;gap:.75rem;margin-bottom:1.5rem}.dash-tab-content{background:transparent;padding:1rem;border-radius:10px}.dash-sidebar-actions{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.dash-muted-text{font-size:.9rem;color:var(--text-muted);line-height:1.4}.dash-card{background:var(--surface);padding:1.5rem;border-radius:10px;box-shadow:0 1px 4px #0000000a;color:var(--text)}.dash-card h3{margin-bottom:1rem;color:var(--text)}.dash-card form label{font-weight:500;margin-top:1rem;display:block;font-size:.95rem}.dash-card form input,.dash-card form textarea{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:.95rem;margin-top:.3rem;background-color:var(--surface);color:var(--text)}.dash-card form .char-count{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.dash-dog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.5rem 2.5rem;max-width:1400px;margin:0 auto;align-items:start}.messages-page{display:flex;height:calc(100vh - 1rem)}.inbox-column{width:280px;background-color:var(--nav);display:flex;flex-direction:column;padding:1rem;height:100%;border-bottom-right-radius:200px!important;z-index:3!important}.chat-column{display:flex;flex-direction:column;height:100%;background-color:var(--bg);position:relative}.message-thread-wrapper{display:flex;flex-direction:column;height:100%;max-height:100vh;position:relative}.thread-header{padding:1rem;font-size:1.1rem;font-weight:700;background:var(--surface);border-bottom:1px solid var(--border);color:var(--text)}.messages-thread{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message-bubble{max-width:70%;padding:.75rem 1rem;border-radius:12px;background-color:var(--surface);color:var(--text);box-shadow:0 2px 4px #00000014}.message-bubble.sent{align-self:flex-end;background-color:var(--accent);color:#fff}.message-bubble.received{align-self:flex-start}.message-text{white-space:pre-wrap;word-break:break-word}.message-time{margin-top:.3rem;font-size:.75rem;color:var(--text-muted);text-align:right}.message-image{margin-top:.5rem;max-width:100%;border-radius:6px}.message-input{display:flex;align-items:center;padding:.75rem;gap:.5rem;background:var(--surface);border-top:1px solid var(--border);justify-content:center}.message-input input[type=text]{flex:1;padding:.6rem .75rem;font-size:1rem;border:1px solid var(--border);border-radius:6px;background-color:var(--bg);color:var(--text);outline:none}.message-input input::placeholder{color:var(--text-muted)}.message-input button{padding:.6rem 1rem;background-color:var(--accent);color:#fff;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.message-input button:hover:not(:disabled){background-color:var(--accent-hover)}.message-input button:disabled{opacity:.5;cursor:not-allowed}.message-input input[type=file]{display:none}.conversation-filter{width:100%;margin:.75rem 0;padding:.4rem;border-radius:6px;font-size:.95rem;background:var(--surface);border:1px solid var(--border);color:var(--text)}.conversation-list{display:flex;flex-direction:column;gap:.5rem}.conversation-item{display:flex;align-items:center;padding:.6rem;border-radius:8px;cursor:pointer;transition:background .2s ease;color:var(--text);background:var(--bg)}.conversation-item:hover{background-color:var(--border)}.conversation-item.active{background-color:var(--accent);color:#fff}.inbox-avatar{width:36px;height:36px;object-fit:cover;border-radius:50%;margin-right:.6rem}.partner-name{font-weight:500;font-size:1rem;flex-grow:1}.unread-badge{background-color:#ff537d;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:999px}.archive-button{background:transparent;border:none;font-size:1rem;cursor:pointer;color:var(--text-muted);margin-left:.5rem}.archive-button:hover{color:var(--accent)}.compose-search{width:100%;padding:.6rem .75rem;font-size:.95rem;border-radius:6px;border:1px solid var(--border);background-color:var(--bg);color:var(--text);outline:none;margin-bottom:.5rem;transition:border-color .2s ease,background-color .2s ease}.compose-search::placeholder{color:var(--text-muted);opacity:.8}.compose-search:focus{background-color:var(--surface);border-color:var(--accent)}.chat-input-form input[type=text]{flex:1;padding:.5rem 40rem;gap:1rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;background-color:var(--bg);color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:inset 0 1px 2px #0000000d}.chat-input-form input[type=text]:focus{border-color:var(--accent);background-color:var(--surface);box-shadow:0 0 0 .1px var(--accent-hover)}.chat-input-form input[type=text]::placeholder{color:var(--text-muted);opacity:.8}.chat-thread-container{display:flex;flex-direction:column;height:100%}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.message-text{flex:1;word-break:break-word}.message-time{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.settings-columns{display:flex;gap:2rem;padding-top:1rem;flex-wrap:wrap}.settings-panel{flex:4;min-width:300px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px #0000000d}.settings-panel h2{font-size:1.4rem;margin-bottom:1rem;color:var(--text)}.form-grid{display:flex;flex-direction:column;gap:.75rem}.form-row-inline{display:flex;flex-direction:column}.form-row-inline label{font-weight:500;margin-bottom:.25rem;color:var(--text-muted)}.form-row-inline input{padding:.5rem .75rem;background-color:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.95rem}.button-group{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.save-button,.secondary-button,.danger-button{padding:.5rem 1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;transition:background-color .2s ease}.save-button{background-color:var(--accent);color:#fff}.save-button:hover{background-color:var(--accent-hover)}.secondary-button{background-color:var(--surface);color:var(--text);border:1px solid var(--border)}.secondary-button:hover{background-color:var(--bg)}.danger-button{background-color:var(--danger);color:#fff}.danger-button:hover{background-color:var(--danger-hover)}.login-activity-panel{flex:1;min-width:40rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px #0000000d}.login-activity-panel h3{font-size:1.2rem;margin-bottom:.75rem}.login-activity-panel table{width:100%;border-collapse:collapse;font-size:.9rem}.login-activity-panel th,.login-activity-panel td{padding:.4rem .6rem;border-bottom:1px solid var(--border);text-align:left;color:var(--text)}.login-activity-panel th{color:var(--text-muted);font-weight:600}.pagination{margin-top:1rem;display:flex;align-items:center;gap:1rem;font-size:.9rem}.pagination button{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:10px;max-width:500px;width:90%;text-align:center;box-shadow:0 0 10px #00000040}.modal-content input{width:100%;padding:.5rem;margin-top:.75rem}.modal-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.membership-upgrade-box{background:var(--surface);padding:1rem;border-radius:8px;margin-top:1rem;border:1px solid var(--border)}.membership-banner{background:#ddf7dd;padding:1rem;border-radius:8px;border:1px solid #9be29b;color:#246b24}.membership-shortcut{padding:.5rem 0;font-weight:700}.membership-shortcut a{text-decoration:none;color:var(--accent)}.userprofile-container{max-width:1300px;margin:1.5rem auto;padding:2rem 3rem;background-color:var(--surface);border-radius:12px;box-shadow:var(--shadow)}.title-area{text-align:center;margin-bottom:2rem}.title-area h1{font-size:2.4rem;font-weight:700;margin:0}.subtitle{font-size:1.2rem;color:var(--text-muted);margin-top:.4rem}.profile-section{margin-bottom:2.5rem}.about-box{background-color:var(--surface-alt);padding:1.2rem;border-radius:10px;white-space:pre-wrap;min-height:80px;font-size:1rem}.breed-list{background-color:var(--surface-alt);padding:.8rem 1rem;border-radius:8px;font-size:1rem}.dog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.sidebar-box h3{font-size:1.2rem;margin-bottom:.5rem}.owner-info{font-weight:600;font-size:1.1rem}.message-button{width:100%;padding:.6rem 1rem;font-size:1rem;background-color:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer}.message-button:hover{background-color:var(--accent-hover)}.dog-grid{display:flex;flex-wrap:wrap;gap:0rem;justify-content:center}.dog-grid .dog-card{transform:scale(.9);transform-origin:top center;margin:0}:root{--sidebar-padding: .9rem;--sidebar-width: 310px;--sidebar-radius: 0 .7rem .7rem 0;--sidebar-font-size: .89rem;--sidebar-label-font: 600;--sidebar-input-height: 22px;--sidebar-input-font: .89rem;--sidebar-input-radius: 12px;--sidebar-content-gap: .19rem;--sidebar-max-form-width: 190px;--sidebar-radio-size: 14px;--sidebar-chip-bg: #e8edeb;--sidebar-chip-color: #294140;--sidebar-muted: #647371;--sidebar-header-bg: #f6f8f8}.admin-container{padding:1rem 2rem;background-color:var(--bg);min-height:100vh;width:100%;max-width:100%;box-sizing:border-box}.admin-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-tabs button{background:var(--surface);border:1px solid var(--border);padding:.5rem 1rem;font-weight:600;cursor:pointer;border-radius:5px;color:var(--text);transition:background .2s}.admin-tabs button:hover{background-color:var(--border)}.admin-tabs .active{background-color:var(--accent);color:#fff}.search-bar{width:100%;padding:.5rem 1rem;font-size:1rem;border:1px solid var(--border);border-radius:6px;margin-bottom:1rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;width:100%}.admin-card{background-color:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 6px #00000008;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.admin-card .card-header{font-weight:700;font-size:1rem;background-color:var(--nav);padding:.75rem 1rem;border-bottom:1px solid var(--border);word-break:break-word}.admin-card .card-body{padding:1rem;font-size:.95rem;display:flex;flex-direction:column;gap:.5rem}.admin-card.admin .card-header{background-color:#ff537d;color:#fff}.admin-card.premium .card-header{background-color:#dd8819;color:#fff}.admin-card.warning{border-left:4px solid var(--warning)}.button-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.button-row button{flex:1 1 auto;padding:.4rem .6rem;font-size:.85rem;border:none;border-radius:4px;cursor:pointer;background-color:var(--accent);color:#fff;transition:background-color .2s ease}.button-row button:hover{background-color:var(--accent-hover)}.button-row button.red{background-color:var(--danger)}.button-row button.red:hover{background-color:var(--danger-hover)}.button-row button.toggle-visibility{background-color:var(--warning);color:var(--text)}.button-row button.toggle-visibility:hover{background-color:var(--warning-hover)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:.95rem;margin-bottom:2rem}.pagination button{background-color:var(--surface);border:1px solid var(--border);padding:.3rem .8rem;border-radius:5px;cursor:pointer;color:var(--text)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-bottom:2rem}.summary-section h3{font-size:1.1rem;margin-bottom:.5rem}.summary-section ul{list-style:disc;padding-left:1.2rem}.alert-dot{margin-left:.5rem}.admin-charts-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly;margin-top:2rem}.chart-box{flex:1 1 300px;max-width:400px;background-color:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;box-shadow:0 2px 6px #0000000d}.bulk-bar{background-color:var(--nav);border:1px solid var(--border);padding:.75rem 1rem;margin-bottom:1rem;border-radius:6px;display:flex;align-items:center;justify-content:flex-start;gap:1rem;font-weight:500;color:var(--text)}.bulk-bar button{background-color:var(--accent);color:#fff;border:none;padding:.4rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .2s}.bulk-bar button:hover{background-color:var(--accent-hover)}.admin-card{position:relative}.admin-select{position:absolute;top:10px;left:10px;transform:scale(1.3);cursor:pointer;z-index:2}.messages-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:2rem}.messages-table th,.messages-table td{padding:.5rem;border:1px solid var(--border);text-align:left;vertical-align:top}.messages-table th{background-color:var(--nav);color:var(--text);font-weight:600}.messages-table tr:nth-child(2n){background-color:var(--surface)}.messages-table tr:nth-child(odd){background-color:var(--bg)}.messages-table td.actions{white-space:nowrap}.messages-table .reported{background-color:#fff2f2}.messages-table button{margin-right:.4rem;font-size:.75rem;padding:.3rem .6rem;border-radius:4px;border:none;cursor:pointer}.messages-table button.resolve{background-color:var(--accent);color:#fff}.messages-table button.delete{background-color:var(--danger);color:#fff}.messages-table button:hover{opacity:.9}.messages-wrapper{width:100%;overflow-x:auto}.admin-messages{width:100%}.admin-card.full-width{width:100%;max-width:100%}.message-wrapper{width:100%;display:flex;flex-direction:column;gap:1.5rem}.message-header{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;padding:.5rem 1rem;background-color:var(--nav);border-radius:6px;border:1px solid var(--border);margin-bottom:1rem}.message-box{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1rem;box-shadow:0 1px 3px #0000000a}.message-box.reported{border-left:5px solid var(--danger)}.message-meta{font-weight:600;margin-bottom:.5rem}.timestamp{font-weight:400;margin-left:.5rem;color:var(--muted)}.message-content{white-space:pre-wrap;margin-bottom:.5rem}.message-report{font-style:italic;color:var(--danger);margin-bottom:.5rem}.message-table th.sender,.message-table td.sender{width:28%}.message-table th.timestamp,.message-table td.timestamp{width:10%}.message-table th.content,.message-table td.content{width:34%}.message-table th.report,.message-table td.report{width:16.4%}.message-table th.actions,.message-table td.actions{width:6%;text-align:right;white-space:nowrap}.message-table tbody tr{border:1px solid var(--border);border-radius:6px;margin-bottom:.5rem;background-color:var(--surface);box-shadow:0 1px 2px #0000000d}.message-table tbody tr td{border:none;padding:.75rem .5rem}.message-table tbody tr+tr{margin-top:.5rem}.card-header.flex-between{display:flex;justify-content:space-between;align-items:center}html,body,#root{height:100%;margin:0;padding:0;font-family:Inter,Barlow,system-ui,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background-color:var(--bg);color:var(--text);font-family:Inter,Barlow,system-ui,sans-serif;line-height:1.6}.char-count{font-size:.75rem;color:var(--text-muted);text-align:right;margin-top:.25rem}.message-logs-container{padding:2rem;background-color:var(--bg);min-height:80vh}.message-logs-header{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text);display:flex;align-items:center;justify-content:space-between}.message-logs-toggle{margin-bottom:1rem;font-size:.95rem;color:var(--text-muted)}.message-logs-table{width:100%;border-collapse:collapse;background-color:var(--surface);border:1px solid var(--border);box-shadow:0 0 6px #0000000d;font-size:.95rem}.message-logs-table th,.message-logs-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);text-align:left}.message-logs-table th{background-color:var(--bg);font-weight:700;color:var(--text)}.message-logs-table td{color:var(--text)}.message-logs-table tr:nth-child(2n){background-color:var(--bg)}.message-logs-table .reported{background-color:#fca5a533;color:var(--danger);font-weight:700}.message-logs-footer{margin-top:2rem;font-size:.8rem;color:var(--text-muted);text-align:center}.message-input-bar{display:flex;gap:.5rem;align-items:center;background:var(--surface);padding:.75rem;border:1px solid var(--border);border-radius:8px;color:var(--bg);margin-top:1rem;justify-content:center}.message-input-bar input::placeholder{color:var(--text-muted)}.message-input-bar button{padding:.6rem 1rem;background-color:var(--accent);color:#fff!important;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.message-input-bar button:hover:not(:disabled){background-color:var(--accent-hover)}.message-input-bar button:disabled{opacity:.5;cursor:not-allowed}.no-conversation{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-muted);text-align:center;padding:2rem;background-color:var(--bg)}.dogform-container{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin:1.5rem auto 18rem 4rem;padding:2rem;background-color:var(--surface);border-radius:12px;box-shadow:var(--shadow);color:var(--text);max-width:100%}.dogform-left{gap:3rem;padding:1.5rem;background-color:var(--surface-alt);border-radius:12px;box-shadow:var(--shadow)}.dogform-right{gap:2rem}.dogform-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}.dogform-row,.dogform-row-inline{margin-bottom:1rem}.dogform-row-inline{display:flex;align-items:center;gap:.75rem}.dogform-row-inline label{min-width:100px;font-weight:700;font-size:.95rem;color:var(--text)}.dogform-row-inline input,.dogform-row-inline select,.dogform-row-inline textarea{padding:.4rem .6rem;font-size:1rem;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);color:var(--text);flex:1}.dogform-row textarea{min-height:100px;resize:vertical}.dogform-note{font-size:.85rem;color:var(--muted);margin-top:.4rem}.dogform-photo-box{padding:1rem;border:1px solid var(--border);border-radius:10px;background-color:var(--surface-alt)}.dogform-photo-box h4,.dogform-card h4{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;margin-top:.5rem;color:var(--text)}.dogform-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.dogform-card{background:var(--surface);padding:1rem;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm);max-width:700px}@media (max-width: 768px){.dogform-row-inline{flex-direction:column;align-items:flex-start}.dogform-row-inline input,.dogform-row-inline select{width:100%}}.dogform-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.95rem;background:#fff;border:1px solid #ccc;border-radius:6px;overflow:hidden}.dogform-table th,.dogform-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee}.dogform-table th{background-color:#f0f4f7;color:#333;font-weight:600;text-transform:uppercase;font-size:.75rem}.dogform-table tbody tr:hover{background-color:#f9fbfc}.dogform-table td{color:#444;vertical-align:top}.search-dropdown{position:absolute;background:#fff;border:1px solid #ccc;z-index:10;max-height:150px;overflow-y:auto;width:100%;padding:0;list-style:none}.search-dropdown li{padding:8px;cursor:pointer}.search-dropdown li:hover{background-color:#f2f2f2}.dogrecord-container{max-width:1400px;margin:2rem auto;padding:2rem 3rem;background-color:var(--surface);border-radius:12px;box-shadow:var(--shadow)}.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.record-row{display:flex;flex-direction:column}.record-row label{font-weight:600;margin-bottom:.4rem;color:var(--text)}.record-row input,.record-row select,.record-row textarea{padding:.5rem .8rem;border:1px solid var(--border);border-radius:6px;background-color:var(--input-bg);font-size:1rem}.record-actions{margin-top:2rem;text-align:right}.record-actions button{padding:.75rem 1.5rem;background-color:var(--accent);color:#fff;font-weight:600;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;transition:background-color .3s ease}.record-actions button:hover{background-color:var(--accent-hover)}.search-dropdown{margin-top:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;max-height:200px;overflow-y:auto;padding:0;list-style:none;z-index:10;position:absolute}.search-dropdown li{padding:.4rem .8rem;cursor:pointer}.search-dropdown li:hover{background:var(--surface-alt)}.search-block{display:flex;flex-direction:column;gap:.3rem;width:400px;max-width:100%}.dogform-row-inline input[type=text]{max-width:400px}.search-container{position:relative;width:100%;max-width:400px}.search-container input[type=text],.search-container .search-dropdown{width:100%;max-width:400px}.gallery-container{width:100%;padding:1rem;display:flex;justify-content:flex-end}.profile-right.wide-right{flex:1.8;display:flex;flex-direction:column;align-items:flex-end}.main-photo-container{width:auto;max-width:100%;height:auto;border-radius:12px;object-fit:cover;box-shadow:var(--shadow);display:flex;justify-content:flex-end}.main-photo{width:500px;height:auto;border-radius:12px;object-fit:cover;box-shadow:var(--shadow)}.upload-controls{text-align:center;margin-bottom:1.5rem}.upload-label{display:inline-block;background-color:var(--accent);color:#fff;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:1rem}.upload-label:hover{background-color:var(--accent-hover)}.thumbnails-container{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-start;padding:.2rem}.thumbnail-box{flex:0 0 calc(20% - .8rem);max-width:calc(20% - .8rem);position:relative}.thumbnail{width:50%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;border:1px solid transparent;cursor:pointer;background-color:var(--surface-alt)}.thumbnail.selected{border-color:var(--accent)}.delete-btn{position:absolute;top:5px;right:5px;background-color:#dc3545d9;border:none;color:#fff;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:1rem}.delete-btn:hover{background-color:#b40000d9}.thumbnails-container{display:flex;flex-wrap:wrap;gap:12px;width:50%;height:50%}.thumbnail-box{width:50%;height:50%;position:relative;display:inline-block;overflow:hidden;border-radius:8px;background:#333a37;vertical-align:top;margin:0;padding:0}.thumbnail{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block;background:#222;box-shadow:0 2px 4px #00000014}.delete-btn{position:absolute;top:6px;right:6px;background:#ed5d5d;border:none;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000029;cursor:pointer;font-size:18px;opacity:.92;transition:opacity .2s,background .2s;z-index:1}.delete-btn:hover{background:#c03030;opacity:1}.pedigree-wrapper{width:100%;overflow-x:auto;padding:.5rem 0}.pedigree-grid{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));grid-template-rows:repeat(16,auto);gap:.75rem;justify-items:start;align-items:center;position:relative}.pedigree-box{display:flex;align-items:center;border:1px solid var(--border);background:var(--surface);border-radius:6px;width:100%;max-width:280px;padding:.75rem 1rem;font-size:.85rem;color:var(--text);box-shadow:1px 1px 3px #0000000d;transition:box-shadow .2s ease}.pedigree-box:hover{box-shadow:0 0 4px #0000001a}.pedigree-thumb{width:50px;height:50px;object-fit:cover;border-radius:4px;margin-right:.75rem}.pedigree-text{display:flex;flex-direction:column;justify-content:center;line-height:1.2}.pedigree-name{font-weight:700;font-size:.9rem;color:var(--text);margin:0}.pedigree-details{color:var(--text-muted);font-size:.75rem;margin-top:.15rem}.pedigree-box input[type=text]{margin-left:auto;font-size:.8rem;border:1px solid var(--border);border-radius:4px;padding:.2rem .4rem;background:var(--surface);color:var(--text)}.unknown{font-style:italic;color:var(--text-muted)}.clickable{cursor:pointer}.gen.self{grid-column:1;grid-row:9}.gen.sire{grid-column:2;grid-row:5}.gen.dam{grid-column:2;grid-row:13}.gen.ss{grid-column:3;grid-row:3}.gen.sd{grid-column:3;grid-row:7}.gen.ds{grid-column:3;grid-row:11}.gen.dd{grid-column:3;grid-row:15}.gen.sss{grid-column:4;grid-row:2}.gen.ssd{grid-column:4;grid-row:4}.gen.sds{grid-column:4;grid-row:6}.gen.sdd{grid-column:4;grid-row:8}.gen.dss{grid-column:4;grid-row:10}.gen.dsd{grid-column:4;grid-row:12}.gen.dds{grid-column:4;grid-row:14}.gen.ddd{grid-column:4;grid-row:16}.title-area{text-align:center;margin-bottom:1.5rem}.title-area h1{font-size:2.2rem;font-weight:700;margin:0}.subtitle{font-size:1.2rem;color:var(--text-muted);margin-top:.3rem}.profile-section{margin:2.5rem 0;display:flex;gap:3rem;align-items:flex-start}.profile-left{max-width:60%;min-width:0}.profile-right{flex:0 0 50%;max-width:50%;min-width:0;display:flex;flex-direction:column;align-items:flex-end}.profile-section h3{font-size:1.4rem;margin-bottom:1rem;font-weight:600;color:var(--text)}.about-box{background-color:var(--surface-alt);padding:1rem;border-radius:8px;font-size:1rem;white-space:pre-wrap;min-height:80px;margin-left:-2rem}.profile-section ul{list-style:disc;padding-left:1.5rem}.litter-button{margin-top:1rem;background-color:var(--accent);color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer;font-size:1rem}.litter-button:hover{background-color:var(--accent-hover)}.sidebar-box{background-color:var(--surface-alt);padding:1rem;margin-bottom:1.5rem;border-radius:8px;box-shadow:var(--shadow)}.sidebar-box h3{margin-top:0;font-size:1.2rem;margin-bottom:.8rem}.owner-link{font-weight:600;color:var(--accent);text-decoration:none}.owner-link:hover{text-decoration:underline}.sidebar-box button,.sidebar-box .message-button{display:block;width:100%;margin-bottom:.5rem}.dog-grid-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;justify-items:center}.health-tests-table{width:100%!important;border-collapse:collapse!important;margin-top:1rem!important;font-size:.95rem;table-layout:auto}.health-tests-table th,.health-tests-table td{border:1px solid var(--border);padding:.5rem .75rem;text-align:left}.health-tests-table th{background-color:var(--surface-alt);color:var(--text)}.health-tests-table tr:nth-child(2n){background-color:var(--surface)}.health-tests-table a{color:var(--accent);text-decoration:underline}.health-tests-table a:hover{color:var(--accent-hover)}.search-block{display:flex;flex-direction:column;gap:.3rem;width:300px;max-width:100%}.pedigree-full-section{width:100%;max-width:100%;margin-top:2rem;padding-inline:1rem}.pedigree-wrapper-adjusted{overflow-x:auto;padding:1rem;background-color:var(--surface);border-radius:8px}.pedigree-box input{width:100%;min-width:220px}.for-sale-banner{margin-top:.5rem;display:inline-block;background-color:var(--danger-hover);color:#fff;font-weight:700;font-size:.9rem;padding:6px 12px;border-radius:4px}.genotype-container{background:var(--surface);padding:1rem;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 4px #0000000d;color:var(--text)}.genotype-container h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center;color:var(--text)}.genotype-grid{display:flex;gap:1rem;justify-content:space-between}.genotype-column{flex:1;display:flex;flex-direction:column;gap:.5rem}.locus-row{display:flex;align-items:center;gap:.5rem}.locus-row strong{width:1.5rem;text-align:center;color:var(--text)}.locus-row select{width:60px!important;min-width:60px!important;max-width:60px!important;box-sizing:border-box}.phenotype{margin-top:1rem;font-size:.95rem;text-align:center;border:1px solid var(--border);padding:.5rem;border-radius:6px;background:var(--bg);color:var(--text)}.phenotype-output{margin-top:1rem}.phenotype-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.phenotype-tag{background:var(--border);padding:4px 8px;border-radius:6px;font-size:.9rem;border:1px solid var(--border);color:var(--text);cursor:help}.about-genotype-wrap{display:flex;flex-direction:row;gap:1rem;margin-top:1rem;align-items:flex-start;flex-wrap:nowrap}.genotype-box{flex:1;min-width:250px;max-width:300px}.genotype-box .expander-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem 1rem}.about-box{flex:2;min-width:300px;max-width:900px;margin-left:12rem!important}.about-box textarea{width:100%;resize:vertical}.allele-wrap{width:60px;overflow:hidden}.allele-select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:.9rem;padding:.3rem;border:1px solid var(--border);border-radius:6px;background-color:var(--surface);color:var(--text);box-sizing:border-box}.records-container{padding:2rem;margin-left:50px}.records-grid{display:grid;grid-template-columns:40px repeat(13,minmax(100px,1fr));gap:.25rem;align-items:start;font-size:.9rem}.records-header{display:contents;font-weight:700;text-align:center;background-color:var(--surface-alt)}.records-row{display:contents}.records-row>div{padding:.25rem;border-bottom:1px solid var(--border);text-align:center}.records-row input[type=text],.records-row input[type=date],.records-row select{width:100%;padding:.2rem;font-size:.9rem;box-sizing:border-box}.records-row input[type=checkbox]{transform:scale(1.2)}.records-expander{grid-column:1 / -1;padding:1rem;background-color:var(--surface);border-left:4px solid var(--accent);margin-bottom:.5rem;font-size:.9rem}.genotype-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem;margin-top:.5rem}.locus-block{display:flex;flex-direction:column;align-items:center;background-color:var(--surface-alt);padding:.3rem;border-radius:8px;box-shadow:var(--shadow)}.locus-block select{margin:.1rem 0;width:100%}.spreadsheet-grid{display:flex;flex-direction:column;overflow-x:auto;width:100%}.header-row,.spreadsheet-row{display:grid;grid-template-columns:50px repeat(19,minmax(150px,1fr));gap:.2rem;align-items:center}.header-row{font-weight:700;background-color:var(--surface-alt);padding:.5rem 0}.spreadsheet-row>div{padding:.2rem}.spreadsheet-row input,.spreadsheet-row select{width:100%;padding:.2rem;font-size:.9rem}.compact-grid{display:grid;grid-template-columns:70px 120px 80px 350px 100px 180px 140px 120px 120px 50px 100px;gap:5px;align-items:center}.compact-header,.compact-row{display:contents}.compact-row>div{padding:0;width:100%;box-sizing:border-box}.compact-row input,.compact-row select{width:100%;box-sizing:border-box;padding:4px;font-size:.9rem}.detail-expander{grid-column:1 / -1;width:100%;max-width:100%;margin:.5rem 0;padding:.8rem 1.2rem;background-color:var(--surface);border-left:3px solid var(--accent);border-radius:8px;box-sizing:border-box}.expander-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem 1rem;margin-top:.5rem}.expander-grid label input[type=text]{width:100%}.embedded-health-tests{margin-top:1.5rem;padding:1rem;background-color:var(--surface-alt);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.embedded-health-tests table{width:100%;border-collapse:collapse;margin-bottom:1rem}.embedded-health-tests th,.embedded-health-tests td{padding:.5rem;border:1px solid var(--border);text-align:left;font-size:.9rem}.embedded-health-tests h3{margin-top:0;font-size:1.2rem;margin-bottom:.5rem}.add-health-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.add-health-form input,.add-health-form select{padding:.4rem;font-size:.9rem;border:1px solid var(--border);border-radius:4px}.add-health-form button{grid-column:span 2;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.focused-row{outline:2px solid var(--accent);background-color:#e0f7fa;scroll-margin-top:5rem}.allele-wrap{width:60px}.allele-select{width:100%;padding:.3rem;font-size:.9rem;border:1px solid var(--border);border-radius:6px;background-color:var(--surface);color:var(--text)}.switch{position:relative;display:inline-block;width:38px;height:22px;vertical-align:middle}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border);transition:.3s;border-radius:22px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background:var(--accent);transition:.3s;border-radius:50%}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(16px);background:var(--accent-hover)}.compact-row input,.compact-row select{width:100%;box-sizing:border-box;padding:4px 8px;border:1.5px solid var(--border, #bedde1);border-radius:5px;background:var(--surface, #eaf7f6);color:var(--text, #12343b);font-size:.97rem;transition:border-color .15s,background .15s}.compact-row input:focus,.compact-row select:focus{outline:none;border-color:var(--accent, #007c91);background:var(--bg, #d9e6e5)}.compact-row input::placeholder{color:var(--text-muted, #5c7b7f);opacity:1}.records-pages{margin-bottom:1.25rem}.records-pages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.records-pages-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.records-page-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .6rem;border:1px solid var(--border, #dee2e6);border-radius:6px;cursor:pointer;background:var(--surface, #fff)}.records-page-row.active{outline:2px solid var(--accent, #007bff)}.records-page-main{display:flex;align-items:center;gap:.5rem;min-width:0}.records-page-name{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.records-page-count{margin-left:auto;font-size:.85rem;opacity:.8}.records-page-count.full{font-weight:600}.records-page-actions{display:flex;gap:.35rem}.records-page-actions button{font-size:.9rem;padding:.2rem .4rem}.records-pages-hint{font-size:.85rem;color:var(--text-muted,#6c757d);margin-top:.5rem}