:root{--color-primary:#2a7d6e;--color-primary-light:#e8f4f1;--color-primary-dark:#1e5c51;--color-star:#d4a024;--color-star-hover:#e8b43a;--color-star-inactive:#d1d5db;--color-success:#2a7d6e;--bg-page:#f7f8f9;--bg-card:#fff;--bg-input:#f9fafb;--bg-hover:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#fff;--border-color:#e5e7eb;--border-focus:#2a7d6e;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.06);--shadow-lg:0 8px 24px rgba(0,0,0,.08);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--transition:0.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.5;min-height:100vh}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:440px;margin:0 auto;padding:var(--space-5);flex:1 1}.header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-6)}.header-logo{font-size:24px;line-height:1}.header-logo-img{border-radius:var(--radius-sm)}.header-text{flex:1 1}.header-title{font-size:17px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.header-subtitle{font-size:13px;color:var(--text-tertiary);margin-top:2px}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.card+.card{margin-top:var(--space-4)}.card-body{padding:var(--space-5)}.visit-card{background:var(--color-primary-light);border-color:transparent}.visit-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.visit-paw{font-size:16px}.visit-paw-img{opacity:.7}.visit-patient{font-size:16px;font-weight:600;color:var(--color-primary-dark)}.visit-treatment{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-1)}.visit-date{font-size:13px;color:var(--text-tertiary)}.section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.peeking-cat-container{position:absolute;left:0;top:0;bottom:0;width:70px;overflow:hidden;z-index:1;pointer-events:none;display:flex;align-items:center}.peeking-cat-img{position:absolute;left:-17px;width:85px;height:85px;object-fit:contain}@keyframes catPeek{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.peeking-cat-img{animation:catPeek .4s ease forwards}.rating-section{text-align:center;padding:var(--space-4) 0}.rating-question{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-5)}.stars{display:flex;justify-content:center;gap:var(--space-2)}.star-btn{background:none;border:none;padding:var(--space-2);cursor:pointer;transition:transform var(--transition);-webkit-tap-highlight-color:transparent}.star-btn:hover{transform:scale(1.1)}.star-btn:active{transform:scale(.95)}.star-icon{width:40px;height:40px;transition:all var(--transition)}.star-icon path{fill:var(--color-star-inactive);transition:fill var(--transition)}.star-btn.active .star-icon path,.star-btn:hover .star-icon path{fill:var(--color-star)}.star-btn.active .star-icon{filter:drop-shadow(0 2px 4px rgba(212,160,36,.3))}.rating-label{font-size:14px;color:var(--text-tertiary);margin-top:var(--space-4);min-height:21px}.rating-label.has-rating{color:var(--text-secondary);font-weight:500}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.form-textarea{width:100%;min-height:100px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);font-family:inherit;font-size:16px;line-height:1.5;resize:vertical;transition:all var(--transition)}.form-textarea:focus{outline:none;border-color:var(--border-focus);background:var(--bg-card);box-shadow:0 0 0 3px rgba(42,125,110,.1)}.form-textarea::placeholder{color:var(--text-tertiary)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-input);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.toggle-label{font-size:15px;color:var(--text-secondary)}.toggle-hint{font-size:12px;color:var(--text-tertiary);margin-top:2px}.toggle-switch{position:relative;width:48px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border-color);border-radius:28px}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition)}.toggle-slider:before{content:"";width:22px;height:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-4) var(--space-6);font-family:inherit;font-size:16px;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover)}.btn-google{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);gap:var(--space-2)}.btn-google:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.btn-google svg{width:18px;height:18px}.google-prompt{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-input);border-radius:var(--radius-md);margin-top:var(--space-5);text-decoration:none;transition:all var(--transition)}.google-prompt:hover{background:var(--bg-hover)}.google-prompt-icon{width:32px;height:32px;flex-shrink:0}.google-prompt-text{flex:1 1}.google-prompt-title{font-size:14px;font-weight:600;color:var(--text-primary)}.google-prompt-subtitle{font-size:12px;color:var(--text-tertiary)}.google-prompt-arrow{color:var(--text-tertiary);font-size:18px}.success-card{text-align:center;padding:var(--space-8) var(--space-5)}.success-icon{width:56px;height:56px;margin:0 auto var(--space-5);background:var(--color-primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon svg{width:28px;height:28px;color:var(--color-primary)}.success-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.success-message{font-size:15px;color:var(--text-secondary);margin-bottom:var(--space-6)}.success-patient{display:inline-flex;align-items:center;gap:var(--space-2);font-size:14px;color:var(--text-secondary);padding:var(--space-2) var(--space-4);background:var(--bg-input);border-radius:var(--radius-xl)}.success-divider{height:1px;background:var(--border-color);margin:var(--space-6) 0}.error-card{text-align:center;padding:var(--space-8) var(--space-5)}.error-icon{width:56px;height:56px;margin:0 auto var(--space-5);background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.error-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.error-message{font-size:14px;color:var(--text-secondary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-4)}.loading-spinner{width:32px;height:32px;border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{font-size:14px;color:var(--text-tertiary)}.form-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#fef2f2;border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:14px;color:#dc2626}.high-rating-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-color)}.thank-you-banner{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);padding-left:65px;min-height:90px;background:var(--color-primary-light);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.thank-you-content{flex:1 1}.thank-you-title{font-size:15px;font-weight:600;color:var(--color-primary-dark);margin-bottom:2px}.thank-you-text{font-size:14px;color:var(--text-secondary)}.google-prompt-box{text-align:center;padding:var(--space-5);background:var(--bg-input);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.google-prompt-intro{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.5}.optional-comment{margin-bottom:var(--space-5)}.optional-comment .form-textarea{min-height:80px}.low-rating-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-color)}.feedback-request{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);padding-left:65px;min-height:90px;background:#fef7ed;border-radius:var(--radius-md);margin-bottom:var(--space-5)}.feedback-request-content{flex:1 1}.feedback-request-title{font-size:15px;font-weight:600;color:#92400e;margin-bottom:var(--space-1)}.feedback-request-text{font-size:14px;color:#b45309;line-height:1.5}.sub-ratings{margin-bottom:var(--space-5)}.sub-ratings-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.sub-rating-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.sub-rating-row:last-child{border-bottom:none}.sub-rating-label{font-size:14px;color:var(--text-secondary)}.sub-rating-stars{display:flex;gap:2px}.mini-star-btn{background:none;border:none;padding:4px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mini-star-btn .star-icon{width:20px;height:20px}.mini-star-btn .star-icon path{fill:var(--color-star-inactive);transition:fill .15s ease}.mini-star-btn.active .star-icon path,.mini-star-btn:hover .star-icon path{fill:var(--color-star)}.saved-hint{font-size:13px;color:var(--color-primary);text-align:center;margin-top:var(--space-3)}.star-icon.filled path{fill:var(--color-star)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .3s ease}@media (max-width:480px){.container{padding:var(--space-4)}.star-icon{width:36px;height:36px}.rating-question{font-size:17px}.peeking-cat-container{width:55px}.peeking-cat-img{width:70px;height:70px;left:-14px}.feedback-request,.thank-you-banner{padding-left:50px;min-height:75px}}@media (max-width:360px){.peeking-cat-container{width:45px}.peeking-cat-img{width:58px;height:58px;left:-11px}.feedback-request,.thank-you-banner{padding-left:40px;min-height:65px}}.admin-container{max-width:900px;margin:0 auto;padding:var(--space-5)}.admin-header{display:flex;justify-content:space-between;align-items:center}.admin-header,.stats-grid{margin-bottom:var(--space-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.stat-card{background:var(--bg-card);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.stat-value{font-size:28px;font-weight:700;color:var(--color-primary)}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:var(--space-1)}.feedback-list{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.feedback-item{padding:var(--space-5);border-bottom:1px solid var(--border-color)}.feedback-item:last-child{border-bottom:none}.login-container{max-width:360px;margin:80px auto;padding:var(--space-5)}.login-card{background:var(--bg-card);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.login-card h1{font-size:20px;text-align:center;margin-bottom:var(--space-6)}input[type=password]{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:16px;margin-bottom:var(--space-4)}input[type=password]:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(42,125,110,.1)}:root{--success:#16a34a;--error:#dc2626;--warning:#d97706}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);font-family:inherit;font-size:14px;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--color-primary);color:var(--text-inverse);width:100%}.button-primary:hover:not(:disabled){background:var(--color-primary-dark)}.button-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.button-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.error-message{color:var(--error);font-size:13px;text-align:center;margin-bottom:var(--space-4)}.error-container{text-align:center;padding:var(--space-8)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.controls{display:flex;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.filter-select{padding:var(--space-2) var(--space-4);padding-right:var(--space-8);font-size:14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px}.filter-select:focus{outline:none;border-color:var(--border-focus)}.feedback-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.feedback-rating-block{display:flex;flex-direction:column;gap:var(--space-2)}.feedback-date{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.feedback-comment{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-3);white-space:pre-wrap}.feedback-client{font-size:13px;color:var(--text-tertiary)}.feedback-client a{color:var(--color-primary);text-decoration:none}.feedback-client a:hover{text-decoration:underline}.pagination{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.page-button{padding:var(--space-2) var(--space-3);font-size:14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.page-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary)}.page-button.active{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.page-button:disabled{opacity:.4;cursor:not-allowed}.category-stats-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.category-stats-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.category-stats-list{display:flex;flex-direction:column;gap:var(--space-2)}.category-stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.category-stat-label{font-size:14px;color:var(--text-secondary);flex:1 1}.category-stat-stars{display:flex;align-items:center;gap:var(--space-2)}.category-stat-value{font-size:14px;font-weight:600;color:var(--text-primary);min-width:28px;text-align:right}.category-stat-nodata{font-size:14px;color:var(--text-tertiary)}.mini-stars{display:inline-flex;gap:1px}.mini-star{font-size:12px;color:var(--color-star-inactive);line-height:1}.mini-star.filled{color:var(--color-star)}.trend-arrow{font-size:14px;font-weight:600;min-width:16px;text-align:center}.trend-up{color:var(--success)}.trend-down{color:var(--error)}.trend-stable{color:var(--text-tertiary)}.sub-rating-display{display:flex;flex-wrap:wrap;gap:var(--space-3)}.sub-rating-item{display:inline-flex;align-items:center;gap:4px}.sub-rating-label{font-size:10px;color:var(--text-tertiary);font-weight:500}.sub-rating-dots{display:inline-flex;gap:1px}.sub-dot{font-size:8px;color:var(--color-star-inactive);line-height:1}.sub-dot.filled{color:var(--color-star)}@media (max-width:600px){.admin-container{padding:var(--space-4)}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.admin-header .button{width:100%}.category-stat-row{flex-wrap:wrap;gap:var(--space-2)}.category-stat-label{flex-basis:100%}.sub-rating-display{gap:var(--space-2)}}