@charset "UTF-8";.filter-container .select{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);font-size:.85rem;padding:.625rem 2.25rem;height:100%;width:100%;box-sizing:border-box;border-radius:12px;cursor:pointer;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='%238E8E93' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;color:var(--text-color)}.toast-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:420px;width:calc(100% - 2rem);pointer-events:none;align-items:center}@media(max-width:640px){.toast-container{width:calc(100% - 2rem);max-width:calc(100% - 2rem)}}.toast{pointer-events:auto;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid;font-weight:500;font-size:.95rem;min-width:300px;animation:slideIn .28s ease-out;transition:transform .18s ease}@media(max-width:640px){.toast{min-width:unset;width:100%;border-radius:10px;padding:.9rem 1rem}}.toast.light{box-shadow:0 8px 32px #0000001f}.toast.dark{box-shadow:0 8px 32px #0006}.toast-success.light{background-color:#34c7591a;border-color:#34c759;color:#28a745}.toast-success.light .toast-icon{color:#34c759}.toast-success.dark{background-color:#34c75926;border-color:#34c759;color:#34c759}.toast-success.dark .toast-icon{color:#34c759}.toast-error.light{background-color:#ff3b301a;border-color:#ff3b30;color:#dc3545}.toast-error.light .toast-icon{color:#ff3b30}.toast-error.dark{background-color:#ff3b3026;border-color:#ff3b30;color:#ff6b6b}.toast-error.dark .toast-icon{color:#ff3b30}.toast-warning.light{background-color:#ff95001a;border-color:#ff9500;color:#fd7e14}.toast-warning.light .toast-icon{color:#ff9500}.toast-warning.dark{background-color:#ff950026;border-color:#ff9500;color:#ffb84d}.toast-warning.dark .toast-icon{color:#ff9500}.toast-info.light{background-color:#007aff1a;border-color:#007aff;color:#007aff}.toast-info.light .toast-icon{color:#007aff}.toast-info.dark{background-color:#007aff26;border-color:#007aff;color:#007aff}.toast-info.dark .toast-icon{color:#007aff}.toast-icon{flex-shrink:0;display:flex;align-items:center}.toast-message{flex:1;line-height:1.5}.toast-close{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;border-radius:6px;transition:all .12s ease;flex-shrink:0}.light .toast-close{color:#6c757d}.light .toast-close:hover{background-color:#0000000d;transform:translateY(-1px)}.dark .toast-close{color:#8e8e93}.dark .toast-close:hover{background-color:#ffffff14;transform:translateY(-1px)}@keyframes slideIn{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--body-bg)}.error-boundary-content{max-width:600px;text-align:center;background:var(--card-bg);padding:3rem 2rem;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid var(--input-border)}.error-icon{font-size:5rem;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-title{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.error-description{font-size:1.1rem;color:var(--input-placeholder);margin-bottom:2rem;line-height:1.6}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-btn{padding:.875rem 1.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.error-btn.primary{background:var(--primary-blue);color:#fff}.error-btn.primary:hover{background:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}.error-btn.secondary{background:transparent;color:var(--text-color);border:2px solid var(--input-border)}.error-btn.secondary:hover{background:var(--input-bg);border-color:var(--primary-blue)}.error-btn:active{transform:translateY(0)}@media(max-width:768px){.error-boundary-content{padding:2rem 1.5rem}.error-title{font-size:1.5rem}.error-actions{flex-direction:column}.error-actions .error-btn{width:100%}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.filter-container .select{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);font-size:.85rem;padding:.625rem 2.25rem;height:100%;width:100%;box-sizing:border-box;border-radius:12px;cursor:pointer;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='%238E8E93' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;color:var(--text-color)}.admin-page-header{margin-bottom:32px}.admin-page-header .header-main{display:flex;align-items:center;gap:16px;margin-bottom:20px}.admin-page-header .header-main h1{margin:0;font-size:1.8rem;color:#2c3e50;flex:1}.admin-page-header .header-main .header-badges{display:flex;gap:8px}.admin-page-header .header-main .header-badges .status-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-page-header .header-main .header-badges .status-badge.published{background:#2ecc71;color:#fff}.admin-page-header .header-main .header-badges .status-badge.preview{background:#9b59b6;color:#fff}.admin-page-header .header-main .header-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.admin-page-header .header-main .header-actions .action-group{display:flex;gap:8px;align-items:center}.admin-page-header .header-main .header-actions .share-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.admin-page-header .header-main .header-actions .share-actions .share-label{font-size:.875rem;color:#7f8c8d;font-weight:500}.admin-page-header .header-main .header-actions .share-actions .btn-icon{padding:8px;min-width:auto;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid #ddd;color:#7f8c8d}.admin-page-header .header-main .header-actions .share-actions .btn-icon:hover{background:#fff3;color:#3498db}.admin-page-header .header-main .header-actions .share-actions .preview-link{font-size:.875rem;color:#7f8c8d;background:#ecf0f1;padding:6px 12px;border-radius:6px;font-family:Monaco,Menlo,monospace;font-weight:500}.admin-page-header .header-main .header-actions button{min-width:120px;display:flex;align-items:center;gap:6px}.blog-editor{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.blog-editor .editor-tabs{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}@media(max-width:1024px){.blog-editor .editor-tabs{grid-template-columns:1fr;gap:24px}}.blog-editor .tab-group label{display:block;font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:1.1rem}.blog-editor .tab-group .form-group{margin-bottom:20px}.blog-editor .tab-group .form-group label{display:flex;align-items:center;gap:6px;font-weight:500;color:#2c3e50;margin-bottom:8px;font-size:.9rem}.blog-editor .tab-group .form-group input[type=text],.blog-editor .tab-group .form-group input[type=url],.blog-editor .tab-group .form-group select,.blog-editor .tab-group .form-group textarea{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;transition:all .2s ease;background:#fff}.blog-editor .tab-group .form-group input[type=text]:focus,.blog-editor .tab-group .form-group input[type=url]:focus,.blog-editor .tab-group .form-group select:focus,.blog-editor .tab-group .form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.blog-editor .tab-group .form-group input[type=text].markdown-editor,.blog-editor .tab-group .form-group input[type=url].markdown-editor,.blog-editor .tab-group .form-group select.markdown-editor,.blog-editor .tab-group .form-group textarea.markdown-editor{font-family:Monaco,Menlo,monospace;font-size:.85rem;line-height:1.5;resize:vertical;min-height:400px}.blog-editor .tab-group .form-group input[type=text].error,.blog-editor .tab-group .form-group input[type=url].error,.blog-editor .tab-group .form-group select.error,.blog-editor .tab-group .form-group textarea.error{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c33}.blog-editor .tab-group .form-group textarea{resize:vertical}.blog-editor .tab-group .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.blog-editor .tab-group .form-row{grid-template-columns:1fr;gap:16px}}.blog-editor .image-upload-container .image-upload-section{display:flex;gap:12px;margin-bottom:16px;align-items:center}.blog-editor .image-upload-container .image-input{display:none}.blog-editor .image-upload-container .upload-btn{padding:12px 20px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;gap:8px}.blog-editor .image-upload-container .upload-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.blog-editor .image-upload-container .upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.blog-editor .image-upload-container .upload-info{font-size:.8rem;color:#7f8c8d;margin-top:4px;font-style:italic}.blog-editor .image-upload-container .image-url-section{margin-bottom:12px}.blog-editor .image-upload-container .image-url-section input{width:100%}.blog-editor .image-upload-container .image-preview{margin-top:16px;border-radius:8px;overflow:hidden;border:2px solid #ddd;position:relative;background:#f8f9fa}.blog-editor .image-upload-container .image-preview img{width:100%;height:250px;object-fit:cover;display:block;transition:transform .3s ease}.blog-editor .image-upload-container .image-preview:hover img{transform:scale(1.02)}.blog-editor .image-upload-container .upload-status{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;border-radius:6px;font-size:.8rem}.blog-editor .image-upload-container .upload-status.success{background:#d4edda;color:#155724}.blog-editor .image-upload-container .upload-status.error{background:#f8d7da;color:#721c24}.blog-editor .image-upload-container .upload-status.uploading{background:#fff3cd;color:#856404}.blog-editor .seo-section{margin-top:24px;padding:24px;background:#f8f9fa;border-radius:8px}.blog-editor .seo-section h3{margin:0 0 20px;color:#2c3e50;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:8px}.blog-editor .seo-section h3:before{content:"🔍";font-size:1.4rem}.blog-editor .seo-section .seo-field-info{display:flex;justify-content:space-between;align-items:center;margin-top:6px;margin-bottom:8px}.blog-editor .seo-section .seo-field-info .character-count{font-size:.8rem;padding:2px 8px;border-radius:12px}.blog-editor .seo-section .seo-field-info .character-count.good{background:#d4edda;color:#155724}.blog-editor .seo-section .seo-field-info .character-count.warning{background:#fff3cd;color:#856404}.blog-editor .seo-section .seo-field-info .character-count.error{background:#f8d7da;color:#721c24}.blog-editor .seo-section .form-group{margin-bottom:20px}.blog-editor .seo-section .form-group label{font-weight:500;color:#2c3e50;margin-bottom:8px;font-size:.9rem}.blog-editor .seo-section .form-group input[type=text],.blog-editor .seo-section .form-group textarea{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;transition:all .2s ease;background:#fff}.blog-editor .seo-section .form-group input[type=text]:focus,.blog-editor .seo-section .form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.blog-editor .seo-section .form-group input[type=text].error,.blog-editor .seo-section .form-group textarea.error{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c33}.blog-editor .seo-section .form-group textarea{min-height:80px;font-family:inherit}.blog-editor .seo-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:768px){.blog-editor .seo-section .form-row{grid-template-columns:1fr;gap:16px}}.blog-editor .field-error{color:#e74c3c;font-size:.8rem;margin-top:4px;display:block;padding:4px 8px;background:#f8d7da;border-radius:4px}.blog-editor .upload-guidelines{margin-top:24px;padding:20px;background:#e8f5e8;border-radius:8px;border-left:4px solid #28a745}.blog-editor .upload-guidelines h4{margin:0 0 16px;color:#155724;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:8px}.blog-editor .upload-guidelines h4:before{content:"📋";font-size:1.2rem}.blog-editor .upload-guidelines ul{margin:0;padding-left:20px}.blog-editor .upload-guidelines ul li{margin-bottom:8px;color:#155724;font-size:.9rem;line-height:1.5}.blog-editor .upload-guidelines ul li strong{color:#155724}.admin-dashboard{display:flex;min-height:100vh;background:var(--bg-gradient);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:0;width:100%}@media(min-width:768px){.admin-dashboard{display:flex}}.admin-dashboard .mobile-admin-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-bottom:1px solid var(--border-color);align-items:center;padding:0 1rem;z-index:999}[data-theme=dark] .admin-dashboard .mobile-admin-header{background:#1e1e1eb3;border-color:#ffffff1a}@media(max-width:768px){.admin-dashboard .mobile-admin-header{display:flex}}.admin-dashboard .mobile-admin-header h2{margin:0;font-size:1.25rem;color:var(--text-color)}.admin-dashboard .mobile-admin-header .menu-toggle{background:none;border:none;padding:0;cursor:pointer;font:inherit;font-size:1.5rem;margin-right:1rem;color:var(--text-color);padding:.5rem}.admin-dashboard .mobile-admin-header .menu-toggle:hover{background:var(--hover-bg);border-radius:8px}.admin-dashboard .admin-sidebar{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .admin-dashboard .admin-sidebar{background:#1e1e1eb3;border-color:#ffffff1a}.admin-dashboard .admin-sidebar{width:100%;height:auto;box-shadow:0 4px 6px #0000001a;z-index:100;display:flex;flex-direction:column;position:fixed;overflow-y:auto;transition:transform .3s ease}@media(min-width:768px){.admin-dashboard .admin-sidebar{width:280px;height:100vh;position:sticky;top:0}}@media(max-width:768px){.admin-dashboard .admin-sidebar{transform:translate(-100%);height:100vh}.admin-dashboard .admin-sidebar.mobile-open{transform:translate(0)}}.admin-dashboard .admin-sidebar .sidebar-content{display:flex;flex-direction:column;height:100%}.admin-dashboard .admin-sidebar .sidebar-overlay{display:none}@media(max-width:768px){.admin-dashboard .admin-sidebar .sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:-1}}.admin-dashboard .admin-sidebar .sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.admin-dashboard .admin-sidebar .sidebar-header .logo-container{display:flex;align-items:center;gap:.75rem}.admin-dashboard .admin-sidebar .sidebar-header .logo-container .logo-icon{font-size:2rem}.admin-dashboard .admin-sidebar .sidebar-header .logo-container .logo-text h2{font-size:1.25rem;font-weight:700;color:var(--text-color);margin:0;letter-spacing:-.5px;display:flex;align-items:center;gap:.5rem}.admin-dashboard .admin-sidebar .sidebar-header .logo-container .logo-text .badge{display:inline-block;font-size:.7rem;padding:.2rem .5rem;background:var(--primary-blue);color:#fff;border-radius:6px;font-weight:600;margin-left:.5rem}.admin-dashboard .admin-sidebar .admin-info{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);text-align:center}.admin-dashboard .admin-sidebar .admin-info .admin-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3498db,#9b59b6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.5rem;margin:0 auto .75rem}.admin-dashboard .admin-sidebar .admin-info .admin-name{font-size:.95rem;font-weight:600;color:var(--text-color);margin:0 0 .25rem}.admin-dashboard .admin-sidebar .admin-info .admin-role{font-size:.8rem;color:var(--text-secondary);margin:.5rem auto 0;display:inline-block}.admin-dashboard .admin-sidebar .sidebar-nav{padding:1rem 0;flex:1;overflow-y:auto}.admin-dashboard .admin-sidebar .sidebar-nav .nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--text-color);text-decoration:none;transition:all .2s ease;cursor:pointer;border-left:3px solid transparent}.admin-dashboard .admin-sidebar .sidebar-nav .nav-item .nav-icon{font-size:1.25rem;opacity:.7;display:flex;align-items:center}.admin-dashboard .admin-sidebar .sidebar-nav .nav-item .nav-label{font-size:.95rem;font-weight:500;flex:1}.admin-dashboard .admin-sidebar .sidebar-nav .nav-item:hover{background:var(--hover-bg);border-left-color:var(--primary-blue)}.admin-dashboard .admin-sidebar .sidebar-nav .nav-item:hover .nav-icon{opacity:1}.admin-dashboard .admin-sidebar .sidebar-nav .nav-item.active{background:#007aff1a;border-left-color:var(--primary-blue);color:var(--primary-blue);font-weight:600}.admin-dashboard .admin-sidebar .sidebar-nav .nav-item.active .nav-icon{opacity:1}.admin-dashboard .admin-sidebar .sidebar-nav .nav-section{padding:1rem 1.5rem .5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.admin-dashboard .admin-sidebar .sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);margin-top:auto}.admin-dashboard .admin-sidebar .sidebar-footer .logout-btn{background:none;border:none;padding:0;font:inherit;width:100%;padding:.75rem;background:#e74c3c;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-dashboard .admin-sidebar .sidebar-footer .logout-btn:hover{background:#d62c1a;transform:translateY(-2px)}.admin-dashboard .admin-main{flex:1;padding:1.5rem;width:100%;min-width:0}@media(min-width:768px){.admin-dashboard .admin-main{padding:2rem}}@media(max-width:768px){.admin-dashboard .admin-main{margin-left:0;margin-top:60px;padding:1rem}}.admin-dashboard .admin-page-header,.admin-dashboard .page-header,.admin-dashboard .dashboard-header{margin-bottom:2rem}.admin-dashboard .admin-page-header .page-title-row,.admin-dashboard .admin-page-header h1,.admin-dashboard .page-header .page-title-row,.admin-dashboard .page-header h1,.admin-dashboard .dashboard-header .page-title-row,.admin-dashboard .dashboard-header h1{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;font-size:1.75rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem;letter-spacing:-.5px}@media(min-width:768px){.admin-dashboard .admin-page-header .page-title-row,.admin-dashboard .admin-page-header h1,.admin-dashboard .page-header .page-title-row,.admin-dashboard .page-header h1,.admin-dashboard .dashboard-header .page-title-row,.admin-dashboard .dashboard-header h1{font-size:2rem}}.admin-dashboard .admin-page-header .page-subtitle,.admin-dashboard .admin-page-header .subtitle,.admin-dashboard .page-header .page-subtitle,.admin-dashboard .page-header .subtitle,.admin-dashboard .dashboard-header .page-subtitle,.admin-dashboard .dashboard-header .subtitle{font-size:.95rem;color:var(--text-secondary);margin:0}.admin-dashboard .loading-state,.admin-dashboard .error-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4rem 2rem;text-align:center}.admin-dashboard .loading-state .spinner-large,.admin-dashboard .error-state .spinner-large{width:3rem;height:3rem;border:3px solid var(--border-color);border-top-color:var(--primary-blue);border-radius:50%;animation:admin-spin .8s linear infinite;margin-bottom:1rem}.admin-dashboard .loading-state .spinner,.admin-dashboard .error-state .spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:admin-spin .6s linear infinite}.admin-dashboard .loading-state p,.admin-dashboard .error-state p{color:var(--text-secondary);font-size:.95rem;margin-top:1rem}.admin-dashboard .error-state p{color:#e74c3c;font-size:1rem;margin-bottom:1.5rem}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-dashboard .empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4rem 2rem}.admin-dashboard .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.admin-dashboard .empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem}.admin-dashboard .empty-state p{color:var(--text-secondary);font-size:.95rem;margin:0}.admin-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}@media(min-width:768px){.admin-dashboard .stats-grid{gap:1.5rem}}.admin-dashboard .stat-card-admin,.admin-dashboard .stat-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .admin-dashboard .stat-card-admin,[data-theme=dark] .admin-dashboard .stat-card{background:#1e1e1eb3;border-color:#ffffff1a}.admin-dashboard .stat-card-admin,.admin-dashboard .stat-card{padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;border-top:3px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.admin-dashboard .stat-card-admin:before,.admin-dashboard .stat-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(0,122,255,.1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%);pointer-events:none}@media(hover:hover){.admin-dashboard .stat-card-admin:hover,.admin-dashboard .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}}.admin-dashboard .stat-card-admin .stat-header,.admin-dashboard .stat-card .stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.admin-dashboard .stat-card-admin .stat-header .stat-icon,.admin-dashboard .stat-card .stat-header .stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;opacity:.8}.admin-dashboard .stat-card-admin .stat-header .stat-trend,.admin-dashboard .stat-card .stat-header .stat-trend{font-size:.85rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}.admin-dashboard .stat-card-admin .stat-header .stat-trend.positive,.admin-dashboard .stat-card .stat-header .stat-trend.positive{color:#34c759;background:#34c7591a}.admin-dashboard .stat-card-admin .stat-header .stat-trend.negative,.admin-dashboard .stat-card .stat-header .stat-trend.negative{color:#ff3b30;background:#ff3b301a}.admin-dashboard .stat-card-admin .stat-content,.admin-dashboard .stat-card .stat-content{flex:1}.admin-dashboard .stat-card-admin .stat-content .stat-title,.admin-dashboard .stat-card .stat-content .stat-title{margin:0 0 .5rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}.admin-dashboard .stat-card-admin .stat-content .stat-value,.admin-dashboard .stat-card .stat-content .stat-value{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;color:var(--text-color)}.admin-dashboard .stat-card-admin .stat-content .stat-trend,.admin-dashboard .stat-card .stat-content .stat-trend{font-size:.8rem;font-weight:600}.admin-dashboard .stat-card-admin .stat-value,.admin-dashboard .stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--text-color);margin:.5rem 0;letter-spacing:-1px}@media(min-width:768px){.admin-dashboard .stat-card-admin .stat-value,.admin-dashboard .stat-card .stat-value{font-size:2.5rem}}.admin-dashboard .stat-card-admin .stat-label,.admin-dashboard .stat-card .stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500;margin:0}.admin-dashboard .stat-card-admin .stat-footer,.admin-dashboard .stat-card .stat-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.85rem;color:var(--text-secondary)}.admin-dashboard .analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-dashboard .summary-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem}[data-theme=dark] .admin-dashboard .summary-card{background:#1e1e1eb3}.admin-dashboard .summary-card .summary-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.admin-dashboard .summary-card .summary-content{flex:1}.admin-dashboard .summary-card .summary-content .summary-label{margin:0 0 .5rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}.admin-dashboard .summary-card .summary-content .summary-value{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;color:var(--text-color)}.admin-dashboard .summary-card .summary-content .summary-change{font-size:.8rem;font-weight:600}.admin-dashboard .summary-card .summary-content .summary-change.positive{color:#2ecc71}.admin-dashboard .summary-card .summary-content .summary-change.negative{color:#e74c3c}.admin-dashboard .chart-card-admin,.admin-dashboard .chart-section{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .admin-dashboard .chart-card-admin,[data-theme=dark] .admin-dashboard .chart-section{background:#1e1e1eb3;border-color:#ffffff1a}.admin-dashboard .chart-card-admin,.admin-dashboard .chart-section{border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.admin-dashboard .chart-card-admin .chart-header,.admin-dashboard .chart-section .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-dashboard .chart-card-admin .chart-header h2,.admin-dashboard .chart-card-admin .chart-header h3,.admin-dashboard .chart-section .chart-header h2,.admin-dashboard .chart-section .chart-header h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem}.admin-dashboard .chart-card-admin .chart-header p,.admin-dashboard .chart-section .chart-header p{margin:0;font-size:.9rem;color:var(--text-secondary)}.admin-dashboard .chart-card-admin .chart-header .chart-actions,.admin-dashboard .chart-section .chart-header .chart-actions{display:flex;gap:.5rem}.admin-dashboard .chart-card-admin .chart-header .chart-actions button,.admin-dashboard .chart-section .chart-header .chart-actions button{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-dashboard .chart-card-admin .chart-header .chart-actions button:hover,.admin-dashboard .chart-section .chart-header .chart-actions button:hover{background:var(--hover-bg)}.admin-dashboard .chart-card-admin .chart-header .chart-actions button.active,.admin-dashboard .chart-section .chart-header .chart-actions button.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.admin-dashboard .chart-card-admin .chart-container,.admin-dashboard .chart-section .chart-container{height:350px;width:100%}@media(min-width:768px){.admin-dashboard .chart-card-admin .chart-container,.admin-dashboard .chart-section .chart-container{height:400px}}.admin-dashboard .tier-breakdown-section,.admin-dashboard .tier-breakdown-large{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}[data-theme=dark] .admin-dashboard .tier-breakdown-section,[data-theme=dark] .admin-dashboard .tier-breakdown-large{background:#1e1e1eb3;border-color:#ffffff1a}.admin-dashboard .tier-breakdown-section h2,.admin-dashboard .tier-breakdown-large h2{margin:0 0 1.5rem;font-size:1.25rem;color:var(--text-color)}.admin-dashboard .tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.admin-dashboard .tier-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.admin-dashboard .tier-card,.admin-dashboard .tier-detail-card{padding:1.5rem;border-radius:8px;background:linear-gradient(135deg,#3498db0d 0% 100%);border:1px solid rgba(52,152,219,.2)}[data-theme=dark] .admin-dashboard .tier-card,[data-theme=dark] .admin-dashboard .tier-detail-card{background:linear-gradient(135deg,#3498db1a,#9b59b61a)}.admin-dashboard .tier-card .tier-header,.admin-dashboard .tier-detail-card .tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-dashboard .tier-card .tier-header h3,.admin-dashboard .tier-detail-card .tier-header h3{margin:0 0 .5rem;font-size:1rem;color:var(--text-color)}.admin-dashboard .tier-card .tier-info,.admin-dashboard .tier-detail-card .tier-info{margin-bottom:1rem}.admin-dashboard .tier-card .tier-info h3,.admin-dashboard .tier-detail-card .tier-info h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-color)}.admin-dashboard .tier-card .tier-info .tier-price,.admin-dashboard .tier-detail-card .tier-info .tier-price{margin:0;font-size:.9rem;color:var(--text-secondary);font-weight:600}.admin-dashboard .tier-card .tier-badge,.admin-dashboard .tier-detail-card .tier-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700}.admin-dashboard .tier-card .tier-badge.free,.admin-dashboard .tier-detail-card .tier-badge.free{background:#7f8c8d1a;color:#7f8c8d}.admin-dashboard .tier-card .tier-badge.standard,.admin-dashboard .tier-detail-card .tier-badge.standard{background:#3498db1a;color:#3498db}.admin-dashboard .tier-card .tier-badge.premium,.admin-dashboard .tier-detail-card .tier-badge.premium{background:#9b59b61a;color:#9b59b6}.admin-dashboard .tier-card .tier-count,.admin-dashboard .tier-detail-card .tier-count{font-size:2rem;font-weight:700;color:var(--text-color);margin:.5rem 0}.admin-dashboard .tier-card .tier-percentage,.admin-dashboard .tier-detail-card .tier-percentage{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.admin-dashboard .tier-card .tier-stats .tier-count,.admin-dashboard .tier-detail-card .tier-stats .tier-count{font-size:2.5rem;font-weight:700;color:var(--text-color);margin:.5rem 0}.admin-dashboard .tier-card .tier-stats .tier-percentage,.admin-dashboard .tier-detail-card .tier-stats .tier-percentage{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.admin-dashboard .tier-card .tier-stats .tier-revenue,.admin-dashboard .tier-detail-card .tier-stats .tier-revenue{font-size:1rem;font-weight:700;color:#2ecc71}.admin-dashboard .tier-detail-card{border-left:4px solid}.admin-dashboard .filters-section,.admin-dashboard .controls-section{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-dashboard .filters-section .search-box,.admin-dashboard .controls-section .search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.admin-dashboard .filters-section .search-box svg,.admin-dashboard .controls-section .search-box svg{position:absolute;left:1rem;color:var(--text-secondary);pointer-events:none}.admin-dashboard .filters-section .search-box input,.admin-dashboard .controls-section .search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;background:var(--card-bg);color:var(--text-color);transition:all .2s ease}.admin-dashboard .filters-section .search-box input:focus,.admin-dashboard .controls-section .search-box input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a}.admin-dashboard .filters-section .filter-group,.admin-dashboard .filters-section .period-selector,.admin-dashboard .controls-section .filter-group,.admin-dashboard .controls-section .period-selector{display:flex;align-items:center;gap:.5rem}.admin-dashboard .filters-section .filter-group svg,.admin-dashboard .filters-section .period-selector svg,.admin-dashboard .controls-section .filter-group svg,.admin-dashboard .controls-section .period-selector svg{color:var(--text-secondary)}.admin-dashboard .filters-section .filter-group label,.admin-dashboard .filters-section .period-selector label,.admin-dashboard .controls-section .filter-group label,.admin-dashboard .controls-section .period-selector label{font-weight:600;color:var(--text-color)}.admin-dashboard .filters-section .filter-group select,.admin-dashboard .filters-section .period-selector select,.admin-dashboard .controls-section .filter-group select,.admin-dashboard .controls-section .period-selector select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;cursor:pointer;background:var(--card-bg);color:var(--text-color);transition:all .2s ease}.admin-dashboard .filters-section .filter-group select:focus,.admin-dashboard .filters-section .period-selector select:focus,.admin-dashboard .controls-section .filter-group select:focus,.admin-dashboard .controls-section .period-selector select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a}.admin-dashboard .data-table-container,.admin-dashboard .table-container{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .admin-dashboard .data-table-container,[data-theme=dark] .admin-dashboard .table-container{background:#1e1e1eb3;border-color:#ffffff1a}.admin-dashboard .data-table-container,.admin-dashboard .table-container{border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;overflow:hidden}.admin-dashboard .data-table-container .table-header,.admin-dashboard .table-container .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-dashboard .data-table-container .table-header h3,.admin-dashboard .table-container .table-header h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0}.admin-dashboard .data-table-container .table-header .table-actions,.admin-dashboard .table-container .table-header .table-actions{display:flex;gap:.75rem;flex-wrap:wrap}.admin-dashboard .data-table-container .table-header .table-actions .search-input,.admin-dashboard .table-container .table-header .table-actions .search-input{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);font-size:.9rem;min-width:200px}.admin-dashboard .data-table-container .table-header .table-actions .search-input:focus,.admin-dashboard .table-container .table-header .table-actions .search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a}.admin-dashboard .data-table-container .table-header .table-actions select,.admin-dashboard .table-container .table-header .table-actions select{padding:.5rem 2rem .5rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);font-size:.9rem;cursor:pointer;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='%238E8E93' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.admin-dashboard .data-table-container .table-wrapper,.admin-dashboard .table-container .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-dashboard .users-table,.admin-dashboard .subscriptions-table,.admin-dashboard .activity-log-table{width:100%;border-collapse:collapse}.admin-dashboard .users-table thead,.admin-dashboard .subscriptions-table thead,.admin-dashboard .activity-log-table thead{background:var(--hover-bg)}.admin-dashboard .users-table thead tr th,.admin-dashboard .subscriptions-table thead tr th,.admin-dashboard .activity-log-table thead tr th{padding:1rem;text-align:left;font-weight:600;font-size:.85rem;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap}.admin-dashboard .users-table tbody tr,.admin-dashboard .subscriptions-table tbody tr,.admin-dashboard .activity-log-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease}.admin-dashboard .users-table tbody tr:hover,.admin-dashboard .subscriptions-table tbody tr:hover,.admin-dashboard .activity-log-table tbody tr:hover{background:var(--hover-bg)}.admin-dashboard .users-table tbody tr td,.admin-dashboard .subscriptions-table tbody tr td,.admin-dashboard .activity-log-table tbody tr td{padding:1rem;font-size:.9rem;color:var(--text-color)}.admin-dashboard .users-table tbody tr td.email-cell,.admin-dashboard .subscriptions-table tbody tr td.email-cell,.admin-dashboard .activity-log-table tbody tr td.email-cell{color:var(--primary-blue);font-weight:500}.admin-dashboard .users-table .user-cell,.admin-dashboard .subscriptions-table .user-cell,.admin-dashboard .activity-log-table .user-cell{display:flex;align-items:center;gap:.75rem}.admin-dashboard .users-table .user-cell .user-avatar,.admin-dashboard .subscriptions-table .user-cell .user-avatar,.admin-dashboard .activity-log-table .user-cell .user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3498db,#9b59b6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.admin-dashboard .users-table .tier-badge,.admin-dashboard .subscriptions-table .tier-badge,.admin-dashboard .activity-log-table .tier-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.admin-dashboard .users-table .tier-badge.free,.admin-dashboard .users-table .tier-badge.badge-free,.admin-dashboard .subscriptions-table .tier-badge.free,.admin-dashboard .subscriptions-table .tier-badge.badge-free,.admin-dashboard .activity-log-table .tier-badge.free,.admin-dashboard .activity-log-table .tier-badge.badge-free{background:#8080801a;color:gray}.admin-dashboard .users-table .tier-badge.standard,.admin-dashboard .users-table .tier-badge.badge-standard,.admin-dashboard .subscriptions-table .tier-badge.standard,.admin-dashboard .subscriptions-table .tier-badge.badge-standard,.admin-dashboard .activity-log-table .tier-badge.standard,.admin-dashboard .activity-log-table .tier-badge.badge-standard{background:#007aff1a;color:#007aff}.admin-dashboard .users-table .tier-badge.premium,.admin-dashboard .users-table .tier-badge.badge-premium,.admin-dashboard .subscriptions-table .tier-badge.premium,.admin-dashboard .subscriptions-table .tier-badge.badge-premium,.admin-dashboard .activity-log-table .tier-badge.premium,.admin-dashboard .activity-log-table .tier-badge.badge-premium{background:linear-gradient(135deg,gold,orange);color:#000}.admin-dashboard .users-table .status-badge,.admin-dashboard .subscriptions-table .status-badge,.admin-dashboard .activity-log-table .status-badge{padding:.35rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem}.admin-dashboard .users-table .status-badge.verified,.admin-dashboard .subscriptions-table .status-badge.verified,.admin-dashboard .activity-log-table .status-badge.verified{background:#2ecc711a;color:#2ecc71}.admin-dashboard .users-table .status-badge.unverified,.admin-dashboard .subscriptions-table .status-badge.unverified,.admin-dashboard .activity-log-table .status-badge.unverified{background:#f39c121a;color:#f39c12}.admin-dashboard .users-table .status-badge.active,.admin-dashboard .subscriptions-table .status-badge.active,.admin-dashboard .activity-log-table .status-badge.active{background:#2ecc711a;color:#2ecc71}.admin-dashboard .users-table .status-badge.inactive,.admin-dashboard .subscriptions-table .status-badge.inactive,.admin-dashboard .activity-log-table .status-badge.inactive{background:#7f8c8d1a;color:#7f8c8d}.admin-dashboard .users-table .action-buttons,.admin-dashboard .subscriptions-table .action-buttons,.admin-dashboard .activity-log-table .action-buttons{display:flex;gap:.5rem}.admin-dashboard .users-table .action-buttons button,.admin-dashboard .subscriptions-table .action-buttons button,.admin-dashboard .activity-log-table .action-buttons button{padding:.375rem .75rem;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-dashboard .users-table .action-buttons button:hover,.admin-dashboard .subscriptions-table .action-buttons button:hover,.admin-dashboard .activity-log-table .action-buttons button:hover{background:var(--hover-bg)}.admin-dashboard .users-table .action-buttons button.danger,.admin-dashboard .subscriptions-table .action-buttons button.danger,.admin-dashboard .activity-log-table .action-buttons button.danger{color:#ff3b30}.admin-dashboard .users-table .action-buttons button.danger:hover,.admin-dashboard .subscriptions-table .action-buttons button.danger:hover,.admin-dashboard .activity-log-table .action-buttons button.danger:hover{background:#ff3b301a}.admin-dashboard .users-table .btn-icon,.admin-dashboard .subscriptions-table .btn-icon,.admin-dashboard .activity-log-table .btn-icon{background:none;border:none;padding:0;cursor:pointer;font:inherit;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.admin-dashboard .users-table .btn-icon:hover,.admin-dashboard .subscriptions-table .btn-icon:hover,.admin-dashboard .activity-log-table .btn-icon:hover{background:var(--hover-bg);color:var(--primary-blue)}.admin-dashboard .users-table .btn-icon.danger:hover,.admin-dashboard .subscriptions-table .btn-icon.danger:hover,.admin-dashboard .activity-log-table .btn-icon.danger:hover{background:#e74c3c1a;color:#e74c3c}.admin-dashboard .users-table .revenue-cell,.admin-dashboard .subscriptions-table .revenue-cell,.admin-dashboard .activity-log-table .revenue-cell{font-weight:700;color:#2ecc71}.admin-dashboard .timestamp-cell{font-family:Monaco,Consolas,monospace;font-size:.85rem;color:var(--text-secondary)}.admin-dashboard .admin-cell .admin-info{display:flex;align-items:center;gap:.75rem}.admin-dashboard .admin-cell .admin-info .admin-avatar-small{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3498db,#9b59b6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.admin-dashboard .admin-cell .admin-info .admin-name{font-weight:600;font-size:.9rem}.admin-dashboard .admin-cell .admin-info .admin-email{font-size:.8rem;color:var(--text-secondary)}.admin-dashboard .action-badge{padding:.35rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.admin-dashboard .target-info{display:flex;align-items:center;gap:.5rem}.admin-dashboard .target-info .target-id{background:var(--hover-bg);padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:.75rem}.admin-dashboard .no-target,.admin-dashboard .no-details{color:var(--text-secondary);font-style:italic}.admin-dashboard .ip-cell code{background:var(--hover-bg);padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:.8rem}.admin-dashboard .details-expandable summary{cursor:pointer;color:var(--primary-blue);font-size:.85rem;font-weight:600}.admin-dashboard .details-expandable summary:hover{text-decoration:underline}.admin-dashboard .details-expandable pre{margin-top:.5rem;padding:1rem;background:var(--hover-bg);border-radius:6px;font-size:.75rem;overflow-x:auto}.admin-dashboard .table-pagination,.admin-dashboard .pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:#ffffffb3;border-radius:12px;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .admin-dashboard .table-pagination,[data-theme=dark] .admin-dashboard .pagination{background:#1e1e1eb3}.admin-dashboard .table-pagination .pagination-info,.admin-dashboard .table-pagination .page-info,.admin-dashboard .pagination .pagination-info,.admin-dashboard .pagination .page-info{font-size:.9rem;color:var(--text-secondary);font-weight:600;padding:0 1rem}.admin-dashboard .table-pagination .pagination-buttons,.admin-dashboard .table-pagination button,.admin-dashboard .pagination .pagination-buttons,.admin-dashboard .pagination button{display:flex;gap:.5rem}.admin-dashboard .table-pagination .pagination-buttons button,.admin-dashboard .table-pagination button button,.admin-dashboard .pagination .pagination-buttons button,.admin-dashboard .pagination button button{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-dashboard .table-pagination .pagination-buttons button:hover:not(:disabled),.admin-dashboard .table-pagination button button:hover:not(:disabled),.admin-dashboard .pagination .pagination-buttons button:hover:not(:disabled),.admin-dashboard .pagination button button:hover:not(:disabled){background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.admin-dashboard .table-pagination .pagination-buttons button:disabled,.admin-dashboard .table-pagination button button:disabled,.admin-dashboard .pagination .pagination-buttons button:disabled,.admin-dashboard .pagination button button:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard .table-pagination .pagination-buttons button.active,.admin-dashboard .table-pagination button button.active,.admin-dashboard .pagination .pagination-buttons button.active,.admin-dashboard .pagination button button.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.admin-dashboard .btn-primary{padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.admin-dashboard .btn-primary:hover:not(:disabled){background:#217dbb;transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.admin-dashboard .btn-primary:disabled{opacity:.6;cursor:not-allowed}.admin-dashboard .btn-primary.btn-large{padding:1rem 2rem;font-size:1rem}.admin-dashboard .btn-secondary{padding:.75rem 1.5rem;background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.admin-dashboard .btn-secondary:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary-blue)}.admin-dashboard .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.admin-dashboard .btn-secondary.btn-small{padding:.5rem 1rem;font-size:.85rem}.admin-dashboard .notifications-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem}@media(max-width:1024px){.admin-dashboard .notifications-layout{grid-template-columns:1fr}}.admin-dashboard .notification-form-section{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .admin-dashboard .notification-form-section{background:#1e1e1eb3}.admin-dashboard .notification-form-section .form-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.admin-dashboard .notification-form-section .form-header svg{color:var(--primary-blue);font-size:2rem}.admin-dashboard .notification-form-section .form-header h2{margin:0;font-size:1.5rem;color:var(--text-color)}.admin-dashboard .notification-form-section .form-group{margin-bottom:1.5rem}.admin-dashboard .notification-form-section .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.admin-dashboard .notification-form-section .form-group .input,.admin-dashboard .notification-form-section .form-group .textarea,.admin-dashboard .notification-form-section .form-group .select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--card-bg);color:var(--text-color);transition:all .2s ease}.admin-dashboard .notification-form-section .form-group .input:focus,.admin-dashboard .notification-form-section .form-group .textarea:focus,.admin-dashboard .notification-form-section .form-group .select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a}.admin-dashboard .notification-form-section .form-group .textarea{resize:vertical;min-height:100px}.admin-dashboard .notification-form-section .form-group small{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-secondary)}.admin-dashboard .templates-section h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-color)}.admin-dashboard .templates-section .subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.admin-dashboard .templates-grid{display:grid;gap:1rem;margin-bottom:2rem}.admin-dashboard .template-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .2s ease}[data-theme=dark] .admin-dashboard .template-card{background:#1e1e1eb3}.admin-dashboard .template-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.admin-dashboard .template-card .template-icon{font-size:2rem;margin-bottom:.75rem}.admin-dashboard .template-card h4{margin:0 0 .5rem;font-size:1rem;color:var(--text-color)}.admin-dashboard .template-card p{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.admin-dashboard .best-practices{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .admin-dashboard .best-practices{background:#1e1e1eb3}.admin-dashboard .best-practices h3{margin:0 0 1rem;font-size:1.1rem;color:var(--text-color)}.admin-dashboard .best-practices ul{margin:0;padding:0;list-style:none}.admin-dashboard .best-practices ul li{padding:.5rem 0;font-size:.9rem;color:var(--text-color);border-bottom:1px solid var(--border-color)}.admin-dashboard .best-practices ul li:last-child{border-bottom:none}.admin-dashboard .alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:600}.admin-dashboard .alert.alert-success{background:#2ecc711a;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.admin-dashboard .alert.alert-error{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.admin-dashboard .alert.alert-warning{background:#f39c121a;color:#f39c12;border:1px solid rgba(243,156,18,.3)}.admin-dashboard .security-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-dashboard .activity-log-section{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .admin-dashboard .activity-log-section{background:#1e1e1eb3}.admin-dashboard .activity-log-section h2{margin:0 0 1.5rem;font-size:1.25rem;color:var(--text-color)}.admin-dashboard .settings-layout{display:grid;grid-template-columns:250px 1fr;gap:2rem}@media(max-width:768px){.admin-dashboard .settings-layout{grid-template-columns:1fr}}.admin-dashboard .settings-sidebar{display:flex;flex-direction:column;gap:.5rem}@media(max-width:768px){.admin-dashboard .settings-sidebar{flex-direction:row;overflow-x:auto}}.admin-dashboard .settings-tab{background:none;border:none;padding:0;cursor:pointer;font:inherit;display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--card-bg);border-radius:8px;text-align:left;font-weight:600;color:var(--text-secondary);transition:all .2s ease;border:2px solid transparent}@media(max-width:768px){.admin-dashboard .settings-tab{white-space:nowrap}}.admin-dashboard .settings-tab:hover{background:var(--hover-bg);color:var(--text-color)}.admin-dashboard .settings-tab.active{background:linear-gradient(90deg,rgba(0,122,255,.1) 0%,transparent 100%);color:var(--primary-blue);border-color:var(--primary-blue)}.admin-dashboard .settings-tab svg{font-size:1.25rem}.admin-dashboard .settings-content{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .admin-dashboard .settings-content{background:#1e1e1eb3}.admin-dashboard .settings-section h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-color)}.admin-dashboard .settings-section .section-description{margin:0 0 2rem;color:var(--text-secondary);font-size:.95rem}.admin-dashboard .settings-section .form-group{margin-bottom:1.5rem}.admin-dashboard .settings-section .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color);font-size:.95rem}.admin-dashboard .settings-section .form-group .input,.admin-dashboard .settings-section .form-group .select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--card-bg);color:var(--text-color);transition:all .2s ease}.admin-dashboard .settings-section .form-group .input:focus,.admin-dashboard .settings-section .form-group .select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a}.admin-dashboard .settings-section .form-group .input:disabled,.admin-dashboard .settings-section .form-group .select:disabled{background:var(--input-disabled-bg);cursor:not-allowed}.admin-dashboard .settings-section .form-group small{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-secondary)}.admin-dashboard .settings-section .security-options h3,.admin-dashboard .settings-section .notification-options h3{margin:2rem 0 1rem;font-size:1.1rem;color:var(--text-color)}.admin-dashboard .settings-section .option-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--hover-bg);border-radius:8px;margin-bottom:1rem}.admin-dashboard .settings-section .option-card .option-info{flex:1}.admin-dashboard .settings-section .option-card .option-info strong{display:block;margin-bottom:.25rem;font-size:1rem;color:var(--text-color)}.admin-dashboard .settings-section .option-card .option-info p{margin:0;font-size:.85rem;color:var(--text-secondary)}.admin-dashboard .settings-actions{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}.admin-dashboard .toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.admin-dashboard .toggle-switch input{opacity:0;width:0;height:0}.admin-dashboard .toggle-switch input:checked+.toggle-slider{background-color:var(--primary-blue)}.admin-dashboard .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.admin-dashboard .toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #007aff33}.admin-dashboard .toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:26px}.admin-dashboard .toggle-switch .toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}@media(max-width:768px){.admin-dashboard .stats-grid,.admin-dashboard .analytics-summary,.admin-dashboard .tier-cards-grid,.admin-dashboard .notifications-layout,.admin-dashboard .settings-layout{grid-template-columns:1fr}.admin-dashboard .table-container,.admin-dashboard .data-table-container{overflow-x:auto}.admin-dashboard .users-table,.admin-dashboard .subscriptions-table,.admin-dashboard .activity-log-table{min-width:800px}.admin-dashboard .chart-section,.admin-dashboard .chart-card-admin{padding:1rem}}.admin-dashboard .text-center{text-align:center}.admin-dashboard .mb-1{margin-bottom:.5rem}.admin-dashboard .mb-2{margin-bottom:1rem}.admin-dashboard .mb-3{margin-bottom:1.5rem}.admin-dashboard .mb-4{margin-bottom:2rem}.admin-dashboard .mt-1{margin-top:.5rem}.admin-dashboard .mt-2{margin-top:1rem}.admin-dashboard .mt-3{margin-top:1.5rem}.admin-dashboard .mt-4{margin-top:2rem}.admin-dashboard .p-1{padding:.5rem}.admin-dashboard .p-2{padding:1rem}.admin-dashboard .p-3{padding:1.5rem}.admin-dashboard .p-4{padding:2rem}.admin-auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#007aff,#0051d5);padding:2rem}.admin-auth-container .admin-auth-card{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:100%}[data-theme=dark] .admin-auth-container .admin-auth-card{background:#1e1e1ee6}.admin-auth-container .admin-auth-card .auth-title{font-size:1.75rem;margin:0;color:var(--text-color)}.admin-auth-container .admin-auth-card form{margin-top:2rem}.admin-auth-container .admin-auth-card .input{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;background:var(--card-bg);color:var(--text-color);transition:all .2s ease}.admin-auth-container .admin-auth-card .input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a}.session-warning-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.session-warning-modal{background:var(--card-bg);padding:2rem;border-radius:16px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.session-warning-icon{font-size:4rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;height:4rem;line-height:1}.session-warning-icon span{display:block}.session-countdown{font-size:3rem;font-weight:700;color:var(--primary-blue);margin:1.5rem 0}.session-warning-actions{display:flex;gap:1rem;margin-top:2rem}.btn-continue{flex:1;padding:.75rem;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-logout-warning{flex:1;padding:.75rem;background:transparent;color:var(--text-color);border:2px solid var(--border-color);border-radius:8px;font-weight:600;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.filter-container .select{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);font-size:.85rem;padding:.625rem 2.25rem;height:100%;width:100%;box-sizing:border-box;border-radius:12px;cursor:pointer;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='%238E8E93' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;color:var(--text-color)}.email-verified-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem;padding-left:max(env(safe-area-inset-left),.75rem);padding-right:max(env(safe-area-inset-right),.75rem);padding-top:max(env(safe-area-inset-top),.75rem);padding-bottom:max(env(safe-area-inset-bottom),.75rem)}.email-verified-container.success-state{background:var(--bg-gradient);position:relative}.email-verified-container.success-state:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(52,199,89,.1) 0%,transparent 50%);pointer-events:none}.email-verified-container.error-state{background:var(--bg-gradient);position:relative}.email-verified-container.error-state:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,59,48,.1) 0%,transparent 50%);pointer-events:none}.verification-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:18px;padding:2rem 1.5rem;box-shadow:var(--shadow-lg);width:100%;max-width:440px;text-align:center;animation:slideUp .6s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}@media(min-width:640px){.verification-card{padding:2.5rem 2rem;max-width:480px}}.verification-card.loading{padding:3rem 2rem}.icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.icon-wrapper.success .icon-circle{width:80px;height:80px;background:var(--success-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:bounceIn .8s cubic-bezier(.34,1.56,.64,1);border:2px solid var(--success-text)}@media(min-width:640px){.icon-wrapper.success .icon-circle{width:96px;height:96px}}.icon-wrapper.error .status-icon{width:64px;height:64px;color:var(--error-text);animation:shakeError .5s ease-in-out}@media(min-width:640px){.icon-wrapper.error .status-icon{width:72px;height:72px}}.status-icon.success{width:48px;height:48px;color:var(--success-text)}@media(min-width:640px){.status-icon.success{width:56px;height:56px}}.status-icon.error{width:64px;height:64px;color:var(--error-text)}.spinner-icon{width:64px;height:64px;color:var(--primary-blue);animation:spin 1s linear infinite}@media(min-width:640px){.spinner-icon{width:72px;height:72px}}.verification-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;letter-spacing:-.5px;line-height:1.2}@media(min-width:640px){.verification-title{font-size:2rem}}.verification-title .emoji{display:inline-block;animation:rotate 1s ease-in-out}.verification-text{font-size:1rem;color:var(--text-secondary);margin:0;font-weight:500}@media(min-width:640px){.verification-text{font-size:1.1rem}}.verification-message{font-size:.95rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}@media(min-width:640px){.verification-message{font-size:1rem}}.email-display{margin:1.5rem 0;padding:1.25rem;background:var(--input-bg);border-radius:14px;border:1px solid var(--border-color)}.email-display .email-label{font-size:.85rem;color:var(--text-secondary);margin:0 0 .5rem;font-weight:500}.email-display .email-address{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;word-break:break-all;letter-spacing:-.2px}@media(min-width:640px){.email-display .email-address{font-size:1.1rem}}.countdown-box{margin:1.5rem 0;padding:1.25rem;background:var(--success-bg);border:1px solid var(--success-text);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.countdown-box .countdown-text{font-size:1rem;font-weight:600;color:var(--success-text);margin:0 0 .75rem;letter-spacing:-.2px}@media(min-width:640px){.countdown-box .countdown-text{font-size:1.1rem}}.countdown-box .countdown-text .countdown-number{font-size:1.5rem;font-weight:700;color:var(--success-text);display:inline-block;min-width:1.5ch;text-align:center}@media(min-width:640px){.countdown-box .countdown-text .countdown-number{font-size:1.75rem}}.progress-bar{width:100%;height:8px;background:#34c75933;border-radius:20px;overflow:hidden}.progress-bar .progress-fill{height:100%;background:var(--success-text);border-radius:20px;transition:width 1s linear;box-shadow:0 0 10px #34c75980}.btn-verification{width:100%;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:-.2px;transition:all .2s cubic-bezier(.4,0,.2,1)}@media(min-width:640px){.btn-verification{font-size:1rem;padding:1rem 1.75rem}}.btn-verification.primary{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;box-shadow:0 4px 12px #007aff4d}@media(hover:hover){.btn-verification.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #007aff66}}.btn-verification.primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-verification.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-verification.error{background:linear-gradient(135deg,#ff453a,#d62828);color:#fff;box-shadow:0 4px 12px #ff453a4d}@media(hover:hover){.btn-verification.error:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff453a66}}.btn-verification.error:active{transform:translateY(0) scale(.98)}.btn-verification .btn-icon{width:20px;height:20px;flex-shrink:0}.welcome-text{margin:1.5rem 0 0;font-size:.85rem;color:var(--input-placeholder);font-weight:500}@media(min-width:640px){.welcome-text{font-size:.9rem}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes rotate{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}[data-theme=dark] .countdown-box{background:#30d15833;border-color:var(--success-text)}[data-theme=dark] .progress-bar{background:#30d15826}[data-theme=dark] .email-display{background:#3a3a3c99}@media(max-width:640px){.verification-card{max-width:100%}.icon-wrapper.success .icon-circle{width:72px;height:72px}.status-icon.success{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.verification-card,.icon-circle,.spinner-icon,.progress-fill,.btn-verification{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.verification-card{border:2px solid var(--text-color)}.countdown-box,.email-display{border-width:2px}.btn-verification{border:2px solid var(--text-color)}}@media print{.email-verified-container{background:#fff}.verification-card{box-shadow:none;border:1px solid #000}.btn-verification,.countdown-box{display:none}}.settings-container{max-width:1400px;margin:0 auto;padding:2rem 1.5rem;width:100%}@media(max-width:768px){.settings-container{padding:1rem}}.settings-card{background:var(--card-bg);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-card:hover{box-shadow:0 4px 16px #00000014}@media(max-width:768px){.settings-card{padding:1.5rem;margin-bottom:1.5rem}}.settings-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.settings-card-header .settings-card-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.4rem;font-weight:700;color:var(--text-color)}.settings-card-header .settings-card-title svg{font-size:1.5rem;color:var(--primary-blue)}@media(max-width:768px){.settings-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.settings-card-header .settings-card-title{font-size:1.2rem}}.wave-config-card .wave-total-display{background:var(--input-disabled-bg);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:2px solid var(--primary-blue)}.wave-config-card .wave-total-display .wave-total-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.wave-config-card .wave-total-display .wave-total-label svg{font-size:1.2rem;color:var(--primary-blue)}.wave-config-card .wave-total-display .wave-total-amount{font-size:2rem;font-weight:700;color:var(--primary-blue);margin-bottom:.5rem}.wave-config-card .wave-total-display .wave-total-hint{font-size:.85rem;color:var(--text-secondary);opacity:.8}.wave-config-card .wave-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:1.5rem}.income-card .income-total-banner{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;color:#fff}.income-card .income-total-banner .income-banner-title{margin:0 0 1rem;display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600}.income-card .income-total-banner .income-banner-title svg{font-size:1.3rem}.income-card .income-total-banner .income-banner-amount{font-size:2.5rem;font-weight:700;margin-bottom:.75rem}.income-card .income-total-banner .income-banner-breakdown{font-size:.9rem;opacity:.9;line-height:1.6}@media(max-width:768px){.income-card .income-total-banner .income-banner-amount{font-size:2rem}}.income-card .income-sources-list{margin-bottom:1.5rem}.income-card .income-sources-list .income-list-title{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:600;color:var(--text-color)}.income-card .income-sources-list .income-list-title svg{font-size:1.2rem;color:var(--primary-blue)}.income-card .income-source-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--card-bg);border-radius:8px;margin-bottom:.5rem;border:1px solid var(--input-border);border-left:4px solid var(--primary-blue);transition:all .2s ease}.income-card .income-source-item.income-source-main{border:2px solid var(--primary-blue)}.income-card .income-source-item.income-source-editing{border:2px solid var(--primary-blue);box-shadow:0 4px 12px #007aff33}.income-card .income-source-item:hover{box-shadow:0 2px 8px #00000014}.income-card .income-source-item .income-source-content{flex:1}.income-card .income-source-item .income-source-content .income-source-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.income-card .income-source-item .income-source-content .income-source-header .income-source-name{font-size:1.1rem;font-weight:600;color:var(--text-color)}.income-card .income-source-item .income-source-content .income-source-header .income-source-badge{padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.income-card .income-source-item .income-source-content .income-source-header .income-source-badge.badge-primary{background:var(--primary-blue);color:#fff}.income-card .income-source-item .income-source-content .income-source-header .income-source-badge.badge-secondary{background:var(--wave-2-bg);color:var(--text-color)}.income-card .income-source-item .income-source-content .income-source-details{font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem}.income-card .income-source-item .income-source-content .income-source-monthly{font-weight:500;color:var(--primary-blue)}.income-card .income-source-item .income-source-actions{display:flex;gap:.5rem;align-items:center}@media(max-width:768px){.income-card .income-source-item{flex-direction:column;align-items:flex-start;gap:1rem}.income-card .income-source-item .income-source-actions{width:100%;justify-content:flex-end}}.income-card .income-amounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-top:1rem}.income-card .income-amounts-grid.income-amounts-grid-weekly{grid-template-columns:repeat(4,1fr)}.income-card .income-amounts-grid.income-amounts-grid-biweekly{grid-template-columns:repeat(2,1fr)}.income-card .income-amounts-grid.income-amounts-grid-onetime{grid-template-columns:1fr}.income-card .income-amounts-grid .income-amount-item .income-amount-label{font-size:.75rem;color:var(--text-secondary);display:block;margin-bottom:.25rem}.income-card .income-amounts-grid .income-amount-item .income-amount-value{font-size:1rem;font-weight:600;color:var(--text-color)}@media(max-width:768px){.income-card .income-amounts-grid.income-amounts-grid-weekly{grid-template-columns:repeat(2,1fr)}}.income-card .income-add-toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:12px;border:2px dashed var(--border-color);background:var(--input-bg);color:var(--text-color);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.income-card .income-add-toggle-btn:hover{border-color:var(--primary-blue);background:#007aff0d;color:var(--primary-blue);transform:translateY(-2px)}.income-card .income-add-toggle-btn:active{transform:translateY(0)}.income-card .income-add-toggle-btn svg{font-size:1rem}.income-card .income-add-toggle-btn .tier-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-right:.5rem}.income-card .income-add-toggle-btn .tier-badge.tier-free{background:linear-gradient(135deg,#8e8e93,#636366);color:#fff}.income-card .income-add-toggle-btn .tier-badge.tier-standard{background:linear-gradient(135deg,#af52de,#8e44ad);color:#fff}.income-card .income-add-toggle-btn .tier-badge.tier-premium{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff}.income-card .income-form-expanded{max-height:0;overflow:hidden;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.income-card .income-form-expanded.expanded{max-height:1000px;opacity:1;margin-top:1.5rem}.income-card .income-limit-info{padding:1rem;border-radius:10px;background:linear-gradient(135deg,#007aff33,#007aff1a);border:2px solid var(--primary-blue);margin-bottom:1rem}.income-card .income-limit-info .income-limit-text{margin:0 0 .5rem;font-weight:600;color:var(--text-color)}.income-card .income-limit-info .income-limit-subtext{margin:0;font-size:.75rem;color:var(--text-secondary)}.theme-card .theme-preset-section{margin-bottom:1.5rem}.theme-card .theme-preset-section .theme-preset-label{display:block;margin-bottom:.75rem;font-size:.95rem;font-weight:600;color:var(--text-color)}.theme-card .theme-preset-section .theme-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.theme-card .theme-preset-section .theme-preset-btn{padding:.75rem;border-radius:12px;border:2px solid var(--border-color);background:var(--input-bg);color:var(--text-color);cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease}.theme-card .theme-preset-section .theme-preset-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.theme-card .theme-preset-section .theme-preset-btn.active{font-weight:600}.theme-card .theme-preset-section .theme-preset-btn .theme-preset-swatch{width:40px;height:40px;border-radius:8px;margin:0 auto .5rem}.theme-card .theme-custom-section{padding:1.25rem;border-radius:12px;background:var(--input-bg);border:2px solid var(--border-color);position:relative}.theme-card .theme-custom-section.locked{opacity:.6;pointer-events:none;background:var(--input-disabled-bg);border-color:var(--input-placeholder)}.theme-card .theme-custom-section .theme-custom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.theme-card .theme-custom-section .theme-custom-header .theme-custom-label{font-size:.95rem;font-weight:600;color:var(--text-color)}.theme-card .theme-custom-section .theme-custom-header .theme-premium-lock{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--error-text)}.theme-card .theme-custom-section .theme-custom-header .theme-premium-lock svg{font-size:1rem}.theme-card .theme-custom-section .theme-custom-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.theme-card .theme-custom-section .theme-custom-inputs .theme-color-input-wrapper{display:flex;gap:.5rem;align-items:center}.theme-card .theme-custom-section .theme-custom-inputs .theme-color-input-wrapper input[type=color]{width:60px;height:40px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer}.theme-card .theme-custom-section .theme-custom-inputs .theme-color-input-wrapper input[type=text]{flex:1}.theme-card .theme-custom-section .theme-custom-apply-btn{margin-top:1rem;width:100%}.theme-card .theme-custom-section .theme-upgrade-hint{margin-top:1rem;padding:.75rem;border-radius:8px;background:var(--wave-4-bg);text-align:center}.theme-card .theme-custom-section .theme-upgrade-hint p{margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:var(--text-color)}.theme-card .theme-custom-section .theme-upgrade-hint p svg{font-size:1rem}.theme-card .theme-plan-badge{margin-top:1.5rem;padding:1.5rem;border-radius:12px;color:#fff;text-align:center}.theme-card .theme-plan-badge.plan-free{background:linear-gradient(135deg,#8e8e93,#636366)}.theme-card .theme-plan-badge.plan-standard{background:linear-gradient(135deg,#af52de,#8e44ad)}.theme-card .theme-plan-badge.plan-premium{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark))}.theme-card .theme-plan-badge .plan-badge-label{margin:0 0 .5rem;font-size:.85rem;opacity:.9}.theme-card .theme-plan-badge .plan-badge-name{margin:0;font-size:1.25rem;font-weight:600}.theme-card .theme-plan-badge .plan-badge-hint{margin:.5rem 0 0;font-size:.75rem;opacity:.8;display:flex;align-items:center;justify-content:center;gap:.5rem}.theme-card .theme-plan-badge .plan-badge-hint svg{font-size:.9rem}.theme-card .theme-plan-badge .plan-upgrade-btn{margin-top:.75rem;padding:.75rem 1.5rem;border-radius:8px;border:2px solid white;background:#fff3;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.theme-card .theme-plan-badge .plan-upgrade-btn:hover{background:#ffffff4d;transform:scale(1.05)}.theme-card .theme-plan-badge .plan-upgrade-btn svg{font-size:1rem;margin-right:.25rem}.profile-card .profile-section .section-header,.profile-card .security-section .section-header,.security-card .profile-section .section-header,.security-card .security-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.profile-card .profile-section .section-header .section-title,.profile-card .security-section .section-header .section-title,.security-card .profile-section .section-header .section-title,.security-card .security-section .section-header .section-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-color)}.profile-card .profile-section .profile-image-section,.profile-card .security-section .profile-image-section,.security-card .profile-section .profile-image-section,.security-card .security-section .profile-image-section{grid-column:1/-1}.profile-card .profile-section .profile-image-section .profile-image-upload-label,.profile-card .security-section .profile-image-section .profile-image-upload-label,.security-card .profile-section .profile-image-section .profile-image-upload-label,.security-card .security-section .profile-image-section .profile-image-upload-label{display:inline-block;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:opacity .2s}.profile-card .profile-section .profile-image-section .profile-image-upload-label:hover,.profile-card .security-section .profile-image-section .profile-image-upload-label:hover,.security-card .profile-section .profile-image-section .profile-image-upload-label:hover,.security-card .security-section .profile-image-section .profile-image-upload-label:hover{opacity:.9}.profile-card .profile-section .profile-image-section .profile-image-preview,.profile-card .security-section .profile-image-section .profile-image-preview,.security-card .profile-section .profile-image-section .profile-image-preview,.security-card .security-section .profile-image-section .profile-image-preview{margin-top:1rem;display:flex;align-items:center;gap:1rem}.profile-card .profile-section .profile-image-section .profile-image-preview .preview-info,.profile-card .security-section .profile-image-section .profile-image-preview .preview-info,.security-card .profile-section .profile-image-section .profile-image-preview .preview-info,.security-card .security-section .profile-image-section .profile-image-preview .preview-info{font-size:.85rem;opacity:.7}.profile-card .profile-section .profile-image-section .profile-image-display,.profile-card .security-section .profile-image-section .profile-image-display,.security-card .profile-section .profile-image-section .profile-image-display,.security-card .security-section .profile-image-section .profile-image-display{display:flex;align-items:center;gap:1rem}.profile-card .profile-section .profile-image-section .profile-image-display .display-info,.profile-card .security-section .profile-image-section .profile-image-display .display-info,.security-card .profile-section .profile-image-section .profile-image-display .display-info,.security-card .security-section .profile-image-section .profile-image-display .display-info{font-size:.9rem;opacity:.7}.profile-card .profile-section .section-actions,.profile-card .security-section .section-actions,.security-card .profile-section .section-actions,.security-card .security-section .section-actions{display:flex;gap:.75rem;margin-top:1rem}.profile-card .profile-section .section-readonly-text,.profile-card .security-section .section-readonly-text,.security-card .profile-section .section-readonly-text,.security-card .security-section .section-readonly-text{opacity:.7;font-size:.9rem;color:var(--text-secondary)}.family-sharing-card .family-banner{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;color:#fff}.family-sharing-card .family-banner .family-banner-title{margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600}.family-sharing-card .family-banner .family-banner-title svg{font-size:1.3rem}.family-sharing-card .family-banner .family-banner-description{margin:0;font-size:.9rem;opacity:.9}.settings-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}@media(max-width:768px){.settings-input-grid{grid-template-columns:1fr}}.settings-input-group .settings-label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:600;color:var(--text-color)}.settings-input-group .settings-input,.settings-input-group .settings-select{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-color);font-size:.95rem;transition:all .2s ease}.settings-input-group .settings-input:focus,.settings-input-group .settings-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff1a}.settings-input-group .settings-input:disabled,.settings-input-group .settings-input[readonly],.settings-input-group .settings-select:disabled,.settings-input-group .settings-select[readonly]{background:var(--input-disabled-bg);cursor:not-allowed;opacity:.7}.settings-input-group .settings-hint{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;color:var(--text-secondary);opacity:.8}.settings-input-group .settings-hint svg{font-size:1rem}.settings-actions{display:flex;gap:.75rem;margin-top:1.5rem}@media(max-width:768px){.settings-actions{flex-direction:column}}.settings-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.settings-btn:disabled{opacity:.6;cursor:not-allowed}.settings-btn.btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;border:2px solid var(--primary-blue);box-shadow:0 4px 12px #007aff4d}.settings-btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #007aff66}.settings-btn.btn-primary:active:not(:disabled){transform:translateY(0)}.settings-btn.btn-secondary{background:var(--card-bg);color:var(--text-color);border:2px solid var(--border-color)}.settings-btn.btn-secondary:hover:not(:disabled){border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-1px)}.settings-btn.btn-secondary:active:not(:disabled){transform:translateY(0)}.settings-btn.btn-danger{background:#ff3b30;color:#fff;border:2px solid #FF3B30}.settings-btn.btn-danger:hover:not(:disabled){background:#d32f2f;transform:translateY(-1px)}.settings-btn.btn-danger:active:not(:disabled){transform:translateY(0)}.settings-form-content{max-height:0;overflow:hidden;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.settings-form-content.expanded{max-height:2000px;opacity:1;margin-top:1.5rem}.color-picker-input{width:40px;height:40px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.color-picker-input:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}@media(max-width:1440px){.settings-container{padding:1.5rem 1rem}.settings-card{padding:1.5rem}}@media(max-width:1024px){.settings-container{padding:1rem .75rem}.settings-card{padding:1.25rem}.settings-card-header .settings-card-title{font-size:1.2rem}}@media(max-width:768px){.settings-container{padding:1rem .5rem}.settings-card{padding:1rem;margin-bottom:1rem}.wave-config-card .wave-total-display .wave-total-amount{font-size:1.5rem}.income-card .income-total-banner .income-banner-amount{font-size:1.75rem}}.settings-card{animation:fadeIn .3s ease-out}.settings-card:nth-child(1){animation-delay:0s}.settings-card:nth-child(2){animation-delay:.1s}.settings-card:nth-child(3){animation-delay:.2s}.settings-card:nth-child(4){animation-delay:.3s}.settings-card:nth-child(5){animation-delay:.4s}.logo-container{display:inline-flex;align-items:center;gap:.75rem;-webkit-user-select:none;user-select:none;line-height:1;height:40px}.logo-container.clickable{cursor:pointer;transition:transform .2s ease}.logo-container.clickable:hover{transform:translateY(-1px)}.logo-container.clickable:active{transform:translateY(0)}.logo-container .logo-image{width:28px;height:28px;object-fit:contain;flex-shrink:0}@media(max-width:768px){.logo-container .logo-image{width:24px;height:24px}}.logo-container .logo-text{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#007aff,#5ac8fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;white-space:nowrap}[data-theme=dark] .logo-container .logo-text{background:linear-gradient(135deg,#5ac8fa,#007aff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.logo-container .logo-text{font-size:1rem}}@media(max-width:480px){.logo-container .logo-text{font-size:.95rem}}.glassmorphic-sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:#ffffffbf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid rgba(0,0,0,.1);box-shadow:4px 0 6px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .glassmorphic-sidebar{background:#1c1c1ecc;border-right:1px solid rgba(255,255,255,.1);box-shadow:4px 0 6px #0000004d}.glassmorphic-sidebar::-webkit-scrollbar{width:6px}.glassmorphic-sidebar::-webkit-scrollbar-track{background:transparent}.glassmorphic-sidebar::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}[data-theme=dark] .glassmorphic-sidebar::-webkit-scrollbar-thumb{background:#fff3}.glassmorphic-sidebar::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] .glassmorphic-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:768px){.glassmorphic-sidebar{display:none}}.sidebar-container{display:flex;flex-direction:column;height:100%;padding:1rem 0}.sidebar-header{padding:0 1.5rem 1rem;margin-bottom:.5rem;cursor:pointer;transition:transform .2s ease}.sidebar-header:hover{transform:scale(1.02)}.sidebar-header:active{transform:scale(.98)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:0 1rem}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26}.nav-section{display:flex;flex-direction:column;gap:.5rem}.nav-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);padding:.5rem .75rem;margin-bottom:.25rem;opacity:.7}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;border:2px solid transparent;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:left;width:100%}.nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);opacity:0;transition:opacity .2s ease;border-radius:10px}.nav-item .nav-icon,.nav-item .nav-label{position:relative;z-index:1;transition:all .2s ease}.nav-item .nav-icon{display:flex;align-items:center;justify-content:center;font-size:1.25rem;min-width:24px}.nav-item .nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background:#007aff1a;color:var(--primary-blue);border-color:transparent;transform:translate(4px)}[data-theme=dark] .nav-item:hover{background:#5ac8fa26;color:#5ac8fa}.nav-item:active{transform:translate(2px)}.nav-item:focus,.nav-item:focus-visible{outline:none;border-color:var(--primary-blue)}.nav-item.active{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;font-weight:600;border-color:transparent;box-shadow:0 4px 12px #007aff4d}.nav-item.active:before{opacity:1}.nav-item.active:hover{transform:translate(6px) scale(1.02);box-shadow:0 6px 16px #007aff66}.nav-item.nav-item-reset{color:#ff9500}.nav-item.nav-item-reset:hover{background:#ff95001a;color:#ff9500}[data-theme=dark] .nav-item.nav-item-reset:hover{background:#ff950026;color:#ffb340}.nav-item.nav-item-info{background:#34c7591a;color:#34c759;cursor:default}[data-theme=dark] .nav-item.nav-item-info{background:#34c75926;color:#30d158}.nav-item.nav-item-info:hover{transform:none;background:#34c7591a}[data-theme=dark] .nav-item.nav-item-info:hover{background:#34c75926}.nav-item.nav-item-premium{position:relative}.nav-item.nav-item-premium:after{content:"✨";margin-left:auto;font-size:1rem}.nav-item:disabled{opacity:.5;cursor:not-allowed}.nav-item:disabled:hover{transform:none;background:transparent}.sidebar-divider{margin:.5rem 0;border-color:#0000001a}[data-theme=dark] .sidebar-divider{border-color:#ffffff1a}.sidebar-footer{padding:0 1rem .5rem;margin-top:auto}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;margin-bottom:.75rem;background:#007aff0d;transition:all .2s ease}[data-theme=dark] .sidebar-user{background:#5ac8fa1a}.sidebar-user:hover{background:#007aff1a}[data-theme=dark] .sidebar-user:hover{background:#5ac8fa26}.user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.user-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-actions{display:flex;align-items:center;justify-content:space-around;gap:.5rem;padding:.5rem;border-radius:12px;background:#00000008}[data-theme=dark] .sidebar-actions{background:#ffffff0d}.action-button{color:var(--text-secondary)!important;transition:all .2s ease!important}.action-button:hover{background:#007aff1a!important;color:var(--primary-blue)!important;transform:scale(1.1)}[data-theme=dark] .action-button:hover{background:#5ac8fa26!important;color:#5ac8fa!important}.action-button:active{transform:scale(.95)}.action-button svg{font-size:1.375rem}.logout-button:hover{background:#ff3b301a!important;color:#ff3b30!important}[data-theme=dark] .logout-button:hover{background:#ff453a26!important;color:#ff453a!important}@media(max-width:1024px){.glassmorphic-sidebar{width:240px}.sidebar-header{padding:0 1rem .75rem}.sidebar-nav{padding:0 .75rem}.nav-item{padding:.65rem .85rem;font-size:.9rem}.nav-item .nav-icon{font-size:1.15rem}.nav-section-title{font-size:.7rem;padding:.4rem .6rem}.sidebar-footer{padding:0 .75rem .5rem}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.glassmorphic-sidebar{animation:slideInLeft .4s cubic-bezier(.4,0,.2,1)}.app-container.with-sidebar{margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media(max-width:1024px){.app-container.with-sidebar{margin-left:240px}}@media(max-width:768px){.app-container.with-sidebar{margin-left:0}}.mobile-top-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--background);border-bottom:1px solid var(--input-border);position:sticky;top:0;z-index:1000}.mobile-logo-wrapper{flex-shrink:0}@media(min-width:769px){.mobile-top-bar{display:none!important}}.mobile-menu-toggle{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-primary)}.mobile-menu-item-plaid{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;width:100%;cursor:default;transition:background-color .2s ease}.mobile-menu-item-plaid:hover{background:#00000008}.mobile-menu-item-plaid .menu-icon{display:flex;align-items:center;margin-right:16px;color:var(--text-primary)}.mobile-menu-item-plaid .menu-icon svg{font-size:24px}.mobile-menu-item-plaid .menu-label{flex:1;text-align:left;font-size:16px;font-weight:500;color:var(--text-primary)}.mobile-menu-item-plaid .plaid-trigger-wrapper{display:flex;align-items:center}.mobile-menu-item-plaid .plaid-trigger-wrapper button{color:#007aff}.mobile-menu-item-plaid .plaid-trigger-wrapper button:hover{background:#007aff14}.mobile-menu-item-plaid .plaid-trigger-wrapper button:disabled{opacity:.4;cursor:not-allowed}.dark-mode .mobile-menu-item-plaid:hover{background:#ffffff0d}.dark-mode .mobile-menu-item-plaid .menu-icon,.dark-mode .mobile-menu-item-plaid .menu-label{color:var(--text-primary)}.dark-mode .mobile-menu-item-plaid .plaid-trigger-wrapper button{color:#0a84ff}@media(max-width:375px){.mobile-menu-item-plaid .menu-label{font-size:14px}}.mobile-menu-item-info{display:flex;align-items:center;padding:16px 20px;background:transparent;cursor:default}.mobile-menu-item-info .menu-icon{display:flex;align-items:center;margin-right:16px}.mobile-menu-item-info .menu-label{flex:1;text-align:left;font-size:16px;font-weight:600;color:#34c759}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-text,.skeleton-badge,.skeleton-icon,.skeleton-checkbox,.skeleton-menu,.skeleton-bar{background:linear-gradient(90deg,var(--skeleton-base, #e0e0e0) 0%,var(--skeleton-shine, #f0f0f0) 50%,var(--skeleton-base, #e0e0e0) 100%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:4px}[data-theme=dark]{--skeleton-base: #2c2c2e;--skeleton-shine: #3a3a3c}[data-theme=light]{--skeleton-base: #e0e0e0;--skeleton-shine: #f0f0f0}.skeleton-card{display:grid;grid-template-columns:auto 1fr auto auto auto auto;gap:1rem;align-items:center;padding:1rem;background:var(--card-bg);border-radius:12px;margin-bottom:.75rem;border:1px solid var(--input-border)}.skeleton-checkbox{width:20px;height:20px;border-radius:4px}.skeleton-text{height:16px}.skeleton-text.skeleton-name{width:150px}.skeleton-text.skeleton-amount{width:80px}.skeleton-text.skeleton-date{width:40px}.skeleton-text.skeleton-short{width:60px}.skeleton-text.skeleton-label{width:100px;height:14px}.skeleton-text.skeleton-value{width:120px;height:32px;margin:.5rem 0}.skeleton-text.skeleton-details{width:180px;height:14px;margin-top:4px}.skeleton-text.skeleton-chart-title{width:150px;height:20px}.skeleton-badge{width:70px;height:24px;border-radius:12px}.skeleton-menu{width:24px;height:24px;border-radius:50%}.skeleton-icon{width:36px;height:36px;border-radius:50%}.skeleton-row td{padding:1rem}.skeleton-actions{display:flex;gap:8px;justify-content:center}.skeleton-stat-card{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);padding:1.5rem;border-radius:16px;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.skeleton-stat-header{margin-bottom:.5rem}.skeleton-divider{height:1px;background:#fff3;margin:1rem 0}.skeleton-stat-details{display:flex;flex-direction:column;gap:.75rem}.skeleton-stat-row{display:flex;justify-content:space-between;align-items:center}.skeleton-income-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--input-bg);border-radius:8px;margin-bottom:.5rem;border:1px solid var(--input-border)}.skeleton-income-content{flex:1}.skeleton-income-actions{display:flex;gap:8px}.skeleton-chart{background:var(--card-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--input-border)}.skeleton-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.skeleton-chart-body{height:250px;display:flex;align-items:flex-end;justify-content:center}.skeleton-chart-bars{display:flex;gap:2rem;align-items:flex-end;width:100%;height:100%;padding:0 2rem}.skeleton-bar{flex:1;border-radius:8px 8px 0 0;min-height:40px}@media(max-width:768px){.skeleton-card{grid-template-columns:auto 1fr auto}.skeleton-card .skeleton-date,.skeleton-card .skeleton-badge{display:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:300px}.empty-state-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.empty-state-title{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.empty-state-description{font-size:1rem;color:var(--input-placeholder);margin-bottom:2rem;max-width:400px;line-height:1.6}.empty-state-button{padding:.75rem 1.5rem;background:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.empty-state-button:hover{background:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}.empty-state-button:active{transform:translateY(0)}[data-theme=dark] .empty-state-icon{opacity:.3}.editable-wave-amount{display:flex;align-items:center;gap:.5rem}.editable-wave-amount.editing{flex-direction:column;align-items:flex-start}.editable-wave-amount .wave-amount-display{font-size:1.5rem;font-weight:700}.editable-wave-amount .wave-amount-input{padding:.5rem;font-size:1.2rem;border:2px solid var(--primary-blue);border-radius:8px;background:var(--input-bg);color:var(--text-color);width:150px}.editable-wave-amount .wave-amount-input:focus{outline:none;border-color:var(--primary-blue-dark)}.editable-wave-amount .edit-actions{display:flex;gap:.25rem}:root{--primary-blue: #007AFF;--primary-blue-dark: #0051D5;--bg-color: #F2F2F7;--bg-gradient: linear-gradient(135deg, #f0f0f0 0%, #dcdcdc 100%);--text-color: #000000;--card-bg: rgba(255, 255, 255, .7);--card-bg-solid: #FFFFFF;--card-text: #000000;--input-border: rgba(0, 0, 0, .1);--input-bg: rgba(255, 255, 255, .9);--input-placeholder: #8E8E93;--icon-color: #3C3C43;--button-secondary-bg: rgba(120, 120, 128, .16);--button-secondary-text: #007AFF;--button-text-color: #007AFF;--table-header: #8E8E93;--table-border: rgba(60, 60, 67, .12);--table-row-hover: rgba(0, 0, 0, .04);--wave-1-bg: rgba(0, 122, 255, .15);--wave-1-text: #007AFF;--wave-2-bg: rgba(175, 82, 222, .15);--wave-2-text: #AF52DE;--wave-3-bg: rgba(52, 199, 89, .15);--wave-3-text: #34C759;--wave-4-bg: rgba(255, 149, 0, .15);--wave-4-text: #FF9500;--success-bg: rgba(52, 199, 89, .15);--success-text: #34C759;--error-bg: rgba(255, 59, 48, .15);--error-text: #FF3B30;--stat-card-bg: linear-gradient(135deg, rgba(0, 122, 255, .8) 0%, rgba(0, 81, 213, .8) 100%);--stat-card-text: #ffffff;--checkbox-accent: #007AFF;--border-color: rgba(0, 0, 0, .1);--hover-bg: rgba(0, 0, 0, .05);--input-disabled-bg: rgba(120, 120, 128, .12);--text-primary: #000000;--text-secondary: #3C3C43;--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .18);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12)}[data-theme=dark]{--primary-blue: #0A84FF;--primary-blue-dark: #409CFF;--bg-color: #000000;--bg-gradient: linear-gradient(135deg, #1c1c3d 0%, #2d1b3d 100%);--text-color: #FFFFFF;--card-bg: rgba(28, 28, 30, .7);--card-bg-solid: #1C1C1E;--card-text: #FFFFFF;--input-border: rgba(255, 255, 255, .1);--input-bg: rgba(58, 58, 60, .6);--input-placeholder: #8E8E93;--icon-color: #EBEBF5;--button-secondary-bg: rgba(120, 120, 128, .24);--button-secondary-text: #0A84FF;--button-text-color: #0A84FF;--table-header: #8E8E93;--table-border: rgba(84, 84, 88, .48);--table-row-hover: rgba(255, 255, 255, .06);--wave-1-bg: rgba(10, 132, 255, .2);--wave-1-text: #0A84FF;--wave-2-bg: rgba(191, 90, 242, .2);--wave-2-text: #BF5AF2;--wave-3-bg: rgba(48, 209, 88, .2);--wave-3-text: #30D158;--wave-4-bg: rgba(255, 159, 10, .2);--wave-4-text: #FF9F0A;--success-bg: rgba(48, 209, 88, .2);--success-text: #30D158;--error-bg: rgba(255, 69, 58, .2);--error-text: #FF453A;--stat-card-bg: linear-gradient(135deg, rgba(10, 132, 255, .6) 0%, rgba(64, 156, 255, .6) 100%);--stat-card-text: #FFFFFF;--checkbox-accent: #0A84FF;--border-color: rgba(255, 255, 255, .1);--hover-bg: rgba(255, 255, 255, .08);--input-disabled-bg: rgba(120, 120, 128, .18);--text-primary: #FFFFFF;--text-secondary: #EBEBF5;--glass-bg: rgba(28, 28, 30, .72);--glass-border: rgba(255, 255, 255, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"liga","kern";font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-color);color:var(--text-color);overflow-x:hidden;margin:0;min-width:320px;min-height:100vh;width:100%;box-sizing:border-box}[data-theme=light] body,[data-theme=dark] body{background:var(--bg-gradient)}#root{min-height:100vh;width:100%}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app-container{min-height:100vh;width:100%;padding:.75rem;padding-left:max(env(safe-area-inset-left),.75rem);padding-right:max(env(safe-area-inset-right),.75rem);padding-top:max(env(safe-area-inset-top),.75rem);padding-bottom:max(env(safe-area-inset-bottom),.75rem)}@media(min-width:768px){.app-container{padding:1rem}}@media(min-width:1200px){.app-container{padding:1.25rem}}.app-container.with-sidebar{margin-left:280px;width:calc(100% - 280px);transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}@media(max-width:1024px){.app-container.with-sidebar{margin-left:240px;width:calc(100% - 240px)}}@media(max-width:768px){.app-container.with-sidebar{margin-left:0;width:100%}}.auth-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem;padding-left:max(env(safe-area-inset-left),.75rem);padding-right:max(env(safe-area-inset-right),.75rem);padding-top:max(env(safe-area-inset-top),.75rem);padding-bottom:max(env(safe-area-inset-bottom),.75rem)}.inner-container{width:100%;max-width:1100px;margin:0 auto;box-sizing:border-box}.auth-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:18px;padding:1.5rem;box-shadow:var(--shadow-md);width:100%;max-width:400px;animation:slideUp .6s cubic-bezier(.4,0,.2,1)}@media(min-width:640px){.auth-card{padding:2rem;max-width:440px}}.auth-logo-container{transform:scale(.85);overflow:hidden;max-width:100%;padding:0 1rem}@media(min-width:360px){.auth-logo-container{transform:scale(.95)}}@media(min-width:400px){.auth-logo-container{transform:scale(1.05)}}@media(min-width:480px){.auth-logo-container{transform:scale(1.2)}}@media(min-width:640px){.auth-logo-container{transform:scale(1.4)}}.auth-logo-container .logo-container .logo-text{font-size:1.4rem;word-break:keep-all;white-space:nowrap}@media(min-width:480px){.auth-logo-container .logo-container .logo-text{font-size:1.6rem}}.auth-logo-container .logo-container .logo-image{flex-shrink:0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:.75rem;flex-wrap:wrap}.header .logo-container{display:flex;align-items:center;gap:.5rem}.header .logo-container .MuiSvgIcon-root{font-size:1.5rem!important;color:var(--text-color)}@media(min-width:768px){.header .logo-container .MuiSvgIcon-root{font-size:2rem!important}}.header .logo-container .title{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0;letter-spacing:-.3px}@media(min-width:768px){.header .logo-container .title{font-size:1.75rem}}.btn,.btn-biometric,.btn-text,.btn-secondary,.btn-primary,.btn-logout{padding:.625rem 1rem;border:none;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-align:center;letter-spacing:-.2px}.btn:active,.btn-biometric:active,.btn-text:active,.btn-secondary:active,.btn-primary:active,.btn-logout:active{transform:scale(.96)}.btn-logout{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);color:var(--text-color);font-size:.85rem;padding:.5rem .875rem}@media(min-width:640px){.btn-logout{font-size:.9rem;padding:.625rem 1rem}}@media(hover:hover){.btn-logout:hover{background:#ffffffd9;transform:translateY(-1px)}}.btn-primary{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;box-shadow:0 4px 12px #007aff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(hover:hover)and (pointer:fine){.btn-primary:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-lg)}}.btn-primary:active{transform:translateY(0) scale(.98);transition:all .1s cubic-bezier(.4,0,.2,1)}.btn-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);font-weight:500}@media(hover:hover){.btn-secondary:hover{background:var(--hover-bg)}}.btn-text{color:var(--button-text-color);font-weight:500;background:transparent}@media(hover:hover){.btn-text:hover{background:#007aff14}}.btn-delete{padding:.5rem 1rem;background:linear-gradient(135deg,#ff453a,#d62828);color:#fff;border:none;border-radius:12px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff453a4d}@media(hover:hover){.btn-delete:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff453a66}}.btn-add{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #007aff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(hover:hover)and (pointer:fine){.btn-add:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-lg)}}.btn-add:active{transform:translateY(0) scale(.98);transition:all .1s cubic-bezier(.4,0,.2,1)}.btn-add{width:100%;letter-spacing:-.2px}@media(min-width:640px){.btn-add{width:auto}}.btn-cancel{background:var(--button-secondary-bg);color:var(--text-color);padding:.75rem 1.5rem;border:none;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}@media(min-width:640px){.btn-cancel{width:auto}}@media(hover:hover){.btn-cancel:hover{background:var(--hover-bg)}}.btn-add-toggle{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #007aff4d;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.2px}@media(min-width:640px){.btn-add-toggle{width:auto}}@media(hover:hover){.btn-add-toggle:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #007aff66}}.btn-add-toggle .plus-icon{font-size:1.25rem;font-weight:500;color:#fff;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.btn-add-toggle .plus-icon.rotated{transform:rotate(45deg)}.btn-add-toggle[disabled]{opacity:.5;cursor:not-allowed}.card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:18px;padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);animation:fadeIn .5s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box}@media(min-width:768px){.card{padding:1.5rem;margin-bottom:1.25rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-title{display:flex;align-items:center;font-size:1.1rem;font-weight:600;color:var(--card-text);margin:0;line-height:1.2;letter-spacing:-.3px}@media(min-width:640px){.card-title{font-size:1.25rem}}.auth-title{font-size:1.5rem;font-weight:600;color:var(--card-text);margin:0;letter-spacing:-.4px}@media(min-width:640px){.auth-title{font-size:1.75rem}}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-subtitle{color:var(--table-header);font-size:.85rem;margin:.5rem 0 0;font-weight:400}.btn-biometric{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;box-shadow:0 4px 12px #007aff4d;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}@media(hover:hover){.btn-biometric:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #007aff66}}.btn-biometric:disabled{opacity:.5;cursor:not-allowed}.biometric-icon{font-size:1.1rem}.form{display:flex;flex-direction:column;gap:1rem}.form-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-out;opacity:0}.form-content.expanded{max-height:2500px;opacity:1;transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .4s ease-in}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin-bottom:.75rem}@media(min-width:640px){.input-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}}@media(max-width:640px){.input-grid-settings{grid-template-columns:1fr}}.input-group{display:flex;flex-direction:column;gap:.3rem;min-width:0}.input-group .label{font-size:.85rem;font-weight:500;color:var(--text-secondary);letter-spacing:-.2px}.input-group .input,.input-group .select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:12px;font-size:.85rem;font-weight:400;background:var(--input-bg);color:var(--text-primary);width:100%;min-width:0;box-sizing:border-box;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-group .input:focus,.input-group .select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 4px #0a84ff1a;transform:scale(1.01)}.input-group .input[disabled],.input-group .select[disabled]{background:var(--input-disabled-bg);cursor:not-allowed;opacity:.6}.input-group input[type=date]{min-width:0;max-width:100%}.input-group input[type=date]::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}.input-group input[type=date]::-webkit-datetime-edit{padding:0}.select{cursor:pointer}.checkbox{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--checkbox-accent);border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.checkbox:hover{transform:scale(1.1)}.message{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem;font-weight:500;text-align:center;font-size:.85rem;animation:slideDown .4s cubic-bezier(.34,1.56,.64,1)}.message.success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-text)}.message.error{background:var(--error-bg);color:var(--error-text);border-color:var(--error-text)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expense-cards{display:grid;gap:.75rem;width:100%;box-sizing:border-box}@media(min-width:768px){.expense-cards{display:none}}.expense-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:12px;padding:.625rem .5rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.35rem;width:100%;position:relative;z-index:1;transition:all .2s cubic-bezier(.4,0,.2,1);max-width:100%;box-sizing:border-box;overflow:visible}.expense-card:has(.expense-menu){z-index:1000;overflow:visible}@media(hover:hover){.expense-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.expense-card .checkbox-mobile{width:1.1rem;height:1.1rem;cursor:pointer;accent-color:var(--checkbox-accent);flex-shrink:0;border-radius:6px}.expense-card .expense-name-mobile{font-size:.875rem;font-weight:500;color:var(--text-color);flex:1 1 0;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.2px}.expense-card .expense-amount{font-size:.875rem;font-weight:600;color:var(--text-color);flex-shrink:0;white-space:nowrap}.expense-card .expense-date{font-size:.7rem;font-weight:600;color:var(--table-header);flex-shrink:0;padding:.2rem .4rem;background:var(--button-secondary-bg);border-radius:6px;min-width:1.5rem;text-align:center;white-space:nowrap}.expense-card .wave-badge{font-size:.65rem;padding:.2rem .4rem;border-radius:8px;font-weight:600;flex-shrink:0;letter-spacing:.1px;white-space:nowrap}.expense-card .expense-menu-container{position:relative;flex-shrink:0;z-index:200;margin-left:0}.expense-card .expense-menu-container .MuiIconButton-root{padding:.25rem}.expense-card .expense-menu-container .expense-menu{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);position:absolute;right:0;top:calc(100% + .5rem);border-radius:12px;box-shadow:var(--shadow-lg);z-index:500;min-width:150px;overflow:hidden;animation:menuSlide .2s cubic-bezier(.4,0,.2,1)}@keyframes menuSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expense-card .expense-menu-container .expense-menu .menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem .875rem;border:none;background:transparent;color:var(--text-color);font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1)}.expense-card .expense-menu-container .expense-menu .menu-item:not(:last-child){border-bottom:1px solid var(--table-border)}@media(hover:hover){.expense-card .expense-menu-container .expense-menu .menu-item:hover:not(:disabled){background:var(--hover-bg)}}.expense-card .expense-menu-container .expense-menu .menu-item:disabled{opacity:.4;cursor:not-allowed}.expense-card .expense-menu-container .expense-menu .menu-item.delete{color:var(--error-text)}@media(hover:hover){.expense-card .expense-menu-container .expense-menu .menu-item.delete:hover{background:var(--error-bg)}}.table-container{display:none}@media(min-width:768px){.table-container{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}}.table{width:100%;border-collapse:collapse}.table th{padding:.75rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--table-header);border-bottom:1px solid var(--table-border);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}@media(min-width:1024px){.table th{padding:1rem .875rem;font-size:.8rem}}.table td{padding:.75rem;border-bottom:1px solid var(--table-border);color:var(--text-color);font-size:.9rem;font-weight:500}@media(min-width:1024px){.table td{padding:1rem .875rem;font-size:.95rem}}.table td:first-child{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.table td:first-child{max-width:250px}}@media(min-width:1024px){.table td:first-child{max-width:300px}}.table th:nth-child(6),.table td:nth-child(6){text-align:center}.table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1)}@media(hover:hover){.table tbody tr:hover{background:var(--table-row-hover);transform:scale(1.005)}}.table-empty{text-align:center;padding:2rem!important;color:var(--input-placeholder);font-size:.9rem;font-weight:400}.wave-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block;letter-spacing:.2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s cubic-bezier(.4,0,.2,1)}@media(min-width:640px){.wave-badge{font-size:.8rem}}.wave-badge.wave-1{background:var(--wave-1-bg);color:var(--wave-1-text);border:1px solid rgba(0,122,255,.2)}.wave-badge.wave-2{background:var(--wave-2-bg);color:var(--wave-2-text);border:1px solid rgba(175,82,222,.2)}.wave-badge.wave-3{background:var(--wave-3-bg);color:var(--wave-3-text);border:1px solid rgba(52,199,89,.2)}.wave-badge.wave-4{background:var(--wave-4-bg);color:var(--wave-4-text);border:1px solid rgba(255,149,0,.2)}.wave-badge.other{background:#8e8e9326;color:var(--table-header);border:1px solid rgba(142,142,147,.2)}@media(hover:hover){.wave-badge:hover{transform:scale(1.05)}}.status{display:inline-flex;align-items:center;gap:.5rem}.status .status-text{font-size:.85rem;font-weight:500}.status .status-text.paid{color:var(--success-text)}.status .status-text.unpaid{color:var(--table-header)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}@media(min-width:640px){.stats-grid{gap:1rem}}.stats-grid.multi-income{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media(min-width:768px){.stats-grid.multi-income{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.stats-grid.multi-income{grid-template-columns:repeat(3,1fr)}}.stat-card{background:var(--stat-card-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:1.25rem;border-radius:14px;color:var(--stat-card-text);box-shadow:0 8px 24px #007aff40;min-width:0;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;position:relative}@media(min-width:640px){.stat-card{padding:1.5rem}}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%);pointer-events:none}@media(hover:hover){.stat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px #007aff59}}.stat-card-header{margin-bottom:.75rem;padding-bottom:.5rem;position:relative;z-index:1}.stat-label{font-size:.85rem;font-weight:600;opacity:.95;margin:0;letter-spacing:.3px;text-transform:uppercase;text-align:left}@media(min-width:640px){.stat-label{font-size:.9rem}}.stat-value{font-size:1.75rem;font-weight:700;margin:.5rem 0;letter-spacing:-.5px;text-align:left;position:relative;z-index:1}@media(min-width:480px){.stat-value{font-size:2rem}}@media(min-width:768px){.stat-value{font-size:2.25rem}}.stat-divider{width:100%;height:2px;background:linear-gradient(90deg,#ffffff4d,#ffffff1a);margin:1rem 0 .75rem;border-radius:2px}.stat-details{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.stat-label-small{font-size:.8rem;font-weight:500;opacity:.9;letter-spacing:.2px}@media(min-width:640px){.stat-label-small{font-size:.85rem}}.stat-value-small{font-size:.9rem;font-weight:600;letter-spacing:-.2px}@media(min-width:640px){.stat-value-small{font-size:.95rem}}.balance-positive{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.3)}.balance-negative{color:#fca5a5;text-shadow:0 0 10px rgba(252,165,165,.3)}.stat-card-premium .stat-section{margin-bottom:.75rem}.stat-card-premium .stat-section:last-child{margin-bottom:0}.stat-card-premium .stat-mini-divider{width:100%;height:1px;background:#fff3;margin:.5rem 0}.stat-card-premium .stat-total-row{margin-top:.75rem;padding-top:.75rem;border-top:2px solid rgba(255,255,255,.3)}.button-group{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.action-buttons{display:flex;gap:.75rem;flex-direction:column;margin-top:1.5rem}@media(min-width:640px){.action-buttons{flex-direction:row}}@media(max-width:640px){.action-buttons button{width:100%}}.hint{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--input-placeholder);margin:1.5rem 0;font-style:italic;line-height:1.4}.hint svg{font-size:1rem;flex-shrink:0;color:var(--primary-blue)}@supports (-webkit-touch-callout: none){.input,.select{font-size:16px}.btn,.btn-logout,.btn-primary,.btn-secondary,.btn-text,.btn-biometric{-webkit-tap-highlight-color:transparent}body{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinner{display:inline-block;width:1.1rem;height:1.1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark] .MuiIconButton-root{color:var(--text-color)}[data-theme=dark] .MuiIconButton-root.Mui-disabled{color:#636366}.expense-list-header{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.expense-list-header .card-title{flex:1 1 100%;margin-bottom:.5rem}@media(min-width:640px){.expense-list-header .card-title{flex:0 1 auto;margin-bottom:0}}@media(min-width:640px){.expense-list-header{flex-wrap:nowrap}}.search-container{display:flex;align-items:center;flex:1;min-width:0}@media(min-width:640px){.search-container{flex:0 1 200px}}.search-container .search-input-wrapper{position:relative;width:100%}.search-container .search-input{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);font-size:.85rem;padding:.625rem .75rem .625rem 2.25rem;height:100%;width:100%;box-sizing:border-box;border-radius:12px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-color);transition:all .2s cubic-bezier(.4,0,.2,1)}.search-container .search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 4px #0a84ff1a}.search-container .search-input::placeholder{color:var(--input-placeholder)}.filter-container{display:flex;align-items:center;flex:1;min-width:0}@media(min-width:640px){.filter-container{flex:0 1 140px}}.filter-container .filter-select-wrapper{position:relative;width:100%}.filter-container .select{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);font-size:.85rem;padding:.625rem 2.25rem;height:100%;width:100%;box-sizing:border-box;border-radius:12px;cursor:pointer;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='%238E8E93' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;color:var(--text-color)}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem!important;pointer-events:none}.total-wave-expenses{margin-bottom:1rem;text-align:center}.total-wave-expenses .stat-label{font-size:1rem;font-weight:500;color:var(--text-color)}.settings-container{width:100%;margin:0 auto}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-color);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--input-placeholder);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--table-header)}*:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.card,.auth-card,.expense-card,.btn-primary,.btn-add,.btn-add-toggle{border:2px solid var(--text-color)}}@media print{.header,.btn,.btn-primary,.btn-secondary,.btn-text,.btn-biometric,.btn-logout,.btn-add-toggle,.action-buttons,.expense-menu-container{display:none!important}.card{box-shadow:none;border:1px solid #000}body{background:#fff;color:#000}}.MuiIconButton-root{color:var(--text-color)!important;transition:background-color .2s cubic-bezier(.4,0,.2,1)!important;transform:none!important}.MuiIconButton-root:hover{background-color:var(--hover-bg)!important;transform:none!important}.MuiIconButton-root:active{transform:none!important}.MuiIconButton-root.Mui-disabled{color:var(--input-placeholder)!important;opacity:.5}.MuiMenu-paper{background-color:var(--card-bg-solid)!important;color:var(--text-color)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-color)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.MuiMenuItem-root{color:var(--text-color)!important;font-size:.9rem!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.MuiMenuItem-root:hover{background-color:var(--hover-bg)!important}.MuiDialog-paper{background-color:var(--card-bg-solid)!important;color:var(--text-color)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-color)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.MuiDialogTitle-root{color:var(--text-color)!important;font-weight:600!important;font-size:1.25rem!important;letter-spacing:-.3px!important}.MuiDialogContent-root{color:var(--text-secondary)!important}.MuiDialogActions-root{padding:1rem 1.5rem!important}.MuiButton-root{text-transform:none!important;font-weight:500!important;border-radius:12px!important;padding:.5rem 1rem!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.MuiButton-root.MuiButton-text{color:var(--primary-blue)!important}.MuiButton-root.MuiButton-text:hover{background-color:#007aff14!important}.MuiButton-root.MuiButton-contained{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff!important;box-shadow:0 4px 12px #007aff4d!important}@media(hover:hover){.MuiButton-root.MuiButton-contained:hover{transform:translateY(-2px);box-shadow:0 6px 16px #007aff66!important}}.MuiButton-root.MuiButton-contained:disabled{opacity:.5!important;background:var(--button-secondary-bg)!important;color:var(--input-placeholder)!important}.MuiFormLabel-root{color:var(--text-secondary)!important;font-weight:500!important;margin-bottom:.5rem!important}.MuiFormLabel-root.Mui-focused{color:var(--primary-blue)!important}.MuiRadio-root{color:var(--text-secondary)!important}.MuiRadio-root.Mui-checked{color:var(--primary-blue)!important}.MuiFormControlLabel-label{color:var(--text-color)!important;font-size:.9rem!important;font-weight:500!important}.MuiCheckbox-root{color:var(--text-secondary)!important}.MuiCheckbox-root.Mui-checked{color:var(--primary-blue)!important}.MuiBackdrop-root{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.MuiTooltip-tooltip{background-color:var(--card-bg-solid)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-md)!important;font-size:.8rem!important;font-weight:500!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.visualization-section{margin:2rem 0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.charts-grid{grid-template-columns:repeat(2,1fr)}}.chart-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:18px;padding:1.5rem;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}@media(hover:hover){.chart-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}.chart-card .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.chart-card .chart-header h3{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0;letter-spacing:-.3px}.chart-card .chart-header .tier-badge{padding:.25rem .625rem;border-radius:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.chart-card .chart-header .tier-badge.free{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-text)}.chart-card .chart-header .tier-badge.standard{background:var(--wave-2-bg);color:var(--wave-2-text);border:1px solid var(--wave-2-text)}.chart-card .chart-header .tier-badge.premium{background:linear-gradient(135deg,gold,orange);color:#000;border:1px solid #FFD700}.chart-card .chart-container{position:relative;height:300px;width:100%}.chart-card .chart-container canvas{max-width:100%;max-height:100%}.chart-card.locked{opacity:.6;position:relative}.chart-card.locked .chart-container>canvas{pointer-events:none}.chart-card.locked:after{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;opacity:.3;pointer-events:none}.chart-card .upgrade-overlay{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.chart-card .upgrade-overlay .upgrade-icon{font-size:3rem;margin-bottom:1rem}.chart-card .upgrade-overlay .upgrade-text{color:#fff;font-size:1.1rem;font-weight:600;text-align:center;margin-bottom:1rem;padding:0 1rem}.chart-card .upgrade-overlay .upgrade-button{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(hover:hover){.chart-card .upgrade-overlay .upgrade-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #007aff66}}.chart-full-width{grid-column:1/-1}.chart-full-width .chart-container{height:350px}@media(min-width:768px){.chart-full-width .chart-container{height:400px}}:root{--primary-blue: #007AFF;--primary-blue-dark: #0051D5;--stat-card-bg: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 100%);--checkbox-accent: var(--primary-blue);--button-secondary-text: var(--primary-blue);--button-text-color: var(--primary-blue)}[data-theme=dark]{--primary-blue: #0A84FF;--primary-blue-dark: #409CFF;--stat-card-bg: linear-gradient(135deg, rgba(10, 132, 255, .6) 0%, rgba(64, 156, 255, .6) 100%);--checkbox-accent: var(--primary-blue);--button-secondary-text: var(--primary-blue);--button-text-color: var(--primary-blue)}.custom-color-section{padding:1.25rem;border-radius:12px;background:var(--input-bg);border:2px solid var(--border-color);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.color-input-group input[type=color]:hover:not(:disabled){transform:scale(1.05)}:root{--primary-blue: #007AFF;--primary-blue-dark: #0051D5;--stat-card-bg: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 100%);--checkbox-accent: var(--primary-blue)}[data-theme=dark]{--primary-blue: #0A84FF;--primary-blue-dark: #409CFF;--stat-card-bg: linear-gradient(135deg, rgba(10, 132, 255, .6) 0%, rgba(64, 156, 255, .6) 100%);--checkbox-accent: var(--primary-blue)}.theme-color-picker{display:flex;flex-direction:column;gap:1rem}.theme-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.theme-preset-button{padding:.75rem;border-radius:12px;border:2px solid var(--border-color);background:var(--input-bg);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center}.theme-preset-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.theme-preset-button.active{border-width:3px;transform:scale(1.02);box-shadow:var(--shadow-md)}.theme-preset-button .color-preview{width:40px;height:40px;border-radius:8px;margin:0 auto .5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.theme-preset-button .preset-label{font-size:.9rem;font-weight:500;color:var(--text-color)}.custom-color-section{padding:1.25rem;borderRadius:12px;background:var(--input-bg);border:2px solid var(--border-color);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-color-section.locked{opacity:.6;pointer-events:none;background:var(--input-disabled-bg)}.custom-color-section.locked:before{content:"🔒";position:absolute;top:1rem;right:1rem;font-size:1.5rem;opacity:.5}.custom-color-section .custom-color-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.custom-color-section .premium-badge{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;background:linear-gradient(135deg,gold,orange);color:#000;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.color-input-group{display:flex;gap:.5rem;align-items:center}.color-input-group input[type=color]{width:60px;height:40px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;background:transparent}.color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input-group input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.color-input-group input[type=color]::-moz-color-swatch{border:none;border-radius:6px}.color-input-group input[type=color]:hover{transform:scale(1.05)}.color-input-group input[type=color]:disabled{opacity:.5;cursor:not-allowed}.color-input-group input[type=text]{flex:1;font-family:SF Mono,Monaco,Courier New,monospace;text-transform:uppercase}.subscription-badge{padding:1rem;border-radius:12px;background:var(--stat-card-bg);color:var(--stat-card-text);text-align:center;margin-top:1.5rem}.subscription-badge .badge-label{margin:0 0 .5rem;font-size:.85rem;opacity:.9;font-weight:500}.subscription-badge .badge-tier{margin:0;font-size:1.25rem;font-weight:600;text-transform:capitalize}.upgrade-notice{margin-top:1rem;padding:.75rem;border-radius:8px;background:var(--wave-4-bg);text-align:center}.upgrade-notice p{margin:0;font-size:.85rem;color:var(--wave-4-text);font-weight:500}:root,[data-theme=dark]{transition:--primary-blue .3s cubic-bezier(.4,0,.2,1),--primary-blue-dark .3s cubic-bezier(.4,0,.2,1)}.btn-primary,.btn-add,.btn-add-toggle,.btn-biometric{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%)!important}.stat-card{background:var(--stat-card-bg)!important}input[type=checkbox]:checked,input[type=radio]:checked{accent-color:var(--primary-blue)}.MuiIconButton-root.Mui-checked,.MuiRadio-root.Mui-checked,.MuiCheckbox-root.Mui-checked{color:var(--primary-blue)!important}.MuiButton-contained{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%)!important}.input:focus,.select:focus{border-color:var(--primary-blue)!important;box-shadow:0 0 0 4px rgba(var(--primary-blue-rgb, 10, 132, 255),.1)!important}.wave-badge.wave-1{background:color-mix(in srgb,var(--primary-blue) 20%,transparent);color:var(--primary-blue);border:1px solid color-mix(in srgb,var(--primary-blue) 30%,transparent)}a{color:var(--primary-blue);transition:color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--primary-blue-dark)}.spinner{border-top-color:var(--primary-blue)!important}.MuiCircularProgress-root{color:var(--primary-blue)!important}.premium-lock-overlay{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.premium-lock-overlay .lock-icon{font-size:3rem;margin-bottom:1rem;animation:lockBounce 2s infinite}.premium-lock-overlay .lock-text{color:#fff;font-size:1.1rem;font-weight:600;text-align:center;margin-bottom:1rem;padding:0 1rem}.premium-lock-overlay .unlock-button{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-lock-overlay .unlock-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--primary-blue-rgb, 0, 122, 255),.4)}@keyframes lockBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:640px){.theme-preset-grid{grid-template-columns:repeat(3,1fr)}.custom-color-section{padding:1rem}.color-input-group{flex-direction:column;align-items:stretch}.color-input-group input[type=color]{width:100%}}@media(prefers-contrast:high){.theme-preset-button{border-width:3px}.color-preview{border:2px solid var(--text-color)}}.subscription-container{padding:2rem;max-width:1200px;margin:0 auto;background-color:var(--background-color);color:var(--text-primary);min-height:100vh}.subscription-container.with-sidebar{margin-left:auto;margin-right:auto;padding-left:calc(280px + 2rem);transition:padding-left .3s cubic-bezier(.4,0,.2,1)}@media(max-width:1024px){.subscription-container.with-sidebar{padding-left:calc(240px + 2rem)}}@media(max-width:768px){.subscription-container.with-sidebar{padding-left:2rem}}.subscription-header{text-align:center;margin-bottom:2rem}.subscription-header h4{color:var(--text-primary)}.plans-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;margin-top:1.5rem}@media(min-width:768px){.plans-grid{grid-template-columns:repeat(3,1fr)}}.plan-card{border-radius:16px;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:visible!important;background-color:var(--card-bg)!important;border:2px solid var(--border-color);margin-top:1rem}.plan-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.plan-card.active{border-color:var(--primary-color);box-shadow:0 8px 16px #315eff33}.plan-card.premium-highlight{border-color:#315eff;box-shadow:0 8px 24px #315eff4d}.plan-card h3{font-size:1.75rem;margin-bottom:1rem;color:var(--text-primary)}.plan-card .price-section{margin-bottom:1.5rem}.plan-card .price{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:0}.plan-card .price span{font-size:1rem;color:var(--text-secondary);font-weight:400}.plan-card .features{list-style:none;padding:0;margin:1.5rem 0}.plan-card .features li{padding:.5rem 0;display:flex;align-items:center;color:var(--text-primary);font-size:.95rem}.premium-badge{position:absolute;top:-14px;right:50%;transform:translate(50%);background:linear-gradient(135deg,#315eff,#5b8cff);color:#fff;padding:8px 20px;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #315eff66;white-space:nowrap;z-index:10}.faq-section{margin-top:3rem;padding:2rem;background-color:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.faq-section h6{color:var(--text-primary);margin-bottom:1.5rem}.faq-section .faq-item{margin-bottom:1.5rem}.faq-section .faq-item strong{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:1rem}.faq-section .faq-item p{color:var(--text-secondary);line-height:1.6;margin:0}.plan-card.MuiCard-root{overflow:visible!important}.plan-card.MuiCard-root .MuiCardContent-root{padding:1.5rem!important;position:relative}.plan-card.MuiCard-root .MuiCardContent-root:last-child{padding-bottom:1.5rem!important}[data-theme=dark] .plan-card:hover{box-shadow:0 12px 24px #ffffff1a}[data-theme=light] .plan-card:hover{box-shadow:0 12px 24px #00000026}.subscription-management{max-width:1200px;margin:0 auto}.subscription-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:768px){.subscription-cards-row{grid-template-columns:1fr}}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;color:var(--text-color);cursor:pointer;border-radius:8px;transition:all .2s ease}.mobile-menu-toggle svg{font-size:1.5rem}.mobile-menu-toggle:hover{background:var(--hover-bg)}@media(min-width:768px){.mobile-menu-toggle{display:none}}.mobile-menu-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;transition:opacity .3s ease}.mobile-menu-backdrop.open{opacity:1}.mobile-menu-drawer{position:fixed;top:0;right:-100%;bottom:0;width:350px;max-width:85vw;background:var(--card-bg-solid);box-shadow:-4px 0 24px #00000026;z-index:1000;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.mobile-menu-drawer.open{right:0}@media(min-width:768px){.mobile-menu-drawer{display:none}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.mobile-menu-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color)}.mobile-menu-header .mobile-menu-close{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;color:var(--text-color);cursor:pointer;border-radius:8px;transition:all .2s ease}.mobile-menu-header .mobile-menu-close svg{font-size:1.5rem}.mobile-menu-header .mobile-menu-close:hover{background:var(--hover-bg)}.mobile-menu-list{flex:1;overflow-y:auto;padding:.5rem 0}.mobile-menu-item{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;background:transparent;border:none;color:var(--text-color);cursor:pointer;transition:all .2s ease;text-align:left;font-size:.95rem}.mobile-menu-item:hover{background:var(--hover-bg)}.mobile-menu-item .menu-icon{display:flex;align-items:center;justify-content:center;min-width:24px;font-size:1.25rem}.mobile-menu-item .menu-label{flex:1;font-weight:500}.mobile-menu-item .menu-badge{display:flex;align-items:center;justify-content:center;background:var(--error-bg);color:var(--error-text);padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;min-width:20px}.mobile-menu-divider{height:1px;background:var(--border-color);margin:.5rem 0}.mobile-menu-export-wrapper{padding:.5rem 0}.mobile-menu-export-wrapper .mobile-menu-export-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem}.mobile-menu-export-wrapper .mobile-menu-export-header .menu-icon{display:flex;align-items:center;justify-content:center;min-width:24px;font-size:1.25rem;color:var(--text-color)}.mobile-menu-export-wrapper .mobile-menu-export-header .menu-label{flex:1;font-weight:500;font-size:.95rem;color:var(--text-color)}.mobile-menu-export-wrapper .mobile-menu-export-content{padding:0 1.5rem .5rem 3.5rem}.mobile-menu-export-wrapper .mobile-menu-export-content button{width:100%;justify-content:flex-start;padding:.75rem 1rem;font-size:.9rem}.mobile-menu-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);text-align:center}.mobile-menu-footer p{margin:0;font-size:.85rem;color:var(--input-placeholder);font-weight:500}.desktop-actions{display:flex;align-items:center;gap:.5rem}@media(max-width:767px){.desktop-actions{display:none}}.mobile-menu-item-export{position:relative}.mobile-menu-item-export .export-trigger-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.mobile-menu-item-export .export-trigger-wrapper button{width:100%;height:100%;opacity:0;cursor:pointer}@media(max-width:600px){.nav-container{flex-direction:column;align-items:stretch}.nav-container>div:last-child{justify-content:center}}.plaid-desktop-wrapper{display:flex;gap:12px;align-items:center;margin-left:16px}.plaid-desktop-wrapper button{padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.plaid-desktop-wrapper button.sync-button{background:#34c759;color:#fff;border:none}.plaid-desktop-wrapper button.sync-button:hover:not(:disabled){background:#28a745;transform:translateY(-1px)}.plaid-desktop-wrapper button.sync-button:disabled{opacity:.6;cursor:not-allowed}.bank-link-section{margin-top:24px;padding:20px;background:#f8f9fa;border-radius:12px}.bank-link-section h4{margin:0 0 16px;font-size:18px;color:#333}.bank-link-section .linked-banks{margin-top:16px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.bank-link-section .linked-banks p{margin:0 0 12px;color:#28a745;font-weight:600}.bank-link-section .linked-banks button{width:100%;padding:10px;background:#007aff;color:#fff;border:none;border-radius:6px;font-weight:600}.bank-link-section .linked-banks button:hover:not(:disabled){background:#0051d5}.bank-link-section .linked-banks button:disabled{opacity:.6;cursor:not-allowed}.dark-mode .bank-link-section{background:#2c2c2e}.dark-mode .bank-link-section h4{color:#fff}.dark-mode .bank-link-section .linked-banks{background:#1c1c1e;border-color:#444}.dark-mode .bank-link-section .linked-banks p{color:#34c759}@media(max-width:768px){.plaid-desktop-wrapper{display:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.mobile-menu-item:disabled{opacity:.6;cursor:not-allowed}.category-selector{position:relative;display:inline-block;width:100%}.category-preview{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;font-size:15px;pointer-events:none}.select-overlay{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.expense-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}@media(max-width:768px){.expense-form-grid{grid-template-columns:1fr;gap:.75rem}}.form-field{display:flex;flex-direction:column;gap:.5rem;min-width:0;position:relative}.form-label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--text-secondary);letter-spacing:-.2px;margin:0}.form-label .info-icon{font-size:1.2em;cursor:help;color:var(--primary-blue);transition:all .2s cubic-bezier(.4,0,.2,1)}.form-label .info-icon:hover{transform:scale(1.1)}.form-input{width:100%;height:42px;padding:.625rem .75rem;font-size:.85rem;font-weight:400;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text-primary);background-color:var(--input-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input[type=date]{cursor:pointer;position:relative}.form-input[type=date]::-webkit-calendar-picker-indicator{opacity:.7;cursor:pointer;font-size:1.2em;padding:4px;margin-left:8px;filter:invert(.5)}.form-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(.3)}.form-input[type=date]::-webkit-datetime-edit{padding:0}.form-input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input[type=date]::-webkit-clear-button{display:none}.form-input[type=date]::-moz-clear{display:none}[data-theme=dark] .form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(.8)}[data-theme=dark] .form-input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert(1) brightness(1)}.form-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px #0a84ff1a;transform:scale(1.01)}.form-input:disabled{background-color:var(--input-disabled-bg);opacity:.6;cursor:not-allowed}@supports (-webkit-touch-callout: none){.form-input{font-size:16px!important}}select.form-input{cursor:pointer;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='%238E8E93' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}select.form-input::-ms-expand{display:none}[data-theme=dark] select.form-input{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='%23EBEBF5' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}select.form-input option{background:var(--input-bg);color:var(--text-primary);padding:.5rem}.category-select-wrapper{position:relative;width:100%;min-height:42px}.category-preview{display:flex;align-items:center;gap:8px;padding:.625rem .75rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;font-size:.85rem;pointer-events:none;height:42px;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s cubic-bezier(.4,0,.2,1)}.category-preview .category-icon{font-size:1.2rem;color:var(--text-primary);flex-shrink:0}.category-preview span{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.category-select-overlay{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:1;width:100%;height:100%}.category-select-overlay:focus+.category-preview{border-color:var(--primary-blue);box-shadow:0 0 0 4px #0a84ff1a;transform:scale(1.01)}.category-select-overlay:hover+.category-preview{border-color:var(--primary-blue)}.field-hint{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--input-placeholder);margin:4px 0 0;font-style:italic;line-height:1.3}.field-hint svg{font-size:1rem;flex-shrink:0}.form-actions{grid-column:1/-1;display:flex;gap:.75rem;margin-top:.5rem}@media(max-width:640px){.form-actions{flex-direction:column}.form-actions button{width:100%}}@supports (-webkit-touch-callout: none){.form-input{font-size:16px!important}.form-input[type=date]{-webkit-appearance:none}}[data-theme=dark] .category-preview .category-icon{color:var(--text-primary)}[data-theme=dark] .form-input:-webkit-autofill,[data-theme=dark] .form-input:-webkit-autofill:hover,[data-theme=dark] .form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset;-webkit-text-fill-color:var(--text-primary)}@media(prefers-contrast:high){.form-input{border-width:2px}.form-input:focus{border-width:3px}.category-preview{border-width:2px}.category-select-overlay:focus+.category-preview{border-width:3px}}@media(prefers-reduced-motion:reduce){.form-input,.category-preview,.info-icon{transition:none!important;animation:none!important}}@media print{.form-input,.category-preview{border:1px solid #000;background:#fff;color:#000}.field-hint{display:none}}.form-field.loading .form-input{opacity:.6;pointer-events:none}.form-field.error .form-input,.form-field.error .category-preview{border-color:var(--error-text)}.form-field.error .form-input:focus,.form-field.error .category-preview:focus{box-shadow:0 0 0 4px #ff3b301a}.form-field.error .form-label{color:var(--error-text)}.form-field.success .form-input,.form-field.success .category-preview{border-color:var(--success-text)}.form-field.success .form-input:focus,.form-field.success .category-preview:focus{box-shadow:0 0 0 4px #34c7591a}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}