.email-verification{display:flex;flex-direction:column;gap:1.5rem;width:100%}.verification-header{text-align:center}.verification-header h2{margin:0 0 .5rem;color:#1f2937;font-size:1.5rem}.verification-description{color:#6b7280;font-size:.95rem;margin:0;line-height:1.5}.code-inputs{display:flex;justify-content:center;gap:.5rem;margin:1rem 0}.code-input{width:3rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid #d1d5db;border-radius:.5rem;outline:none;transition:all .2s;font-family:Courier New,monospace}.code-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.code-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.verify-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s;width:100%}.verify-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.verify-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.resend-section{text-align:center}.resend-button{background:none;border:none;color:#667eea;font-size:.9rem;cursor:pointer;padding:.5rem;text-decoration:underline;transition:color .2s}.resend-button:hover:not(:disabled){color:#764ba2}.resend-button:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.cancel-button{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s;width:100%}.cancel-button:hover:not(:disabled){background:#e5e7eb}.cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.code-input{width:2.5rem;height:3rem;font-size:1.25rem}.code-inputs{gap:.4rem}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(102,126,234,.2)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:420px}.auth-card h1{text-align:center;color:#667eea;margin-bottom:.5rem;font-size:2.5rem}.auth-card h2{text-align:center;margin-bottom:2rem;color:#2d3748}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:500}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}button[type=submit],.submit-btn{width:100%;padding:.875rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem}button[type=submit]:hover:not(:disabled){background:#5a67d8}button[type=submit]:disabled{background:#cbd5e0;cursor:not-allowed}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success{background:#d1fae5;color:#065f46;padding:.875rem;border-radius:8px;margin-bottom:1.25rem;border:2px solid #10b981;font-weight:500;box-shadow:0 2px 4px #10b9811a}.error{background:#feb2b2;color:#742a2a;padding:.75rem;border-radius:6px;margin-bottom:1rem}.message.success{background:#c6f6d5;color:#22543d;padding:.75rem;border-radius:6px;margin-top:1rem}.message.error{background:#feb2b2;color:#742a2a;padding:.75rem;border-radius:6px;margin-top:1rem}.auth-link{text-align:center;margin-top:1.5rem;color:#4a5568}.auth-link a{color:#667eea;text-decoration:none;font-weight:600}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;box-shadow:0 2px 8px #0000000d;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#667eea}.logo a{text-decoration:none;color:inherit}.nav{display:flex;gap:1.5rem}.nav-link{text-decoration:none;color:#4a5568;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s}.nav-link:hover{background:#f7fafc;color:#667eea}.nav-link.active{background:#edf2f7;color:#667eea;font-weight:600;border-bottom:3px solid #667eea}.nav-link.ai-analysis-link{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;color:#667eea}.nav-link.admin-link{color:#ed8936}.user-menu{display:flex;align-items:center;gap:1rem}.user-menu-desktop{display:flex}.user-menu-mobile{display:none}.username{color:#2d3748;font-weight:500}.badge{background:#ed8936;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;margin-left:.5rem}.logout-btn{background:#e53e3e;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500}.logout-btn:hover{background:#c53030}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem}.footer{background:#2d3748;color:#fff;text-align:center;padding:1.5rem;margin-top:auto}h2{color:#667eea;font-size:1.875rem;margin-bottom:1.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.pet-selector{display:flex;align-items:center;gap:.75rem}.pet-selector select{padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:6px}.period-filter{display:flex;align-items:center;gap:.75rem}.period-buttons{display:flex;gap:.5rem}.period-buttons button{padding:.5rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s}.period-buttons button:hover{border-color:#667eea;color:#667eea}.period-buttons button.active{background:#667eea;color:#fff;border-color:#667eea}.add-record-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem}.glucose-form .form-row{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.glucose-form .add-record-submit{margin-top:1rem;max-width:300px}.chart-container{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem}.statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.stat-card{background:#f7fafc;padding:1.5rem;border-radius:8px;text-align:center}.stat-card h4{color:#718096;font-size:.875rem;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:700;color:#2d3748}.stat-value.success{color:#38a169}.stat-subtext{font-size:.875rem;color:#718096;margin-top:.25rem}.no-data{background:#fff5f5;color:#c53030;padding:2rem;border-radius:8px;text-align:center}.records-table,.admin-table{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.records-table th,.admin-table th{background:#667eea;color:#fff;padding:1rem;text-align:left;font-weight:600}.records-table td,.admin-table td{padding:.875rem 1rem;border-bottom:1px solid #e2e8f0}.records-table tbody tr:hover,.admin-table tbody tr:hover{background:#f7fafc}.edit-btn,.delete-btn,.delete-btn-small,.add-pet-btn,.analyze-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.edit-btn{background:#4299e1;color:#fff;margin-right:.5rem}.edit-btn:hover{background:#3182ce}.delete-btn,.delete-btn-small{background:#e53e3e;color:#fff}.delete-btn:hover,.delete-btn-small:hover{background:#c53030}.add-pet-btn,.analyze-btn{background:#48bb78;color:#fff;margin-bottom:1.5rem}.add-pet-btn:hover,.analyze-btn:hover{background:#38a169}.icon-btn{background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;transition:transform .1s,opacity .2s;line-height:1}.icon-btn:hover{transform:scale(1.1)}.icon-btn:active{transform:scale(.95)}.icon-btn.edit{color:#4299e1}.icon-btn.delete{color:#e53e3e}.modal,.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:1rem}.modal-content{background:#fff;padding:2rem;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;margin:auto;position:relative}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions button{flex:1;padding:.75rem;border:none;border-radius:6px;cursor:pointer;font-weight:600}.modal-actions button[type=submit]{background:#667eea;color:#fff}.modal-actions button[type=button]{background:#e2e8f0;color:#2d3748}.pets-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.pet-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d}.pet-card h3{color:#2d3748;margin-bottom:1rem}.pet-card p{color:#718096;margin-bottom:.5rem}.pet-actions{display:flex;gap:.75rem;margin-top:1rem}.settings-page h3{color:#2d3748;margin-bottom:1rem}.section-divider{border:none;border-top:2px solid #e2e8f0;margin:2rem 0}.profile-section,.language-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem}.language-section h3{color:#667eea;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.pet-management-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem}.pet-management-section h3{color:#667eea;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.language-selector-container{max-width:400px}.language-selector-container label{display:block;margin-bottom:.75rem;font-weight:600;color:#2d3748;font-size:1rem}.language-select{width:100%;padding:.875rem 3rem .875rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:500;background:#f7fafc;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.language-select:hover{border-color:#667eea;background-color:#fff}.language-select:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea1a}.language-select option{padding:.75rem;font-size:1rem}.profile-section h3{color:#667eea;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.profile-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.profile-info p{background:#f7fafc;padding:1rem;border-radius:8px;border:2px solid #e2e8f0;transition:border-color .2s}.profile-info p:hover{border-color:#667eea}.profile-info strong{display:block;color:#4a5568;font-size:.875rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.edit-profile-btn{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.edit-profile-btn:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.tabs{display:flex;gap:1rem;margin-bottom:2rem}.tabs button{padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.tabs button.active{background:#667eea;color:#fff;border-color:#667eea}.role-badge{padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:600}.role-badge.user{background:#bee3f8;color:#2c5282}.role-badge.admin{background:#fbd38d;color:#744210}.analysis-controls{display:flex;gap:1rem;align-items:end;margin-bottom:2rem;flex-wrap:wrap}.analysis-result{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d}.analysis-result.error{background:#fff5f5;border:2px solid #feb2b2}.analysis-text p{margin-bottom:1rem;line-height:1.6;color:#2d3748}.info-box{background:#e6fffa;padding:2rem;border-radius:8px;border:2px solid #81e6d9}.import-export-controls{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.date-range-filter{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.date-range-filter label{font-weight:600;color:#2d3748}.date-range-filter input[type=date]{padding:.625rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9375rem;transition:all .2s}.date-range-filter input[type=date]:focus{outline:none;border-color:#667eea}.csv-buttons{display:flex;gap:1rem}.import-btn,.export-btn{padding:.625rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9375rem}.import-btn{background:#48bb78;color:#fff;display:inline-flex;align-items:center;justify-content:center}.import-btn:hover{background:#38a169;transform:translateY(-1px)}.export-btn{background:#4299e1;color:#fff}.export-btn:hover{background:#3182ce;transform:translateY(-1px)}.question-input{width:100%}.question-input label{display:block;margin-bottom:.75rem;font-weight:600;color:#2d3748;font-size:1rem}.question-input textarea{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.9375rem;font-family:inherit;transition:all .2s;resize:vertical;min-height:100px}.question-input textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.question-input textarea::placeholder{color:#a0aec0}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination button{padding:.625rem 1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.pagination button:hover:not(:disabled){border-color:#667eea;color:#667eea}.pagination button:disabled{opacity:.5;cursor:not-allowed}.no-pets{text-align:center;padding:3rem;background:#fff;border-radius:12px}.loading-screen,.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#667eea}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.75rem;cursor:pointer;color:#667eea;padding:.25rem;transition:transform .2s}.mobile-menu-toggle:active{transform:scale(.95)}.nav-close{display:none}@media (min-width: 641px){.user-menu{flex-direction:row}.mobile-overlay{display:none!important}}@media (max-width: 1024px){.main-content{padding:1.5rem}.header-content{padding:1rem 1.5rem}.chart-container{padding:1rem}}@media (max-width: 768px){h2{font-size:1.5rem;margin-bottom:1rem}.auth-card h1{font-size:2rem}.main-content{padding:1rem}.header-content{padding:.875rem 1rem}.auth-card{padding:2rem 1.5rem;margin:1rem}.header-content{flex-direction:column;align-items:stretch;gap:.75rem}.nav{flex-wrap:wrap;justify-content:center;gap:.5rem}.nav-link{padding:.5rem .875rem;font-size:.9375rem}.user-menu{justify-content:center;gap:.75rem}.dashboard-header{flex-direction:column;align-items:stretch;gap:1rem}.pet-selector,.period-filter{flex-direction:column;align-items:stretch;gap:.5rem}.period-buttons{width:100%}.period-buttons button{flex:1}.glucose-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.glucose-form .add-record-submit{max-width:100%;grid-column:1 / -1}.add-record-section{padding:1rem}.statistics{grid-template-columns:repeat(2,1fr);gap:.75rem}.records-table,.admin-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.records-table thead,.records-table tbody,.records-table tr,.admin-table thead,.admin-table tbody,.admin-table tr{display:table;width:100%;table-layout:fixed}.records-table th,.records-table td,.admin-table th,.admin-table td{padding:.75rem .5rem;font-size:.875rem}.modal-content{padding:1.5rem;width:95%;max-height:85vh}.pets-list{grid-template-columns:1fr}.analysis-controls,.date-range-filter{flex-direction:column;align-items:stretch}.csv-buttons{flex-direction:column}.tabs{flex-wrap:wrap;gap:.5rem}.tabs button{flex:1;min-width:120px}}@media (max-width: 640px){.mobile-menu-toggle{display:block}.header-content{flex-direction:row;justify-content:space-between;align-items:center}.logo{font-size:1.25rem}.nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;flex-direction:column;padding:4rem 1.5rem 1.5rem;box-shadow:-4px 0 12px #0000001a;z-index:999;transition:right .3s ease-in-out;overflow-y:auto;gap:0}.nav.active{right:0}.nav-link{width:100%;padding:1rem;border-radius:8px;border-bottom:none;margin-bottom:.5rem}.nav-link.active{border-bottom:none;border-left:4px solid #667eea}.mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:900;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none}.mobile-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.nav-close{display:block;position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#4a5568;cursor:pointer;padding:0;line-height:1}.user-menu-desktop{display:none!important}.user-menu-mobile{display:flex!important;flex-direction:column;width:100%;gap:.75rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:2px solid #e2e8f0}.username{text-align:center;font-size:.875rem}.logout-btn{width:100%}h2{font-size:1.375rem}h3{font-size:1.125rem}.main-content{padding:.875rem}.auth-card{padding:1.5rem 1rem;margin:.75rem}.auth-card h1{font-size:1.75rem}.auth-card h2{font-size:1.125rem}.form-group label{font-size:.9375rem}.form-group input,.form-group select,.form-group textarea{font-size:1rem;padding:.875rem}button[type=submit],.submit-btn{padding:1rem;font-size:1rem;min-height:48px}.statistics{grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-value{font-size:1.5rem}.chart-container{padding:.75rem;margin-bottom:1rem}.edit-btn,.delete-btn,.delete-btn-small,.add-pet-btn,.analyze-btn{min-height:44px;padding:.75rem 1rem}.period-buttons button{min-height:44px;padding:.75rem}.pet-selector select{font-size:1rem;padding:.875rem}.records-table th,.records-table td,.admin-table th,.admin-table td{padding:.625rem .375rem;font-size:.8125rem}.admin-table th:nth-child(4),.admin-table td:nth-child(4),.admin-table th:nth-child(7),.admin-table td:nth-child(7),.admin-table th:nth-child(8),.admin-table td:nth-child(8){display:none}.admin-table td button{padding:.375rem .5rem;font-size:.75rem;margin-bottom:.25rem;display:block;width:100%}.users-table-container h3,.pets-table-container h3,.records-table-container h3{font-size:1rem;margin-bottom:.75rem}.records-table td button{font-size:1rem}.modal-content{padding:1.25rem;width:96%}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions button{width:100%}.import-export-controls{padding:1rem}.date-range-filter input[type=date]{font-size:1rem;padding:.875rem}.import-btn,.export-btn{width:100%;padding:.875rem 1rem;min-height:48px}.question-input textarea{font-size:1rem;padding:.875rem}.pagination{gap:.5rem}.pagination button{padding:.625rem 1rem;font-size:.875rem}.profile-info{grid-template-columns:1fr}.footer{padding:1rem;font-size:.875rem}}@media (max-width: 375px){.logo{font-size:1.125rem}.auth-card{padding:1.25rem .875rem;margin:.5rem}.main-content{padding:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.375rem}h2{font-size:1.25rem}.records-table th,.records-table td,.admin-table th,.admin-table td{padding:.5rem .25rem;font-size:.75rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}