@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 .page-header{background:linear-gradient(135deg,#007aff,#0051d5);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 10px 40px #007aff33;color:#fff}.admin-page .page-header .header-main{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.admin-page .page-header .header-main h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.5px;flex:1;min-width:200px}.admin-page .page-header .header-main .header-badges{display:flex;gap:12px;flex-wrap:wrap}.admin-page .page-header .header-main .header-badges .status-badge{padding:8px 16px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026}.admin-page .page-header .header-main .header-badges .status-badge.published{background:#2ecc71e6;color:#fff}.admin-page .page-header .header-main .header-badges .status-badge.preview{background:#9b59b6e6;color:#fff}.admin-page .page-header .header-main .header-badges .status-badge.draft{background:#95a5a6e6;color:#fff}.admin-page .page-header .header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.admin-page .page-header .header-actions .action-group{display:flex;gap:8px;align-items:center}.admin-page .page-header .header-actions .share-actions{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2)}.admin-page .page-header .header-actions .share-actions .share-label{font-size:.875rem;font-weight:600;color:#ffffffe6}.admin-page .page-header .header-actions .share-actions .btn-icon{padding:8px;min-width:auto;display:flex;align-items:center;justify-content:center;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;transition:all .2s ease}.admin-page .page-header .header-actions .share-actions .btn-icon:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.admin-page .page-header .header-actions .share-actions .preview-link{font-size:.825rem;color:#fffffff2;background:#fff3;padding:6px 14px;border-radius:8px;font-family:Monaco,Menlo,monospace;font-weight:500;border:1px solid rgba(255,255,255,.3)}.admin-page .page-header .header-actions button{min-width:120px;padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:10px;transition:all .2s ease;border:none;cursor:pointer}.admin-page .page-header .header-actions button.btn-primary{background:#fff;color:#007aff;box-shadow:0 4px 12px #00000026}.admin-page .page-header .header-actions button.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.admin-page .page-header .header-actions button.btn-secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.admin-page .page-header .header-actions button.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.admin-page .filters-section{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-bottom:32px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}@media(max-width:1024px){.admin-page .filters-section{grid-template-columns:1fr 1fr}}@media(max-width:768px){.admin-page .filters-section{grid-template-columns:1fr;gap:12px}}.admin-page .filters-section .filter-group{position:relative}.admin-page .filters-section .filter-group .search-input,.admin-page .filters-section .filter-group .filter-select{width:100%;padding:14px 18px;border:2px solid #e8eaed;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#f8f9fa;font-weight:500}.admin-page .filters-section .filter-group .search-input:focus,.admin-page .filters-section .filter-group .filter-select:focus{outline:none;border-color:#007aff;background:#fff;box-shadow:0 0 0 4px #007aff1a}.admin-page .filters-section .filter-group .search-input:hover,.admin-page .filters-section .filter-group .filter-select:hover{border-color:#c5c9cc}.admin-page .filters-section .filter-group .search-input{padding-left:44px}.admin-page .filters-section .filter-group .search-input::placeholder{color:#95a5a6}.admin-page .filters-section .filter-group:first-child:before{content:"🔍";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.1rem}.admin-page .posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-bottom:32px}@media(max-width:768px){.admin-page .posts-grid{grid-template-columns:1fr}}.admin-page .posts-grid .post-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border:2px solid transparent}.admin-page .posts-grid .post-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026;border-color:#007aff}.admin-page .posts-grid .post-card .post-image{position:relative;width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#007aff,#0051d5)}.admin-page .posts-grid .post-card .post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.admin-page .posts-grid .post-card .post-image:hover img{transform:scale(1.05)}.admin-page .posts-grid .post-card .post-content{padding:24px;flex:1;display:flex;flex-direction:column}.admin-page .posts-grid .post-card .post-content .post-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.admin-page .posts-grid .post-card .post-content .post-header h3{margin:0;font-size:1.3rem;font-weight:700;color:#2c3e50;line-height:1.3;flex:1}.admin-page .posts-grid .post-card .post-content .post-header .status-badge{padding:6px 14px;border-radius:16px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.admin-page .posts-grid .post-card .post-content .post-header .status-badge.published{background:#d4edda;color:#155724}.admin-page .posts-grid .post-card .post-content .post-header .status-badge.draft{background:#f8d7da;color:#721c24}.admin-page .posts-grid .post-card .post-content .post-excerpt{color:#7f8c8d;font-size:.95rem;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.admin-page .posts-grid .post-card .post-content .post-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #ecf0f1;font-size:.85rem}.admin-page .posts-grid .post-card .post-content .post-meta span{display:flex;align-items:center;gap:6px;color:#95a5a6;font-weight:500}.admin-page .posts-grid .post-card .post-content .post-meta span.category{background:#e8eaed;padding:4px 12px;border-radius:12px;color:#007aff;font-weight:600}.admin-page .posts-grid .post-card .post-actions{display:flex;gap:8px;padding:16px 24px;background:#f8f9fa;border-top:1px solid #ecf0f1}.admin-page .posts-grid .post-card .post-actions button{flex:1;padding:10px 16px;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;border:none}.admin-page .posts-grid .post-card .post-actions button.btn-secondary{background:#fff;color:#007aff;border:2px solid #007AFF}.admin-page .posts-grid .post-card .post-actions button.btn-secondary:hover{background:#007aff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}.admin-page .posts-grid .post-card .post-actions button.btn-publish{background:#2ecc71;color:#fff}.admin-page .posts-grid .post-card .post-actions button.btn-publish:hover{background:#27ae60;transform:translateY(-2px);box-shadow:0 4px 12px #2ecc714d}.admin-page .posts-grid .post-card .post-actions button.btn-unpublish{background:#95a5a6;color:#fff}.admin-page .posts-grid .post-card .post-actions button.btn-unpublish:hover{background:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 12px #95a5a64d}.admin-page .posts-grid .post-card .post-actions button.btn-danger{background:#e74c3c;color:#fff}.admin-page .posts-grid .post-card .post-actions button.btn-danger:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.admin-page .empty-state,.admin-page .loading-state,.admin-page .error-state{text-align:center;padding:80px 24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.admin-page .empty-state p,.admin-page .loading-state p,.admin-page .error-state p{color:#7f8c8d;font-size:1.1rem;margin-bottom:24px}.admin-page .empty-state .spinner-large,.admin-page .loading-state .spinner-large,.admin-page .error-state .spinner-large{width:64px;height:64px;border:4px solid #ecf0f1;border-top-color:#007aff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.blog-editor{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014}.blog-editor .editor-tabs{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}@media(max-width:1024px){.blog-editor .editor-tabs{grid-template-columns:1fr;gap:32px}}.blog-editor .tab-group>label{display:flex;align-items:center;gap:10px;font-weight:700;color:#2c3e50;margin-bottom:20px;font-size:1.3rem;padding-bottom:12px;border-bottom:3px solid #007AFF}.blog-editor .tab-group>label:before{content:"🌐";font-size:1.5rem}.blog-editor .tab-group .form-group{margin-bottom:24px}.blog-editor .tab-group .form-group label{display:flex;align-items:center;gap:6px;font-weight:600;color:#34495e;margin-bottom:10px;font-size:.95rem}.blog-editor .tab-group .form-group input[type=text],.blog-editor .tab-group .form-group input[type=url],.blog-editor .tab-group .form-group input[type=file],.blog-editor .tab-group .form-group select,.blog-editor .tab-group .form-group textarea{width:100%;padding:14px 18px;border:2px solid #e8eaed;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#f8f9fa;font-weight:500;color:#2c3e50}.blog-editor .tab-group .form-group input[type=text]::placeholder,.blog-editor .tab-group .form-group input[type=url]::placeholder,.blog-editor .tab-group .form-group input[type=file]::placeholder,.blog-editor .tab-group .form-group select::placeholder,.blog-editor .tab-group .form-group textarea::placeholder{color:#95a5a6}.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 input[type=file]:focus,.blog-editor .tab-group .form-group select:focus,.blog-editor .tab-group .form-group textarea:focus{outline:none;border-color:#007aff;background:#fff;box-shadow:0 0 0 4px #007aff1a}.blog-editor .tab-group .form-group input[type=text]:hover,.blog-editor .tab-group .form-group input[type=url]:hover,.blog-editor .tab-group .form-group input[type=file]:hover,.blog-editor .tab-group .form-group select:hover,.blog-editor .tab-group .form-group textarea:hover{border-color:#c5c9cc}.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 input[type=file].markdown-editor,.blog-editor .tab-group .form-group select.markdown-editor,.blog-editor .tab-group .form-group textarea.markdown-editor{font-family:Monaco,Menlo,Courier New,monospace;font-size:.9rem;line-height:1.6;resize:vertical;min-height:400px;background:#fafbfc;padding:20px;color:#2c3e50}.blog-editor .tab-group .form-group input[type=text].markdown-editor:focus,.blog-editor .tab-group .form-group input[type=url].markdown-editor:focus,.blog-editor .tab-group .form-group input[type=file].markdown-editor:focus,.blog-editor .tab-group .form-group select.markdown-editor:focus,.blog-editor .tab-group .form-group textarea.markdown-editor:focus{background:#fff}.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 input[type=file].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 4px #e74c3c1a}.blog-editor .tab-group .form-group select{cursor:pointer}.blog-editor .tab-group .form-group select option{color:#2c3e50;background:#fff}.blog-editor .tab-group .form-group input[type=checkbox]{width:20px;height:20px;margin-right:10px;cursor:pointer;accent-color:#007AFF}.blog-editor .tab-group .form-group textarea{resize:vertical;min-height:120px}.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 .editor-settings{background:#f8f9fa;padding:32px;border-radius:16px;margin-top:32px;border:2px solid #e8eaed}.blog-editor .editor-settings>.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.blog-editor .image-upload-container .image-upload-section{display:flex;gap:16px;margin-bottom:20px;align-items:center}.blog-editor .image-upload-container .image-input{display:none}.blog-editor .image-upload-container .upload-btn{padding:14px 24px;background:linear-gradient(135deg,#007aff,#0051d5);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #007aff4d}.blog-editor .image-upload-container .upload-btn:before{content:"📤";font-size:1.2rem}.blog-editor .image-upload-container .upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #007aff66}.blog-editor .image-upload-container .upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.blog-editor .image-upload-container .upload-info{font-size:.85rem;color:#7f8c8d;margin-top:8px;padding:8px 12px;background:#e8f5ff;border-radius:8px;border-left:3px solid #007AFF}.blog-editor .image-upload-container .image-url-section{margin-bottom:16px}.blog-editor .image-upload-container .image-url-section input{width:100%;color:#2c3e50}.blog-editor .image-upload-container .image-url-section input::placeholder{color:#95a5a6}.blog-editor .image-upload-container .image-preview{margin-top:20px;border-radius:16px;overflow:hidden;border:3px solid #e8eaed;position:relative;background:#f8f9fa;box-shadow:0 4px 20px #0000001a}.blog-editor .image-upload-container .image-preview img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .3s ease}.blog-editor .image-upload-container .image-preview:hover img{transform:scale(1.05)}.blog-editor .image-upload-container .image-preview .remove-image{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#e74c3cf2;color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #e74c3c66}.blog-editor .image-upload-container .image-preview .remove-image:hover{background:#c0392b;transform:scale(1.1)}.blog-editor .image-upload-container .upload-status{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 16px;border-radius:12px;font-size:.9rem;font-weight:600}.blog-editor .image-upload-container .upload-status.success{background:#d4edda;color:#155724;border-left:4px solid #2ecc71}.blog-editor .image-upload-container .upload-status.error{background:#f8d7da;color:#721c24;border-left:4px solid #e74c3c}.blog-editor .image-upload-container .upload-status.uploading{background:#fff3cd;color:#856404;border-left:4px solid #f39c12}.blog-editor .tag-input-container{display:flex;gap:12px;margin-bottom:16px}.blog-editor .tag-input-container input{flex:1;color:#2c3e50}.blog-editor .tag-input-container input::placeholder{color:#95a5a6}.blog-editor .tag-input-container button{padding:14px 24px;background:#007aff;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.blog-editor .tag-input-container button:hover{background:#0051d5;transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}.blog-editor .tags-list{display:flex;flex-wrap:wrap;gap:10px;min-height:40px;padding:12px;background:#fafbfc;border-radius:12px;border:2px dashed #e8eaed}.blog-editor .tags-list .tag{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#007aff,#0051d5);color:#fff;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #007aff4d;transition:all .2s ease}.blog-editor .tags-list .tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007aff66}.blog-editor .tags-list .tag .tag-remove{background:#ffffff4d;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;transition:all .2s ease}.blog-editor .tags-list .tag .tag-remove:hover{background:#ffffff80;transform:rotate(90deg)}.blog-editor .seo-section{margin-top:32px;padding:32px;background:linear-gradient(135deg,#f8f9fa,#e8eaed);border-radius:16px;border:2px solid #e8eaed;box-shadow:0 4px 20px #0000000d}.blog-editor .seo-section h3{margin:0 0 28px;color:#2c3e50;font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:3px solid #007AFF}.blog-editor .seo-section h3:before{content:"🔍";font-size:1.6rem}.blog-editor .seo-section .seo-field-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.blog-editor .seo-section .seo-field-info label{font-weight:600;color:#34495e}.blog-editor .seo-section .seo-field-info .field-status{display:flex;gap:8px;align-items:center}.blog-editor .seo-section .seo-field-info .character-count{font-size:.85rem;padding:4px 12px;border-radius:16px;font-weight:700;letter-spacing:.5px}.blog-editor .seo-section .seo-field-info .character-count.good{background:#d4edda;color:#155724;box-shadow:0 2px 8px #2ecc7133}.blog-editor .seo-section .seo-field-info .character-count.warning{background:#fff3cd;color:#856404;box-shadow:0 2px 8px #f39c1233}.blog-editor .seo-section .seo-field-info .character-count.error{background:#f8d7da;color:#721c24;box-shadow:0 2px 8px #e74c3c33}.blog-editor .seo-section .form-group{margin-bottom:24px}.blog-editor .seo-section .form-group label{font-weight:600;color:#34495e;margin-bottom:10px;font-size:.95rem}.blog-editor .seo-section .form-group input[type=text],.blog-editor .seo-section .form-group textarea{width:100%;padding:14px 18px;border:2px solid #e8eaed;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#fff;font-weight:500;color:#2c3e50}.blog-editor .seo-section .form-group input[type=text]::placeholder,.blog-editor .seo-section .form-group textarea::placeholder{color:#95a5a6}.blog-editor .seo-section .form-group input[type=text]:focus,.blog-editor .seo-section .form-group textarea:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 4px #007aff1a}.blog-editor .seo-section .form-group input[type=text]:hover,.blog-editor .seo-section .form-group textarea:hover{border-color:#c5c9cc}.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 4px #e74c3c1a}.blog-editor .seo-section .form-group textarea{min-height:100px;font-family:inherit;line-height:1.5}.blog-editor .seo-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:768px){.blog-editor .seo-section .form-row{grid-template-columns:1fr;gap:20px}}.blog-editor .seo-section .seo-guidelines{margin-top:32px;padding:24px;background:#fff;border-radius:12px;border:2px solid #e8eaed;box-shadow:0 2px 12px #0000000d}.blog-editor .seo-section .seo-guidelines h4{margin:0 0 20px;color:#2c3e50;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:10px}.blog-editor .seo-section .seo-guidelines h4:before{content:"💡";font-size:1.3rem}.blog-editor .seo-section .seo-guidelines ul{margin:0;padding-left:24px;list-style:none}.blog-editor .seo-section .seo-guidelines ul li{margin-bottom:12px;color:#34495e;font-size:.95rem;line-height:1.6;padding-left:8px;position:relative}.blog-editor .seo-section .seo-guidelines ul li:before{content:"✓";position:absolute;left:-20px;color:#007aff;font-weight:700}.blog-editor .seo-section .seo-guidelines ul li strong{color:#007aff;font-weight:700}.blog-editor .field-error{color:#e74c3c;font-size:.85rem;margin-top:8px;display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f8d7da;border-radius:8px;border-left:3px solid #e74c3c;font-weight:600}.blog-editor .field-error:before{content:"⚠️";font-size:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.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 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}}.app-preferences-section{padding:1rem 0;border-bottom:2px solid var(--border-color);margin-top:1.5rem}.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}.notification-section{padding:1rem 0}.notification-info-box{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--primary-color-alpha-10, rgba(0, 122, 255, .1));border:1px solid var(--primary-color-alpha-20, rgba(0, 122, 255, .2));border-radius:12px;margin-bottom:1.5rem}.notification-info-box .notification-info-text{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border-color)}.notification-item:last-of-type{border-bottom:none}.notification-item .notification-label-container{flex:1;margin-right:1rem}.notification-item .notification-label-container .settings-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}.notification-item .notification-label-container .settings-hint{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:var(--primary-color)}.switch input:checked+.slider:before{transform:translate(22px)}.switch input:focus+.slider{box-shadow:0 0 0 3px var(--primary-color-alpha-20, rgba(0, 122, 255, .2))}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:28px}.switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.switch .slider:hover{opacity:.9}[data-theme=dark] .notification-info-box{background:#0a84ff26;border-color:#0a84ff4d}[data-theme=dark] .switch .slider{background-color:#555}@media(max-width:768px){.notification-item{flex-direction:column;align-items:flex-start;gap:1rem}.notification-item .notification-label-container{margin-right:0}.notification-item .switch{align-self:flex-end}}.cookie-card .cookie-preferences-section .section-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.cookie-card .cookie-preferences-section .cookie-preference-item{padding:1.25rem;margin-bottom:1rem;background:var(--input-bg);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.cookie-card .cookie-preferences-section .cookie-preference-item:hover{border-color:var(--primary-color);background:var(--card-bg)}.cookie-card .cookie-preferences-section .cookie-preference-item .preference-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.75rem}.cookie-card .cookie-preferences-section .cookie-preference-item .preference-header .preference-name{font-weight:600;color:var(--text-primary);font-size:.95rem;flex:1;min-width:0;word-wrap:break-word}.cookie-card .cookie-preferences-section .cookie-preference-item .preference-header .required-badge{display:inline-block;background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;flex-shrink:0}.cookie-card .cookie-preferences-section .cookie-preference-item .preference-desc{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;margin-top:.5rem;line-height:1.5;word-wrap:break-word}.cookie-card .cookie-preferences-section .cookie-preference-item .switch{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}.cookie-card .cookie-preferences-section .cookie-preference-item .switch input:disabled+.slider{opacity:.5;cursor:not-allowed}.cookie-card .cookie-preferences-section .cookie-info-box{padding:1rem;background:#0a84ff0d;border-left:4px solid var(--primary-color);border-radius:8px;margin-top:1.5rem}.cookie-card .cookie-preferences-section .cookie-info-box p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.6;word-wrap:break-word}.cookie-card .cookie-preferences-section .cookie-info-box p a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.cookie-card .cookie-preferences-section .cookie-info-box p a:hover{color:var(--primary-color);text-decoration:underline}[data-theme=dark] .cookie-card .cookie-preferences-section .cookie-preference-item{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .cookie-card .cookie-preferences-section .cookie-preference-item:hover{border-color:var(--primary-color)}[data-theme=dark] .cookie-card .cookie-preferences-section .cookie-info-box{background:#0a84ff1a;border-left-color:#0a84ff80}@media(max-width:768px){.cookie-card .cookie-preferences-section .cookie-preference-item{padding:1rem}.cookie-card .cookie-preferences-section .cookie-preference-item .preference-header{flex-direction:row;align-items:center;gap:.5rem}.cookie-card .cookie-preferences-section .cookie-preference-item .preference-header .preference-name{font-size:.9rem}.cookie-card .cookie-preferences-section .cookie-preference-item .preference-header .required-badge{align-self:flex-start}.cookie-card .cookie-preferences-section .cookie-preference-item .preference-desc{font-size:.8rem;margin-bottom:.75rem}.cookie-card .cookie-preferences-section .cookie-preference-item .switch{align-self:flex-end}.cookie-card .cookie-preferences-section .cookie-info-box{padding:.75rem}.cookie-card .cookie-preferences-section .cookie-info-box p{font-size:.8rem}}.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}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;padding:20px;box-shadow:0 -2px 16px #00000026;z-index:9999;animation:slideUp .3s ease-out}@media(max-width:768px){.cookie-consent-banner{padding:16px}}.cookie-consent-banner .cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}@media(max-width:768px){.cookie-consent-banner .cookie-consent-content{flex-direction:column;align-items:stretch;gap:16px}}.cookie-consent-banner .cookie-consent-text{flex:1}.cookie-consent-banner .cookie-consent-text h3{margin:0 0 8px;font-size:18px;font-weight:600}.cookie-consent-banner .cookie-consent-text p{margin:0;font-size:14px;opacity:.95;line-height:1.5}.cookie-consent-banner .cookie-consent-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:768px){.cookie-consent-banner .cookie-consent-buttons{justify-content:stretch}.cookie-consent-banner .cookie-consent-buttons button{flex:1}}.cookie-consent-banner .cookie-consent-buttons button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cookie-consent-banner .cookie-consent-buttons button.btn-primary{background:#fff;color:#1e3a8a}.cookie-consent-banner .cookie-consent-buttons button.btn-primary:hover{background:#f0f4f8;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.cookie-consent-banner .cookie-consent-buttons button.btn-secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.cookie-consent-banner .cookie-consent-buttons button.btn-secondary:hover{background:#ffffff4d;border-color:#ffffff80}.cookie-consent-banner .cookie-policy-link{position:absolute;bottom:8px;right:20px;color:#fffc;text-decoration:none;font-size:12px;transition:color .2s ease}.cookie-consent-banner .cookie-policy-link:hover{color:#fff;text-decoration:underline}@media(max-width:768px){.cookie-consent-banner .cookie-policy-link{position:static;display:block;text-align:center}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-settings-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}@media(max-width:768px){.cookie-settings-overlay{align-items:flex-end;padding:0}}.cookie-settings-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease-out}@media(max-width:768px){.cookie-settings-modal{border-radius:16px 16px 0 0;max-height:85vh}}.cookie-settings-modal .settings-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:1}.cookie-settings-modal .settings-header h2{margin:0;font-size:24px;font-weight:700;color:#1e3a8a}.cookie-settings-modal .settings-header .close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.cookie-settings-modal .settings-header .close-btn:hover{background:#f3f4f6;color:#1f2937}.cookie-settings-modal .settings-body{padding:24px}.cookie-settings-modal .settings-body>p{margin:0 0 24px;color:#6b7280;line-height:1.6}.cookie-settings-modal .cookie-preference{margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #e5e7eb;transition:all .2s ease}.cookie-settings-modal .cookie-preference:hover{border-left-color:#1e3a8a;background:#f0f4f8}.cookie-settings-modal .cookie-preference .preference-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cookie-settings-modal .cookie-preference .preference-header label{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.cookie-settings-modal .cookie-preference .preference-header label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#1e3a8a}.cookie-settings-modal .cookie-preference .preference-header label input[type=checkbox]:disabled{opacity:.7;cursor:not-allowed}.cookie-settings-modal .cookie-preference .preference-header label .label-text{color:#111827;-webkit-user-select:none;user-select:none}.cookie-settings-modal .cookie-preference .preference-header .required-badge{display:inline-block;background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}.cookie-settings-modal .cookie-preference .preference-description{margin:0;padding-left:32px;color:#6b7280;font-size:14px;line-height:1.5}.cookie-settings-modal .settings-info{padding:16px;background:#eff6ff;border-radius:8px;border-left:4px solid #0ea5e9;margin:24px 0}.cookie-settings-modal .settings-info p{margin:0;color:#0c4a6e;font-size:14px;line-height:1.5}.cookie-settings-modal .settings-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;position:sticky;bottom:0;background:#fff;z-index:1}@media(max-width:768px){.cookie-settings-modal .settings-footer{flex-direction:row-reverse}}.cookie-settings-modal .settings-footer button{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cookie-settings-modal .settings-footer button.btn-primary{background:#1e3a8a;color:#fff}.cookie-settings-modal .settings-footer button.btn-primary:hover{background:#1e40af;transform:translateY(-1px)}.cookie-settings-modal .settings-footer button.btn-secondary{background:#e5e7eb;color:#374151}.cookie-settings-modal .settings-footer button.btn-secondary:hover{background:#d1d5db}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}: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}}