.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:#e8ecef}.login-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001f;padding:40px;width:100%;max-width:460px;display:flex;flex-direction:column;gap:20px}.logo-section{display:flex;justify-content:center;margin-bottom:4px}.logo-image{height:auto;max-width:200px}.login-title{font-size:20px;font-weight:400;color:#555;text-align:center;margin-bottom:8px}.login-error-banner{background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;padding:10px 14px;font-size:14px;text-align:center}.login-success-banner{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;color:#16a34a;padding:10px 14px;font-size:14px;text-align:center}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:500;color:#333}.form-input{width:100%;padding:12px 14px;font-size:15px;border:1px solid #d1d5db;border-radius:4px;background-color:#e8ecef;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box}.form-input:focus{border-color:#4dc9f6;box-shadow:0 0 0 3px #4dc9f626;background-color:#fff}.error-message{font-size:12px;color:#dc3545}.submit-button{width:100%;padding:12px 24px;font-size:17px;font-weight:600;color:#fff;background-color:#4dc9f6;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:4px}.submit-button:hover{background-color:#38b8e8}.submit-button:disabled{opacity:.7;cursor:not-allowed}.login-links-row{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:-4px}.link-orange{color:#f7941d;font-weight:500}.link-orange:hover{color:#d97b0d}.link-divider{color:#ccc;font-size:14px;-webkit-user-select:none;user-select:none}.link{color:#007bff;text-decoration:none;font-size:14px;transition:color .2s}.link:hover{text-decoration:underline}.sso-section{margin-top:4px}.sso-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sso-divider-line{flex:1;height:1px;background-color:#d1d5db}.sso-divider-text{font-size:13px;color:#888;white-space:nowrap}.sso-buttons{display:flex;justify-content:center;gap:16px}.sso-button{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;padding:0;background:transparent;overflow:hidden}.sso-button img{width:48px;height:48px;border-radius:50%}.sso-button:hover{transform:scale(1.08);box-shadow:0 3px 10px #0000002e}.login-footer{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #eee}.copyright{font-size:12px;color:#888;text-align:center;line-height:1.5}.footer-links{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap}.legal-link{color:#007bff;text-decoration:none;font-size:12px;transition:color .2s}.legal-link:hover{color:#0056b3;text-decoration:underline}.footer-separator{font-size:12px;color:#888}@media(max-width:480px){.login-card{padding:30px 20px}.login-title{font-size:18px}.logo-image{max-width:150px}.sso-button,.sso-button img{width:40px;height:40px}}.toast-container{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;min-width:320px;max-width:480px;padding:14px 18px;border-radius:8px;box-shadow:0 4px 24px #00000026;font-size:14px;line-height:1.5;pointer-events:auto;animation:toast-slide-in .35s cubic-bezier(.22,1,.36,1)}.toast-success{background:#f0fdf4;border-left:4px solid #22c55e;color:#166534}.toast-error{background:#fef2f2;border-left:4px solid #ef4444;color:#991b1b}.toast-info{background:#eff6ff;border-left:4px solid #3b82f6;color:#1e40af}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:15px;font-weight:700}.toast-success .toast-icon{background:#dcfce7;color:#16a34a}.toast-error .toast-icon{background:#fee2e2;color:#dc2626}.toast-info .toast-icon{background:#dbeafe;color:#2563eb}.toast-message{flex:1;font-weight:500}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:20px;line-height:1;opacity:.5;padding:0 4px;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-success .toast-close{color:#166534}.toast-error .toast-close{color:#991b1b}.toast-info .toast-close{color:#1e40af}@keyframes toast-slide-in{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;padding:40px 20px}.register-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:500px;padding:40px}.logo-section{text-align:center;margin-bottom:30px}.register-logo{height:40px;width:auto;object-fit:contain}.register-title{font-size:24px;font-weight:600;color:#333;text-align:center;margin:0 0 30px}.country-selection{margin-bottom:20px;position:relative}.country-info{font-size:14px;color:#333;margin-bottom:12px}.country-label{color:#666}.country-name{font-weight:500;color:#333}.change-country-link{background:none;border:none;color:#007bff;text-decoration:none;cursor:pointer;font-size:14px;padding:0;margin-left:8px;transition:color .2s}.change-country-link:hover{color:#0056b3;text-decoration:underline}.country-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:300px;overflow-y:auto;margin-top:8px}.country-dropdown-content{display:flex;flex-direction:column;padding:8px 0}.country-option{display:flex;align-items:center;gap:12px;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s;font-size:14px;color:#333}.country-option:hover{background-color:#f0f0f0}.country-option.selected{background-color:#e3f2fd;color:#1976d2}.country-flag{font-size:20px;width:24px;text-align:center}.country-option-name{flex:1}.signup-prompt{font-size:14px;color:#666;margin:0 0 24px}.register-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#333}.field-icon{font-size:16px;width:20px;text-align:center}.asterisk{color:red;font-weight:700}.form-input{padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.checkbox-group{margin-top:8px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;color:#333}.checkbox-input{width:18px;height:18px;margin-top:2px;cursor:pointer;flex-shrink:0}.checkbox-text{line-height:1.5}.checkbox-text .link{color:#007bff;text-decoration:none}.checkbox-text .link:hover{text-decoration:underline}.create-account-button{padding:14px 24px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s;margin-top:8px}.create-account-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.create-account-button:active{transform:translateY(0)}.create-account-button:disabled{background:#b8b8b8;cursor:not-allowed;box-shadow:none;transform:none}.create-account-button:disabled:hover{box-shadow:none;transform:none}.login-link-section{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.login-link-section .link{color:#007bff;text-decoration:none;font-size:14px}.login-link-section .link:hover{text-decoration:underline}.register-footer{margin-top:40px;padding-top:24px;border-top:1px solid #e0e0e0;text-align:center}.copyright{font-size:12px;color:#666;margin:0 0 12px;line-height:1.5}.footer-links{font-size:12px;color:#666}.footer-separator{color:#666}@media(max-width:640px){.register-card{padding:24px}.register-title{font-size:20px}.country-dropdown{max-height:250px}}.app-header{background-color:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:1000}.top-bar{background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;padding:8px 0}.top-bar-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.top-bar-right{display:flex;align-items:center;gap:20px}.top-link{color:#666;text-decoration:none;font-size:13px;transition:color .2s}.top-link:hover{color:#007bff}.user-menu{display:flex;align-items:center;gap:5px;cursor:pointer;color:#333;font-size:13px;position:relative;padding:6px 12px;border-radius:4px;transition:background-color .2s}.user-menu:hover{background-color:#f0f0f0}.user-menu.active{outline:2px solid #ff0000;outline-offset:2px}.user-name{font-weight:500}.dropdown-arrow{font-size:10px;color:#666}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:280px;z-index:1000;animation:slideDown .2s ease-out;pointer-events:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-content{padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.user-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-dropdown-name{font-size:18px;font-weight:600;color:#333;text-align:center;margin-top:8px}.user-dropdown-email{font-size:14px;color:#666;text-align:center;margin-bottom:8px}.sign-out-button{width:100%;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.sign-out-button:hover{background-color:#0056b3}.sign-out-button:active{transform:scale(.98)}.user-dropdown-support{font-size:12px;color:red;text-align:center;line-height:1.5;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0;width:100%}.main-nav{padding:12px 0;background-color:#fff}.nav-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-left{flex:1}.logo-link{text-decoration:none;display:inline-block}.logo-text{font-size:24px;font-weight:700;color:#333}.logo-image{height:32px;width:auto;display:block;object-fit:contain}.nav-center{display:flex;align-items:center;gap:20px;flex:2;justify-content:center}.store-button{background-color:#f60;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;text-decoration:none;display:inline-block}.store-button:hover{background-color:#e55a00}.nav-link{color:#333;text-decoration:none;font-size:14px;padding:8px 12px;border-radius:4px;transition:background-color .2s,color .2s}.nav-link:hover{background-color:#f0f0f0}.nav-link.active{color:#007bff;font-weight:600}.nav-right{flex:1;display:flex;justify-content:flex-end}.cart-button{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.cart-button:hover{background-color:#f0f0f0}.sub-nav{background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;padding:8px 0}.sub-nav-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;gap:30px}.sub-nav-link{color:#666;text-decoration:none;font-size:13px;padding:6px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.coming-soon-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.coming-soon-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:400px;width:90%;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.coming-soon-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:28px;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s;line-height:1;padding:0}.coming-soon-close:hover{background-color:#f0f0f0;color:#333}.coming-soon-content{padding:32px 24px 24px;text-align:center}.coming-soon-title{font-size:24px;font-weight:600;color:#333;margin:0 0 16px}.coming-soon-message{font-size:14px;color:#666;line-height:1.6;margin:0 0 24px}.coming-soon-button{background-color:#f60;color:#fff;border:none;padding:10px 32px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.coming-soon-button:hover{background-color:#e55a00}.coming-soon-button:active{transform:scale(.98)}@media(max-width:768px){.nav-center{flex-wrap:wrap;gap:10px}.sub-nav-content{flex-wrap:wrap;gap:15px}.top-bar-right{gap:10px}.coming-soon-modal{max-width:90%;margin:20px}.coming-soon-content{padding:24px 20px 20px}.coming-soon-title{font-size:20px}.coming-soon-message{font-size:13px}}.app-footer{background-color:#f8f8f8;border-top:1px solid #e0e0e0;margin-top:60px;padding:40px 0 20px}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.footer-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-column{display:flex;flex-direction:column}.footer-heading{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.footer-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-links-list li{margin:0}.footer-link{color:#666;text-decoration:none;font-size:14px;transition:color .2s}.footer-link:hover{color:#007bff}.footer-contact{margin-bottom:30px;padding-top:30px;border-top:1px solid #e0e0e0}.contact-info{display:flex;flex-direction:column;gap:8px}.contact-email,.contact-phone{font-size:13px;color:#666;margin:0}.contact-link{color:#007bff;text-decoration:none}.contact-link:hover{text-decoration:underline}.footer-social{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-top:30px;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:20px}.social-icons{display:flex;gap:12px}.social-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:14px;transition:transform .2s,opacity .2s}.social-icon.facebook{background-color:#3b5998;color:#fff}.social-icon.twitter{background-color:#1da1f2;color:#fff}.social-icon.google{background-color:#dd4b39;color:#fff}.social-icon:hover{transform:scale(1.1);opacity:.9}.newsletter{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.newsletter-text{font-size:14px;color:#333;font-weight:500}.newsletter-form{display:flex;gap:8px}.newsletter-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:200px;outline:none}.newsletter-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.newsletter-button{padding:8px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.newsletter-button:hover{background-color:#0056b3}.footer-bottom{padding-top:20px;border-top:1px solid #e0e0e0;text-align:center}.copyright-text{font-size:12px;color:#666;line-height:1.6;margin:0}.legal-link{color:#007bff;text-decoration:none}.legal-link:hover{text-decoration:underline}@media(max-width:768px){.footer-sections{grid-template-columns:repeat(2,1fr);gap:30px}.footer-social{flex-direction:column;align-items:flex-start}.newsletter-form{width:100%}.newsletter-input{flex:1}}.dashboard-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.dashboard-main{flex:1;padding:20px}.dashboard-container{max-width:1400px;margin:0 auto}.dashboard-content{display:grid;grid-template-columns:200px 1fr 300px;gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.dashboard-sidebar{display:flex;flex-direction:column;gap:20px}.account-section{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0;border-bottom:1px solid #eee}.account-icon{width:60px;height:60px;border-radius:50%;overflow:hidden;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center}.metrics-nav{display:flex;flex-direction:column;gap:8px}.metric-button{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:transparent;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;position:relative;text-align:left;width:100%;text-decoration:none;color:inherit}.metric-button:hover{background-color:#f0f0f0}.metric-button.active{background-color:#e3f2fd;color:#1976d2}.metric-icon{font-size:20px;width:24px;text-align:center}.metric-label{font-size:13px;font-weight:500;flex:1;text-transform:uppercase;letter-spacing:.5px}.metric-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background-color:#1976d2;border-radius:0 2px 2px 0}.dashboard-main-content{display:flex;flex-direction:column;gap:20px;padding:0 20px}.content-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.section-title{font-size:16px;font-weight:600;color:#333;margin:0}.view-more-button{padding:6px 16px;font-size:14px;color:#1976d2;background-color:transparent;border:1px solid #1976d2;border-radius:4px;cursor:pointer;transition:background-color .2s,color .2s}.view-more-button:hover{background-color:#1976d2;color:#fff}.section-content{min-height:100px;display:flex;align-items:center;justify-content:center}.section-content.entries-section{display:block;overflow-x:auto}.chart-container{width:100%;min-height:250px;display:flex;align-items:center;justify-content:center}.chart-tooltip{background:#fffffff5;border:1px solid #e8834a;border-radius:4px;padding:10px 14px;font-size:13px;line-height:1.6;box-shadow:0 2px 8px #00000026}.chart-tooltip-date{margin:0 0 4px;font-weight:600;color:#333}.chart-tooltip-line{margin:0;font-size:12px}.entries-table{width:100%;border-collapse:collapse;font-size:.85rem}.entries-table th{background-color:#f8f9fa;color:#555;font-weight:600;text-align:left;padding:10px 12px;border-bottom:2px solid #dee2e6;white-space:nowrap}.entries-table td{padding:8px 12px;border-bottom:1px solid #eee;color:#333;white-space:nowrap}.entries-table tbody tr:hover{background-color:#f5f8ff}.entries-table tbody tr:nth-child(2n){background-color:#fafafa}.entries-table tbody tr:nth-child(2n):hover{background-color:#f0f4ff}.entries-table td:first-child{text-align:center;color:#888}.connections-panel{display:flex;flex-direction:column;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}@media(max-width:1200px){.dashboard-content{grid-template-columns:180px 1fr 280px}}@media(max-width:968px){.dashboard-content{grid-template-columns:1fr;gap:20px}.dashboard-sidebar{order:2}.dashboard-main-content{order:1;padding:0}.connections-panel{order:3}.metrics-nav{flex-direction:row;flex-wrap:wrap;gap:8px}.metric-button{flex:1;min-width:120px}.metric-indicator{display:none}}.connections-list:has(.connections-items){align-items:stretch;justify-content:flex-start}.connections-placeholder,.connections-error{color:#999;font-style:italic;margin:0;text-align:center}.connections-error{color:#c62828;font-style:normal}.connections-items{display:flex;flex-direction:column;gap:16px;width:100%}.connections-section{display:flex;flex-direction:column;gap:8px}.connections-section-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.connection-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background-color:#f8f8f8;border-radius:6px;border:1px solid #eee}.connection-item.pending-item{background-color:#fff8e1;border-color:#ffe082}.connection-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background-color:#9e9e9e;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.connection-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.connection-name{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-email{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-actions{display:flex;gap:6px}.connection-btn{padding:6px 12px;font-size:12px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s,opacity .2s}.connection-btn:disabled{opacity:.6;cursor:not-allowed}.remove-btn{background-color:#f5f5f5;color:#666}.remove-btn:hover:not(:disabled){background-color:#ffebee;color:#c62828}.accept-btn{background-color:#e8f5e9;color:#2e7d32}.accept-btn:hover:not(:disabled){background-color:#c8e6c9}.ignore-btn{background-color:#f5f5f5;color:#666}.ignore-btn:hover:not(:disabled){background-color:#ffebee;color:#c62828}.follow-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.follow-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:24px;width:100%;max-width:400px;margin:16px}.follow-modal-title{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.follow-modal-desc{font-size:14px;color:#666;line-height:1.5;margin:0 0 16px}.follow-modal-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;outline:none;transition:border-color .2s;box-sizing:border-box}.follow-modal-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.follow-modal-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.follow-modal-message{margin:12px 0 0;font-size:13px}.follow-modal-message.success{color:#2e7d32}.follow-modal-message.error{color:#c62828}.follow-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.follow-modal-btn{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s,opacity .2s}.follow-modal-btn:disabled{opacity:.6;cursor:not-allowed}.follow-modal-btn.cancel-btn{background-color:#f5f5f5;color:#666}.follow-modal-btn.cancel-btn:hover:not(:disabled){background-color:#eee}.follow-modal-btn.submit-btn{background-color:#1976d2;color:#fff}.follow-modal-btn.submit-btn:hover:not(:disabled){background-color:#1565c0}.data-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.data-sub-nav{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:12px 0}.sub-nav-content{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;gap:30px;flex-wrap:wrap}.sub-nav-link{color:#666;text-decoration:none;font-size:14px;padding:6px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap}.sub-nav-link:hover{color:#007bff}.sub-nav-link.active{color:#007bff;border-bottom-color:#007bff;font-weight:500}.data-main{flex:1;padding:20px}.data-container{max-width:1400px;margin:0 auto}.data-content{display:grid;grid-template-columns:200px 1fr 300px;gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.data-sidebar{display:flex;flex-direction:column;gap:20px}.data-account-section{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0;border-bottom:1px solid #eee}.data-account-icon{width:60px;height:60px;border-radius:50%;overflow:hidden;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center}.data-account-label{font-size:14px;color:#333;font-weight:500;margin:0}.data-nav{display:flex;flex-direction:column;gap:8px}.data-nav-button{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:transparent;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;position:relative;text-align:left;width:100%}.data-nav-button:hover{background-color:#f0f0f0}.data-nav-button.active{background-color:#e3f2fd;color:#1976d2}.data-nav-icon{font-size:18px;width:24px;text-align:center}.data-nav-label{font-size:13px;font-weight:500;flex:1;text-transform:uppercase;letter-spacing:.5px}.data-nav-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background-color:#1976d2;border-radius:0 2px 2px 0}.data-main-content{display:flex;flex-direction:column;gap:20px;padding:0 20px}.data-filter-section{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f8f8f8;border-radius:4px;flex-wrap:wrap}.date-range-filter{display:flex;align-items:center;gap:8px}.filter-label{font-size:14px;font-weight:500;color:#333;white-space:nowrap}.date-input{padding:8px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;outline:none;transition:border-color .2s}.date-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.date-separator{font-size:14px;color:#666;margin:0 4px}.graph-type-filter{flex:1;min-width:150px}.graph-type-select{width:100%;padding:8px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;outline:none;transition:border-color .2s}.graph-type-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.search-button{padding:8px 24px;font-size:14px;font-weight:600;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s;white-space:nowrap}.search-button:hover{background-color:#0056b3}.search-button:active{transform:scale(.98)}.data-title-section{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #eee}.data-metric-title{font-size:24px;font-weight:600;color:#333;margin:0}.print-button{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.print-button:hover{background-color:#f0f0f0}.data-legend{display:flex;flex-wrap:wrap;gap:16px;padding:16px 0}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:20px;height:20px;border-radius:4px;border:1px solid #ddd}.legend-label{font-size:13px;color:#666}.data-graph-area{min-height:320px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:20px;display:flex;align-items:center;justify-content:center}.placeholder-text{color:#999;font-style:italic;margin:0}.data-table-area{margin-top:16px;overflow-x:auto}.data-results-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-results-table th{background:#f5f5f5;color:#555;font-weight:600;text-align:left;padding:10px 12px;border-bottom:2px solid #ddd;white-space:nowrap}.data-results-table td{padding:8px 12px;border-bottom:1px solid #eee;color:#333}.data-results-table td:first-child{text-align:center;color:#888}.data-results-table tbody tr:hover{background-color:#fafafa}.data-connections-panel{display:flex;flex-direction:column;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.panel-tabs{display:flex;border-bottom:1px solid #e0e0e0}.panel-tab{flex:1;padding:12px 16px;font-size:14px;font-weight:500;color:#666;background-color:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.panel-tab:hover{color:#1976d2}.panel-tab.active{color:#1976d2;border-bottom-color:#1976d2}.panel-content{padding:20px;display:flex;flex-direction:column;gap:20px;flex:1}.connect-box{width:100%;height:150px;border:2px dashed #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:#fafafa;transition:border-color .2s,background-color .2s;cursor:pointer}.connect-box:hover{border-color:#f60;background-color:#fff5f0}.connect-icon{font-size:48px;font-weight:300;color:#f60;line-height:1}.connect-title{font-size:14px;font-weight:600;color:#333;margin:0;line-height:1.4}.connect-description{font-size:13px;color:#666;line-height:1.6;margin:0}.connections-list{flex:1;display:flex;align-items:center;justify-content:center;min-height:200px}.panel-footer{margin-top:auto;padding-top:16px;border-top:1px solid #eee}.filter-dropdown{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s}.filter-dropdown:hover{background-color:#f0f0f0}.filter-label{font-size:14px;font-weight:500;color:#333}.filter-arrow{font-size:12px;color:#666}@media(max-width:1200px){.data-content{grid-template-columns:180px 1fr 280px}}@media(max-width:968px){.data-content{grid-template-columns:1fr;gap:20px}.data-sidebar{order:2}.data-main-content{order:1;padding:0}.data-connections-panel{order:3}.data-nav{flex-direction:row;flex-wrap:wrap;gap:8px}.data-nav-button{flex:1;min-width:120px}.data-nav-indicator{display:none}.data-filter-section{flex-direction:column;align-items:stretch}.date-range-filter,.graph-type-filter,.search-button{width:100%}}.account-sidebar{background-color:#f8f9fa;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%;position:sticky;top:0;align-self:flex-start;overflow-y:auto}.sidebar-header{padding:24px 20px;border-bottom:1px solid #e0e0e0;background-color:#fff}.sidebar-title{font-size:20px;font-weight:600;color:#333;margin:0}.sidebar-nav{display:flex;flex-direction:column;padding:12px 8px;gap:4px}.sidebar-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;text-decoration:none;color:#666;font-size:14px;font-weight:500;transition:all .2s ease;position:relative}.sidebar-menu-item:hover{background-color:#f0f0f0;color:#333}.sidebar-menu-item.active{background-color:#e3f2fd;color:var(--item-color, #1976d2);font-weight:600}.sidebar-menu-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background-color:var(--item-color, #1976d2);border-radius:0 2px 2px 0}.menu-icon{font-size:20px;width:24px;text-align:center;line-height:1}.menu-label{flex:1}.profile-edit-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.profile-edit-main{flex:1;padding:20px;overflow:hidden}.profile-edit-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:calc(100vh - 200px);min-height:600px;overflow:hidden}.profile-edit-container{padding:40px;overflow-y:auto;height:100%}.profile-warning{background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:12px 16px;margin-bottom:30px}.warning-text{color:#dc3545;font-size:14px;font-weight:500;margin:0}.profile-form{width:100%}.profile-form-content{display:grid;grid-template-columns:160px 1fr;gap:30px}.profile-form-fields{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;flex-direction:column;gap:0}.form-field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:14px;color:#333;font-weight:500;transition:color .3s,background-color .3s}.field-label.highlight{color:#dc3545;background-color:transparent;padding:0;border-radius:0;font-weight:600;animation:highlightPulse .5s ease-in-out}.field-label.highlight .asterisk{color:#dc3545}@keyframes highlightPulse{0%{color:#dc3545;transform:scale(1)}50%{color:#c82333;transform:scale(1.02)}to{color:#dc3545;transform:scale(1)}}.form-textarea{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;transition:border-color .2s,box-shadow .2s;outline:none;resize:vertical;font-family:inherit}.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.input-unit{font-size:14px;color:#666;white-space:nowrap}.height-inputs{display:flex;align-items:center;gap:8px}.height-inputs .form-input{width:80px}.radio-group{display:flex;gap:24px;margin-top:4px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333}.radio-input{width:18px;height:18px;cursor:pointer}.form-actions{margin-top:30px;padding-top:30px;border-top:1px solid #eee}@media(max-width:968px){.profile-edit-wrapper{grid-template-columns:1fr}.profile-edit-container{padding:20px}.profile-form-content{grid-template-columns:1fr;gap:30px}.form-row{grid-template-columns:1fr;gap:20px}.height-inputs{flex-wrap:wrap}.height-inputs .form-input{width:100px}}.change-password-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.change-password-main{flex:1;padding:20px;overflow:hidden}.change-password-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:calc(100vh - 200px);min-height:600px;overflow:hidden}.change-password-container{padding:40px;overflow-y:auto;height:100%}.change-password-content{display:grid;grid-template-columns:160px 1fr;gap:30px}.password-form-section{display:flex;flex-direction:column;gap:30px}.account-email-section{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #eee}.account-email-label{font-size:16px;font-weight:600;color:#333}.account-email-value{font-size:16px;color:#666}.password-form{display:flex;flex-direction:column;gap:24px}@media(max-width:968px){.change-password-wrapper{grid-template-columns:1fr}.change-password-container{padding:20px}.change-password-content{grid-template-columns:1fr;gap:30px}.form-actions{justify-content:center}.submit-button{width:100%}}.settings-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.settings-main{flex:1;padding:20px;overflow:hidden}.settings-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:calc(100vh - 200px);min-height:600px;overflow:hidden}.settings-container{padding:40px;overflow-y:auto;height:100%}.settings-content{display:grid;grid-template-columns:160px 1fr;gap:30px}.settings-form-section{display:flex;flex-direction:column;gap:30px}.settings-title{font-size:24px;font-weight:700;color:#333;margin:0;text-transform:uppercase}.settings-form{display:flex;flex-direction:column;gap:30px}.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.settings-column{display:flex;flex-direction:column;gap:20px}.column-title{font-size:18px;font-weight:600;color:#333;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #eee}.form-select{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s;outline:none}.form-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-input[readonly]{background-color:#f5f5f5;cursor:not-allowed}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#333;font-weight:500;cursor:pointer}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#007bff}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:30px;border-top:1px solid #eee}.delete-account-link{background:none;border:none;color:#666;font-size:16px;font-weight:500;cursor:pointer;text-decoration:none;padding:12px 48px;transition:color .2s,text-decoration .2s;min-width:180px}.delete-account-link:hover{color:#dc3545;text-decoration:underline}.save-button{padding:12px 48px;font-size:16px;font-weight:600;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s;min-width:180px}@media(max-width:968px){.settings-wrapper{grid-template-columns:1fr}.settings-container{padding:20px}.settings-content,.settings-columns{grid-template-columns:1fr;gap:30px}.form-actions{flex-direction:column;gap:15px;align-items:stretch}.save-button{width:100%}}.change-account-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.change-account-main{flex:1;padding:20px;overflow:hidden}.change-account-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:calc(100vh - 200px);min-height:600px;overflow:hidden}.change-account-container{padding:40px;overflow-y:auto;height:100%}.change-account-content{display:grid;grid-template-columns:160px 1fr;gap:30px}.change-account-form-section{display:flex;flex-direction:column;gap:30px}.change-account-form{display:flex;flex-direction:column;gap:24px}.form-field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:14px;color:#333;font-weight:500}.field-label.required{color:#333}.field-label .asterisk{color:#dc3545}.form-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;transition:border-color .2s,box-shadow .2s;outline:none}.required-indicator{margin-top:10px;padding-top:20px;border-top:1px solid #eee}.required-text{font-size:12px;color:#dc3545;margin:0}.submit-button{padding:12px 32px;font-size:16px;font-weight:600;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s}.submit-button:hover{background-color:#0056b3}.submit-button:active{transform:scale(.98)}@media(max-width:968px){.change-account-wrapper{grid-template-columns:1fr}.change-account-container{padding:20px}.change-account-content{grid-template-columns:1fr;gap:30px}.form-actions{justify-content:center}.submit-button{width:100%}}.goal-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.goal-main{flex:1;padding:20px;overflow:hidden}.goal-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:calc(100vh - 200px);min-height:600px;overflow:hidden}.goal-container{padding:40px;overflow-y:auto;height:100%}.goal-content{display:grid;grid-template-columns:160px 1fr;gap:30px}.goal-form-section,.goal-form{display:flex;flex-direction:column;gap:30px}.form-field{display:flex;flex-direction:column;gap:12px}.field-label{font-size:16px;font-weight:600;color:#333}.input-with-unit{display:flex;align-items:center;gap:8px}.form-input{flex:1;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-input.error{border-color:#dc3545}.form-input.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.input-unit{font-size:14px;color:#666;white-space:nowrap;min-width:50px}.blood-pressure-inputs{display:flex;flex-direction:column;gap:16px}.bp-input-group{display:flex;flex-direction:column;gap:8px}.bp-label{font-size:14px;font-weight:500;color:#333}.error-message{font-size:12px;color:#dc3545;margin-top:-4px}.form-actions{display:flex;justify-content:flex-end;margin-top:10px}.save-button{padding:12px 32px;font-size:16px;font-weight:600;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s}.save-button:hover{background-color:#0056b3}.save-button:active{transform:scale(.98)}@media(max-width:968px){.goal-wrapper{grid-template-columns:1fr}.goal-container{padding:20px}.goal-content{grid-template-columns:1fr;gap:30px}.form-actions{justify-content:center}.save-button{width:100%}}.upload-avatar-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.upload-avatar-main{flex:1;padding:20px;overflow:hidden}.upload-avatar-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:calc(100vh - 200px);min-height:600px;overflow:hidden}.upload-avatar-container{padding:40px;overflow-y:auto;height:100%}.upload-avatar-content{display:grid;grid-template-columns:160px 1fr;gap:30px}.profile-picture-section{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0;padding-top:4px}.avatar-preview{width:100%;height:100%;object-fit:cover}.upload-picture-section{display:flex;flex-direction:column;gap:24px}.upload-picture-title{font-size:24px;font-weight:700;color:#333;margin:0}.upload-instructions{font-size:14px;color:#666;margin:0}.image-preview-area{position:relative;width:100%;height:400px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.crop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.crop-box{width:300px;height:300px;border:2px solid #ffffff;border-radius:4px;box-shadow:0 0 0 9999px #0000004d}.preview-image-container{position:absolute;top:50%;left:50%;transform-origin:center center;transition:transform .1s ease-out;z-index:1}.preview-image{max-width:500px;max-height:500px;object-fit:contain;display:block}.zoom-control{display:flex;align-items:center;gap:12px;padding:0 20px}.zoom-icon{font-size:18px;color:#666;-webkit-user-select:none;user-select:none}.zoom-slider{flex:1;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none;appearance:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#007bff;cursor:pointer;box-shadow:0 2px 4px #0003}.zoom-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#007bff;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.file-input-wrapper{display:flex;align-items:center;gap:12px}.choose-file-button{padding:8px 16px;font-size:14px;font-weight:500;color:#333;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s,border-color .2s}.choose-file-button:hover{background-color:#f5f5f5;border-color:#007bff}.file-name{font-size:14px;color:#666;flex:1}.file-input{display:none}.upload-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.upload-photo-button{padding:12px 32px;font-size:16px;font-weight:600;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s;text-transform:uppercase}.upload-photo-button:hover:not(:disabled){background-color:#0056b3}.upload-photo-button:active:not(:disabled){transform:scale(.98)}.upload-photo-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.done-button{padding:12px 32px;font-size:16px;font-weight:600;color:#fff;background-color:#6c757d;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s}.done-button:hover{background-color:#5a6268}.done-button:active{transform:scale(.98)}@media(max-width:968px){.upload-avatar-wrapper{grid-template-columns:1fr}.upload-avatar-container{padding:20px}.upload-avatar-content{grid-template-columns:1fr;gap:30px}.image-preview-area{height:300px}.crop-box{width:200px;height:200px}.upload-actions{flex-direction:column}.upload-photo-button,.done-button{width:100%}}.openapi-unbundling-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.openapi-unbundling-main{flex:1;padding:20px;overflow:hidden}.openapi-unbundling-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:calc(100vh - 200px);min-height:600px;overflow:hidden}.openapi-unbundling-container{padding:40px;overflow-y:auto;height:100%}.openapi-content{display:grid;grid-template-columns:160px 1fr;gap:30px}.account-panel{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0;padding-top:4px}.avatar-placeholder{width:120px;height:120px;border-radius:50%;overflow:hidden;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-label{font-size:14px;color:#333;font-weight:500;margin:0}.upload-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#f60;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.upload-button:hover{background-color:#e55a00}.upload-icon{font-size:16px}.content-panel{display:flex;flex-direction:column;gap:30px}.user-name-section{padding-bottom:20px;border-bottom:1px solid #eee}.user-name-label{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.user-name-value{font-size:14px;color:#666;margin:0}.table-section{display:flex;flex-direction:column;gap:20px}.client-table{width:100%;border-collapse:collapse;border:1px solid #ddd}.client-table thead{background-color:#f8f8f8}.client-table th{padding:12px;text-align:left;font-size:14px;font-weight:600;color:#333;border-bottom:2px solid #ddd;border-right:1px solid #ddd}.client-table th:last-child{border-right:none}.client-table td{padding:12px;font-size:14px;color:#666;border-bottom:1px solid #eee;border-right:1px solid #eee}.client-table td:last-child{border-right:none}.client-table tbody tr:hover{background-color:#f9f9f9}.client-table tbody tr:last-child td{border-bottom:none}.empty-table-message{text-align:center;color:#999;font-style:italic;padding:40px!important}.table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #eee}.pagination-info{font-size:14px;color:#666}.pagination-controls{display:flex;gap:8px}.pagination-button{padding:6px 12px;font-size:14px;color:#333;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s,border-color .2s;min-width:50px}.pagination-button:hover:not(:disabled){background-color:#f0f0f0;border-color:#007bff}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active{background-color:#007bff;color:#fff;border-color:#007bff;font-weight:600}.pagination-button.active:hover{background-color:#0056b3;border-color:#0056b3}@media(max-width:768px){.openapi-content{grid-template-columns:1fr;gap:30px}.table-footer{flex-direction:column;gap:15px;align-items:flex-start}.pagination-controls{flex-wrap:wrap}.client-table{font-size:12px}.client-table th,.client-table td{padding:8px}}*{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;background-color:#f5f5f5}#root{width:100%;min-height:100vh}