:root{--bg-primary:#fff;--bg-secondary:#f7fafc;--bg-tertiary:#edf2f7;--text-primary:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--text-dim:#a0aec0;--border-color:#e2e8f0;--sidebar-bg:#fff;--sidebar-text:#64748b;--sidebar-text-hover:#1e293b;--sidebar-active-bg:#6366f11a;--sidebar-active-border:#6366f1;--sidebar-border:#e2e8f0;--sidebar-hover-bg:#f1f5f9;--color-expense:#f05a6e;--color-income:#10d98a;--color-transfer:#8b5cf6;--color-accent:#6366f1;--color-amber:#f59e0b;--color-surface:#fff;--color-surface-2:#f7fafc;--color-border:#e2e8f0;--primary:var(--color-accent);--primary-hover:#5a67d8;--primary-light:#6366f11a;--secondary:#718096;--success:var(--color-income);--danger:var(--color-expense);--warning:var(--color-amber);--info:#4299e1;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-card:8px;--radius-btn:5px;--font-mono:monospace;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--transition:.2s ease;--transition-slow:.3s ease}[data-theme=dark]{--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-tertiary:#4a5568;--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-muted:#a0aec0;--text-dim:#718096;--border-color:#4a5568;--sidebar-bg:#0f172a;--sidebar-text:#94a3b8;--sidebar-text-hover:#fff;--sidebar-active-bg:#6366f126;--sidebar-active-border:#6366f1;--sidebar-border:#ffffff1a;--sidebar-hover-bg:#ffffff0d;--color-surface:#161b27;--color-surface-2:#1c2333;--color-border:#252e42;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 25px #0006}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-secondary);height:100%;font-size:16px}body{min-height:100vh;font-family:var(--font-ui);color:var(--text-primary);background:var(--bg-secondary);font-size:1rem;line-height:1.6;transition:background-color .1s,color .1s;overflow-x:hidden}html[data-theme=dark],html[data-theme=dark] body{background:#2d3748}a{color:var(--primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--primary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
.app-container{width:100%;min-height:100vh;display:flex;overflow-x:hidden}.fullscreen-container{min-height:100vh;padding:var(--space-lg);background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);justify-content:center;align-items:center;display:flex;position:relative}.mobile-menu-btn{z-index:1001;background:var(--sidebar-bg);border-radius:var(--radius-md);cursor:pointer;width:3rem;height:3rem;box-shadow:var(--shadow-md);border:none;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;display:none;position:fixed;top:1rem;left:1rem;overflow:hidden}.hamburger-line{background:var(--sidebar-text);width:1.25rem;height:2px;transition:all var(--transition);flex-shrink:0}.mobile-menu-btn.active .hamburger-line:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.sidebar-overlay{z-index:999;opacity:0;transition:opacity var(--transition);background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;display:block}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:1000;width:280px;min-width:280px;height:100vh;transition:width var(--transition),min-width var(--transition);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:70px;min-width:70px}.sidebar-header{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;justify-content:space-between;align-items:center;min-height:70px;padding:1.25rem 1rem;display:flex}.sidebar-brand{color:var(--sidebar-text-hover);white-space:nowrap;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-brand .brand-text{display:none}.brand-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1;display:inline-flex}.sidebar-toggle-btn{color:var(--sidebar-text);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.5rem;font-size:1.25rem;display:flex}.sidebar-toggle-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.sidebar.collapsed .sidebar-toggle-btn{margin:0 auto}.sidebar-search{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;padding:1rem}.sidebar.collapsed .sidebar-search{padding:.75rem}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--sidebar-text);pointer-events:none;z-index:1;font-size:.875rem;display:none;position:absolute;left:.75rem}.sidebar.collapsed .search-icon{display:block;left:50%;transform:translate(-50%)}.search-input{background:var(--sidebar-hover-bg);border:1px solid var(--sidebar-border);border-radius:var(--radius-md);width:100%;color:var(--sidebar-text-hover);transition:all var(--transition);padding:.625rem .875rem;font-size:.875rem}.sidebar.collapsed .search-input{text-indent:-9999px;cursor:pointer;padding:.625rem}.search-input:focus{background:var(--sidebar-hover-bg);border-color:var(--primary);outline:none}.search-input::placeholder{color:var(--sidebar-text);font-size:.8125rem}.sidebar-nav{flex:1;padding:1rem 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar.collapsed .sidebar-nav{overflow-x:hidden}.nav-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--sidebar-text);opacity:.7;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.sidebar.collapsed .nav-section-title{display:none}.nav-section{margin-bottom:.25rem}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-text);opacity:.5;white-space:nowrap;padding:.5rem 1rem .2rem;font-size:.6rem;font-weight:700;overflow:hidden}.sidebar.collapsed .nav-section-label{display:none}.nav-divider{background:var(--sidebar-border);height:1px;margin:.35rem .75rem}.sidebar.collapsed .nav-divider{margin:.35rem .25rem}.nav-item{position:relative}.nav-link{color:var(--sidebar-text);transition:all var(--transition);white-space:nowrap;border-left:3px solid #0000;align-items:center;gap:.875rem;padding:.75rem 1rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar.collapsed .nav-link{justify-content:center;gap:0;padding:.75rem}.nav-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.nav-link.active{background:var(--sidebar-active-bg);border-left-color:var(--sidebar-active-border);color:var(--sidebar-active-border)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;min-width:1.5rem;height:1.5rem;font-size:1.25rem;line-height:1;display:inline-flex}.nav-text{white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;overflow:hidden}.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .nav-link[data-tooltip]:after{content:attr(data-tooltip);background:var(--sidebar-bg);color:var(--sidebar-text-hover);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition);box-shadow:var(--shadow-lg);z-index:1001;padding:.5rem .75rem;font-size:.875rem;position:absolute;left:70px}.sidebar.collapsed .nav-link:hover[data-tooltip]:after{opacity:1}.sidebar-footer{border-top:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;gap:.5rem;padding:1rem;display:flex}.sidebar-theme-toggle{cursor:pointer;color:var(--sidebar-text);transition:all var(--transition);border-bottom:1px solid var(--sidebar-border);align-items:center;gap:.875rem;margin:0 -1rem;padding:.65rem 1rem;display:flex}.sidebar-theme-toggle:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.sidebar.collapsed .sidebar-theme-toggle .nav-text,.sidebar.collapsed .sidebar-theme-toggle .theme-switch{display:none}.theme-switch{background:var(--sidebar-border);border-radius:10px;flex-shrink:0;width:36px;height:20px;margin-left:auto;transition:background .3s;position:relative}.theme-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px}.theme-switch.active{background:var(--primary)}.theme-switch.active:after{transform:translate(16px)}.sidebar.collapsed .sidebar-footer{padding:.75rem .5rem}.user-profile{background:var(--sidebar-hover-bg);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.75rem;display:flex;overflow:hidden}.sidebar.collapsed .user-profile{justify-content:center;padding:.5rem}.user-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;min-width:2.5rem;height:2.5rem;font-size:1.125rem;font-weight:600;display:flex}.user-info{flex:1;min-width:0;overflow:hidden}.sidebar.collapsed .user-info{display:none}.user-name{color:var(--sidebar-text-hover);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.user-name span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.logout-btn{border-radius:var(--radius-md);color:#fc8181;cursor:pointer;width:100%;transition:all var(--transition);background:#f565651a;border:1px solid #f565654d;justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.logout-btn:hover{background:#f5656533;border-color:#f5656580}.sidebar.collapsed .logout-text{display:none}.logout-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.idle-countdown{background:var(--sidebar-hover-bg);border:1px solid var(--sidebar-border);border-radius:var(--radius-md);width:100%;color:var(--text-muted);align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8rem;font-weight:500;display:flex;overflow:hidden}.idle-countdown.warning{color:var(--danger);background:#f5656514;border-color:#f5656540}.idle-countdown-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;line-height:1;display:inline-flex}.idle-countdown .nav-text{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.idle-countdown-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.idle-countdown-time{font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.sidebar.collapsed .idle-countdown .nav-text{display:none}.main-content{background:var(--bg-secondary);min-height:100vh;transition:margin-left var(--transition);flex:1;margin-left:280px;padding:2rem;overflow-x:hidden}.sidebar.collapsed~.main-content{margin-left:70px}.page-header{margin-bottom:2rem}.page-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:1rem}
.form-group{margin-bottom:1.25rem}.form-row{gap:.75rem;display:flex}label,.form-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],input[type=color],textarea,select,.form-input,.input-field,.form-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);transition:all var(--transition);padding:.75rem 1rem;font-size:.9375rem}input:focus,textarea:focus,select:focus,.form-input:focus,.input-field:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}input[type=number]::-webkit-inner-spin-button{margin:0;display:none;appearance:none!important}input[type=number]::-webkit-outer-spin-button{margin:0;display:none;appearance:none!important}input[type=number]{appearance:textfield}.password-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);transition:all var(--transition);align-items:center;display:flex}.password-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.password-wrapper input[type=password],.password-wrapper input[type=text],.password-wrapper .form-input{box-shadow:none;background:0 0;border:none;flex:1;min-width:0}.password-wrapper input:focus{box-shadow:none;border:none;outline:none}.toggle-password{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0 .75rem;display:flex}.toggle-password:hover{color:var(--text-primary)}.toggle-password svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}input::placeholder,textarea::placeholder{color:var(--text-muted)}.hint{color:var(--text-muted);margin-top:.375rem;font-size:.8125rem;display:block}.password-requirements{background:var(--bg-tertiary);border-radius:8px;margin-top:.5rem;padding:1rem;font-size:.8125rem}.requirement{color:var(--danger,#e53e3e);align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.requirement:before{content:"✗"}.requirement.met{color:var(--success,#48bb78)}.requirement.met:before{content:"✓"}.password-strength{background:var(--bg-tertiary);border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden}.password-strength-bar{width:0;height:100%;transition:all var(--transition)}.password-strength-bar.weak{background:var(--danger);width:33%}.password-strength-bar.medium{background:var(--warning);width:66%}.password-strength-bar.strong{background:var(--success);width:100%}.custom-select-trigger{text-align:left;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.9rem;display:flex}.custom-select-dropdown{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);z-index:50;flex-direction:column;max-height:300px;margin-top:.25rem;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.custom-select-option{text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem .75rem;font-size:.9rem}.custom-select-option:hover{background:var(--bg-hover)}.custom-select-option.selected{background:var(--primary-light,#3b82f61a);color:var(--primary);font-weight:600}
.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%}table th,table td{text-align:left;border-bottom:1px solid var(--border-color);padding:.875rem 1rem}table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);font-size:.8125rem;font-weight:600}table td{color:var(--text-primary);font-size:.9375rem}table tbody tr:hover{background:var(--bg-tertiary)}
.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem;transition:background-color .1s}.card-header{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem}.card-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.card-subtitle{color:var(--text-muted);font-size:.875rem}.card-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);padding:1.5rem}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.btn{border-radius:var(--radius-btn,var(--radius-md));cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent,var(--primary));color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn-success{background:var(--color-income,var(--success));color:#fff}.btn-danger{border:1px solid var(--color-expense,var(--danger));color:var(--color-expense,var(--danger));background:0 0}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-expense)10%,transparent)}.btn-danger-fill{background:var(--color-expense,var(--danger));color:#fff}.btn-danger-fill:hover:not(:disabled){opacity:.9}.btn-warning{background:var(--color-amber,var(--warning));color:#fff}.btn-ghost{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-ghost:hover{background:var(--bg-tertiary)}.btn-icon{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;justify-content:center;align-items:center;padding:.35rem;display:inline-flex}.btn-icon:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-icon.btn-icon-danger:hover{color:var(--color-expense);background:color-mix(in srgb,var(--color-expense)10%,transparent)}.btn-icon svg{width:16px;height:16px}.btn-block{width:100%}.btn-small,.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-logout{background:var(--danger);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.5rem 1rem;font-weight:600}.alert{border-radius:var(--radius-md);border-left:4px solid;margin-bottom:1rem;padding:1rem}.alert-info{border-left-color:var(--info);color:var(--text-primary);background:#4299e11a}.alert-success{border-left-color:var(--success);color:var(--text-primary);background:#48bb781a}.alert-warning{border-left-color:var(--warning);color:var(--text-primary);background:#ed89361a}.alert-danger{border-left-color:var(--danger);color:var(--text-primary);background:#f565651a}.message{border-radius:var(--radius-md);margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem}.message.error{color:var(--danger);background:#f565651a;border:1px solid #f565654d}.message.success{color:var(--success);background:#48bb781a;border:1px solid #48bb784d}.message.info{color:var(--info);background:#4299e11a;border:1px solid #4299e14d}.modal-overlay .modal-content{transform:scale(1)}.modal-overlay .modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1;position:absolute;top:1rem;right:1rem}.modal-overlay .modal-close:hover{color:var(--text-primary)}.modal-overlay .modal-header{cursor:default;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.modal{z-index:2000;opacity:0;visibility:hidden;transition:all var(--transition);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal.active{opacity:1;visibility:visible}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;transition:transform var(--transition);box-shadow:var(--shadow-lg);min-width:300px;min-height:200px;padding:1.5rem;position:relative;overflow-y:auto;transform:scale(.9)}.modal.active .modal-content{transform:scale(1)}.modal.draggable .modal-content{position:absolute;transform:none}.modal-header{border-bottom:1px solid var(--border-color);cursor:move;-webkit-user-select:none;user-select:none;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal-resize-handle{cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--border-color)50%);border-radius:0 0 var(--radius-lg)0;width:20px;height:20px;position:absolute;bottom:0;right:0}.modal-resize-handle:hover{background:linear-gradient(135deg,transparent 50%,var(--primary)50%)}.modal-body{color:var(--text-secondary);max-height:calc(90vh - 8rem);line-height:1.6;overflow-y:auto}.confirm-modal .modal-content{text-align:center;max-width:400px}.confirm-modal .confirm-icon{margin-bottom:1rem;font-size:3rem}.confirm-modal .confirm-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.confirm-modal .confirm-message{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.confirm-modal .confirm-actions{justify-content:center;gap:.75rem;display:flex}.theme-toggle{background:var(--bg-primary);border:2px solid var(--border-color);cursor:pointer;width:3rem;height:3rem;box-shadow:var(--shadow-md);z-index:998;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:fixed;bottom:1rem;right:1rem}.theme-toggle:hover{border-color:var(--primary);transform:scale(1.1)}.code-block{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;line-height:1.5;overflow-x:auto}pre{white-space:pre-wrap;word-wrap:break-word;margin:0}code{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.125rem .375rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em}.hidden{display:none!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.profile-layout{grid-template-columns:280px 1fr;gap:1.5rem;max-width:1200px;display:grid}.profile-sidebar{background:var(--card-bg);border-radius:12px;height:fit-content;padding:1.5rem;position:sticky;top:1rem}.profile-avatar-large{background:linear-gradient(135deg,var(--primary)0%,#805ad5 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1rem;font-size:2.5rem;font-weight:700;display:flex}.profile-name-display{text-align:center;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.profile-email-display{text-align:center;color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.profile-badges-display{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.profile-badges-display .badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge.admin{color:var(--primary);background:#667eea33}.badge.verified{color:var(--success);background:#48bb7833}.badge.unverified{color:var(--warning);background:#ed893633}.badge.totp{color:#38b2ac;background:#38b2ac33}.profile-menu{border-top:1px solid var(--border-color);padding-top:1rem}.profile-menu-item{cursor:pointer;color:var(--text-primary);border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;transition:all .2s;display:flex}.profile-menu-item:hover{background:var(--hover-bg)}.profile-menu-item.active{background:var(--primary);color:#fff}.profile-menu-item .menu-icon{text-align:center;width:24px;font-size:1.25rem}.profile-menu-divider{background:var(--border-color);height:1px;margin:.5rem 0}.profile-menu-item.switch-mode{color:var(--primary);font-weight:500}.profile-menu-item.switch-mode:hover{background:#667eea1a}.profile-content{min-height:400px}.profile-section{background:var(--card-bg);border-radius:12px;padding:1.5rem;display:none}.profile-section.active{display:block}.section-title{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;display:flex}.section-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.req-item{color:var(--danger,#e53e3e);align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8125rem;display:flex}.req-item.met{color:var(--success,#48bb78)}.req-icon:before{content:"✗"}.req-item.met .req-icon:before{content:"✓"}.security-card{background:var(--bg-tertiary);border-radius:8px;margin-bottom:1rem;padding:1.25rem}.security-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.security-card-title{align-items:center;gap:.5rem;font-weight:600;display:flex}.security-card-desc{color:var(--text-secondary);font-size:.875rem}.totp-step{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.totp-step-number{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:600;display:flex}.totp-step-content{flex:1}.totp-step-title{margin-bottom:.75rem;font-weight:500}.qr-container{background:#fff;border-radius:8px;justify-content:center;margin-bottom:1rem;padding:1rem;display:flex}.qr-container img{max-width:180px;height:auto}.secret-display{background:var(--bg-tertiary);text-align:center;word-break:break-all;border-radius:6px;margin-bottom:.5rem;padding:.75rem 1rem;font-family:monospace;font-size:.9rem}.totp-code-input{text-align:center;letter-spacing:.5rem;padding:1rem;font-family:monospace;font-size:1.75rem}.recurring-calendar{flex-direction:column;gap:.25rem;display:flex}.recurring-calendar-item{border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.85rem;transition:background .15s;display:flex}.recurring-calendar-item:hover{background:var(--bg-secondary,#f7fafc)}.recurring-cal-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.recurring-cal-date{min-width:90px;color:var(--text-secondary,#718096);font-weight:500}.recurring-cal-desc{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.execution-log-list{font-size:.9rem}.shared-toggle-switch{background:var(--border-color);cursor:pointer;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.shared-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.shared-toggle-switch.active{background:var(--primary)}.shared-toggle-switch.active:after{transform:translate(16px)}
@media (max-width:1024px){.main-content{margin-left:0;padding:1.5rem}.sidebar.collapsed~.main-content{margin-left:0}.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-menu-btn{display:flex}.sidebar-toggle-btn{display:none}.sidebar-header{padding-left:3.5rem}.main-content{padding-top:5rem}.cards-grid,.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static}}@media (max-width:768px){.main-content{padding:4.5rem 1rem 1rem}.page-title{font-size:1.5rem}.page-header{flex-direction:column;gap:1rem;align-items:flex-start!important}.page-header-actions,.page-header-actions .btn{width:100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%;min-height:44px}.modal-footer,.modal-actions,.modal-actions-left,.confirm-actions{flex-direction:column}.modal-footer .btn,.modal-actions .btn,.modal-actions-left .btn,.confirm-actions .btn{width:100%;min-height:44px}table{font-size:.875rem}table th,table td{padding:.625rem .5rem}.modal-content{max-width:95vw;max-height:85vh}.btn,.toggle-btn,.nav-link{min-height:44px}.btn-sm,.btn-small{min-height:38px;padding:.5rem .75rem}.toast-container{left:1rem;right:1rem}.toast{width:100%;min-width:0}.data-row{flex-wrap:wrap;gap:.5rem}.filter-panel{border-radius:var(--radius-lg)var(--radius-lg)0 0;z-index:1000;width:100%;max-height:70vh;position:fixed;inset:auto 0 0}.toolbar{flex-direction:column;align-items:stretch}.toolbar .search-input,.search-filter-wrapper{width:100%;min-width:0}.admin-cards-grid{grid-template-columns:1fr}}@media (max-width:480px){.fullscreen-container{align-items:flex-start;padding-top:1.5rem;padding-bottom:1.5rem}.sidebar{width:85%}.main-content{padding:4rem .75rem .75rem}.card{padding:1rem}.stat-value{font-size:1.5rem}.form-row{flex-direction:column;gap:0}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],textarea,select,.form-input,.input-field,.form-select{min-height:44px;font-size:1rem}input,select,textarea{font-size:16px}.page-title{font-size:1.25rem}.page-subtitle{font-size:.875rem}.auth-card{border-radius:var(--radius-lg);padding:1.5rem}.auth-container{padding:1rem}.category-row{flex-wrap:wrap;gap:.5rem}.cat-actions{justify-content:flex-end;width:100%}.pagination-bar{flex-direction:column;align-items:stretch;gap:.75rem}.pagination-pages{flex-wrap:wrap;justify-content:center}.pagination-info{text-align:center}.color-swatch-grid{grid-template-columns:repeat(6,1fr)}.emoji-swatch-grid{grid-template-columns:repeat(5,1fr)}.toast-container{top:.5rem;left:.5rem;right:.5rem}}@media (max-width:360px){.main-content{padding:3.75rem .5rem .5rem}.card{border-radius:var(--radius-md);padding:.75rem}.page-title{font-size:1.15rem}.modal-header h2{font-size:1.1rem}.btn{padding:.5rem .75rem;font-size:.8125rem}.auth-card{padding:1.25rem}.emoji-swatch-grid{grid-template-columns:repeat(4,1fr)}}
.auth-container{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.auth-card{background:var(--bg-primary);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border-radius:16px;padding:3rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{margin-bottom:1rem;font-size:3rem}.auth-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.auth-card .form-group label{font-weight:500}.auth-card .form-group input{transition:border-color .2s,box-shadow .2s}.auth-card .btn-primary{background:linear-gradient(135deg,var(--primary),#764ba2);width:100%;padding:.875rem}.auth-card .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.auth-card .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.875rem}.auth-footer a{color:var(--primary);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.success-message{border:1px solid var(--success);color:var(--success);text-align:center;background:#48bb781a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.error-message{border:1px solid var(--danger);color:var(--danger);text-align:center;background:#f565651a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.info-box{border-left:4px solid var(--info);color:var(--text-secondary);background:#4299e11a;border-radius:0 8px 8px 0;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.password-requirements{background:var(--bg-tertiary);border-radius:8px;margin-top:.5rem;padding:1rem}.req-item{color:var(--danger,#e53e3e);align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8125rem;display:flex}.req-item.met{color:var(--success,#48bb78)}.req-icon:before{content:"✗"}.req-item.met .req-icon:before{content:"✓"}.invalid-token{text-align:center;padding:2rem}.invalid-token h2{color:var(--danger);margin-bottom:1rem}.verify-email .auth-logo{margin-bottom:1.5rem;font-size:4rem}.success-state .auth-logo{color:var(--success)}.error-state .auth-logo{color:var(--danger)}.loading-spinner{border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:60px;height:60px;margin:0 auto 1.5rem;animation:1s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.two-fa-section{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem;display:none}.two-fa-section.active{display:block}.two-fa-methods{gap:.5rem;margin-bottom:1rem;display:flex}.two-fa-method{border:2px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:.75rem;transition:all .2s}.two-fa-method:hover{border-color:var(--primary)}.two-fa-method.active{border-color:var(--primary);background:var(--primary-light)}.code-input{letter-spacing:6px;text-align:center;font-family:monospace;font-size:1.25rem}.auth-divider{align-items:center;gap:.75rem;margin:1.25rem 0;display:flex}.auth-divider-line{background:var(--border-color);flex:1;height:1px}.auth-divider-text{color:var(--text-muted);font-size:.8rem}.btn-auth-alt{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition);box-sizing:border-box;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.btn-auth-alt:hover{background:var(--bg-tertiary)}.remember-row{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.remember-row label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;margin-bottom:0;font-size:.875rem;display:flex}.remember-row input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer}.remember-row .forgot-link{color:var(--primary);font-size:.875rem;text-decoration:none}.remember-row .forgot-link:hover{color:var(--primary-hover)}.password-match-indicator{margin-top:.5rem;font-size:.8125rem}.password-match-indicator.match{color:var(--success,#48bb78)}.password-match-indicator.no-match{color:var(--danger,#e53e3e)}.strength-bar-container{background:var(--bg-tertiary);border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden}.strength-bar{border-radius:2px;height:100%;transition:width .3s,background .3s}.strength-bar.weak{background:var(--danger,#e53e3e);width:33%}.strength-bar.medium{background:var(--warning,#ed8936);width:66%}.strength-bar.strong{background:var(--success,#48bb78);width:100%}.password-match{margin-top:.5rem;font-size:.8125rem}.password-match.match{color:var(--success,#48bb78)}.password-match.no-match{color:var(--danger,#e53e3e)}.auth-links{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.875rem}.auth-links a{color:var(--primary);font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.card-auth{width:100%;max-width:400px}.card-auth-wide{width:100%;max-width:450px}.auth-settings{z-index:20;position:absolute;top:1.5rem;right:1.5rem}.auth-settings-btn{border:1px solid var(--border-color);background:var(--bg-primary);width:2.5rem;height:2.5rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.auth-settings-btn:hover{color:var(--text-primary);border-color:var(--primary);transform:scale(1.05)}.auth-settings-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);min-width:200px;box-shadow:var(--shadow-lg);padding:.375rem 0;animation:.15s ease-out auth-menu-in;position:absolute;top:calc(100% + .5rem);right:0}@keyframes auth-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-settings-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:.375rem .75rem;font-size:.7rem;font-weight:600}.auth-settings-item{width:100%;color:var(--text-primary);cursor:pointer;transition:background var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.auth-settings-item:hover{background:var(--bg-hover)}.auth-settings-item.active{color:var(--primary);font-weight:500}.auth-settings-check{color:var(--primary);flex-shrink:0;margin-left:auto}.auth-settings-divider{background:var(--border-color);height:1px;margin:.375rem 0}@media (max-width:480px){.auth-container{flex-direction:column;padding:1rem}.auth-card{padding:1.5rem}.auth-settings{position:absolute;top:.75rem;right:.75rem}}
.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-overlay.no-backdrop{background:0 0}.require-2fa-overlay{z-index:9999;background:#000000b3}.require-2fa-overlay .modal-content{width:100%}@media (max-width:480px){.require-2fa-overlay{padding:0}.require-2fa-overlay .modal-content{border-radius:0;max-width:100vw;height:100%;max-height:100vh}}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow:hidden}.modal-content.modal-wide{max-width:650px}.modal-content.modal-sm{max-width:400px}.modal-content.modal-dimmed{pointer-events:none;position:relative}.modal-content.modal-dimmed:after{content:"";border-radius:inherit;z-index:1;pointer-events:none;background:#00000073;position:absolute;inset:0}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{margin:0;font-size:1.15rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.modal-body{padding:1.5rem;overflow-y:auto}.modal-actions,.modal-actions-left{gap:.75rem;margin-top:1.5rem;display:flex}.modal-actions{justify-content:flex-end}.modal-actions-left{justify-content:space-between}
.toast-container{z-index:9999;flex-direction:column;gap:.5rem;max-width:320px;display:flex;position:fixed;top:1rem;right:1rem}.toast{border-radius:var(--radius-card,8px);box-shadow:var(--shadow-md);background:var(--bg-primary);min-width:240px;color:var(--text-primary);border:1px solid var(--border-color);border-left:4px solid;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.3s ease-out toast-in;display:flex}.toast-out{animation:.3s ease-in forwards toast-out}.toast-success{border-left-color:var(--color-income)}.toast-error{border-left-color:var(--color-expense)}.toast-warning{border-left-color:var(--color-amber)}.toast-info{border-left-color:var(--info,#4299e1)}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}.toast-success .toast-icon{background:var(--color-income);color:#fff}.toast-error .toast-icon{background:var(--color-expense);color:#fff}.toast-warning .toast-icon{background:var(--color-amber);color:#fff}.toast-info .toast-icon{background:var(--info,#4299e1);color:#fff}.toast-message{flex:1;min-width:0}.toast-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:.15rem;font-size:.7rem;line-height:1;transition:color .15s}.toast-close:hover{color:var(--text-primary)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}
.color-picker,.emoji-picker{flex-direction:column;gap:.75rem;display:flex}.color-swatches{flex-wrap:wrap;gap:6px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:28px;height:28px;transition:transform .15s,border-color .15s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:var(--text-primary);transform:scale(1.15)}.color-custom{align-items:center;gap:.5rem;display:flex}.color-custom input[type=color]{border:1px solid var(--border-color);cursor:pointer;border-radius:6px;width:36px;height:36px;padding:2px}.emoji-categories{flex-wrap:wrap;gap:4px;display:flex}.emoji-cat-btn{border:1px solid var(--border-color);border-radius:var(--radius-md,6px);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;font-size:.7rem;transition:all .15s}.emoji-cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.emoji-grid{flex-wrap:wrap;gap:4px;display:flex}.emoji-btn{background:var(--bg-secondary);cursor:pointer;border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:transform .15s,border-color .15s;display:flex}.emoji-btn:hover{transform:scale(1.15)}.emoji-btn.active{border-color:var(--primary);transform:scale(1.15)}.cat-picker-search{margin-bottom:.5rem}.cat-picker-list{border:1px solid var(--border-color);border-radius:var(--radius-md,8px);background:var(--bg-secondary);max-height:300px;overflow-y:auto}.cat-picker-item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.55rem .75rem;transition:background .15s;display:flex}.cat-picker-item:last-child{border-bottom:none}.cat-picker-item:hover{background:var(--bg-tertiary)}.cat-picker-item.selected{background:#667eea14}.cat-picker-item.sub{padding-left:2.25rem}.cat-picker-dot{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;display:flex}.cat-picker-dot.small{border-radius:6px;width:22px;height:22px;font-size:.8rem}.cat-picker-name{flex:1;font-size:.9rem;font-weight:500}.cat-picker-check{color:var(--primary);font-size:.9rem;font-weight:700}.cat-picker-empty{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.9rem}.cat-picker-btn{text-align:left;cursor:pointer;border:1px solid var(--border-color);border-radius:var(--radius-md,8px);background:var(--bg-primary);width:100%;color:var(--text-primary);flex:1;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;transition:border-color .15s;display:flex}.cat-picker-btn:hover{border-color:var(--primary)}.cat-picker-btn.placeholder,.cat-picker-placeholder{color:var(--text-muted)}.cat-picker-btn:after{content:"▾";color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:.85rem}.cat-picker-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:.25rem;padding:.5rem .75rem .25rem;font-size:.7rem;font-weight:600}.cat-picker-group-label:first-child{border-top:none;margin-top:0}.color-swatch-grid{grid-template-columns:repeat(8,1fr);gap:6px;padding:.5rem 0;display:grid}.color-swatch-grid .color-swatch{border-radius:50%;width:32px;height:32px}.color-swatch-grid .color-swatch.active{box-shadow:0 0 0 2px var(--bg-primary)}.color-preview-btn{border-radius:var(--radius-md,8px);border:2px solid var(--border-color);cursor:pointer;width:100%;height:38px;transition:border-color .15s}.color-preview-btn:hover{border-color:var(--primary)}.emoji-picker-search{margin-top:-1rem;margin-bottom:.5rem}.emoji-picker-search input{border:1px solid var(--border-color);border-radius:var(--radius-md,6px);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:.45rem .7rem;font-size:.8rem}.emoji-picker-search input:focus{border-color:var(--primary);outline:none}.emoji-picker-no-results{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.8rem}.emoji-picker-body{height:260px;padding:0;overflow-y:auto}.emoji-category-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);margin-bottom:.25rem;padding:.5rem 0 .25rem;font-size:.7rem;font-weight:600}.emoji-swatch-grid{grid-template-columns:repeat(6,1fr);gap:4px;padding:.25rem 0 .5rem;display:grid}.emoji-swatch{aspect-ratio:1;border-radius:var(--radius-sm,4px);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:2px solid #0000;justify-content:center;align-items:center;font-size:1.4rem;transition:transform .15s,background .15s;display:flex;position:relative}.emoji-swatch svg{width:20px;height:20px}.emoji-swatch:hover{background:var(--bg-tertiary);transform:scale(1.15)}.emoji-swatch.active{border-color:var(--primary);background:var(--bg-tertiary)}.emoji-swatch-tooltip{background:var(--bg-tertiary);color:var(--text-primary);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);z-index:10;border-radius:4px;padding:2px 6px;font-size:.65rem;animation:.15s ease-out emoji-tooltip-in;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}@keyframes emoji-tooltip-in{0%{opacity:0;transform:translate(-50%)translateY(2px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.emoji-preview-btn{border-radius:var(--radius-md,8px);border:2px solid var(--border-color);cursor:pointer;background:var(--bg-secondary);width:100%;height:38px;color:var(--text-primary);justify-content:center;align-items:center;font-size:1.3rem;transition:border-color .15s;display:flex}.emoji-preview-btn:hover{border-color:var(--primary)}
.txn-summary-bar{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.txn-summary-tile{border:1px solid var(--border-color);border-radius:var(--radius-md,8px);background:var(--bg-secondary);flex-direction:column;gap:.25rem;padding:.75rem 1rem;display:flex}.txn-summary-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:600}.txn-summary-value{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700;font-family:var(--font-ui),sans-serif}.txn-summary-value.income{color:var(--color-income)}.txn-summary-value.expense{color:var(--color-expense)}.txn-table-wrapper{padding:0;overflow-x:hidden}.txn-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-size:.85rem}.txn-table thead th{background:var(--bg-secondary);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:.85rem .75rem;font-size:.75rem;font-weight:600;position:relative;top:0;overflow:visible}.txn-table thead th:hover{color:var(--text-primary)}.txn-th-inner{align-items:center;gap:.35rem;display:inline-flex}.txn-sort-icon{flex-shrink:0;font-size:.6rem;line-height:1}.txn-sort-icon.muted{opacity:.3}.txn-sort-icon.active{opacity:1;color:var(--primary)}.txn-row{cursor:pointer;transition:background .1s}.txn-row:hover{background:var(--bg-secondary)}.txn-table tbody td{border-bottom:1px solid var(--border-color);vertical-align:middle;overflow-wrap:break-word;white-space:normal;padding:.85rem .75rem;overflow:hidden}.txn-row:last-child td{border-bottom:none}.txn-col-check{text-align:center;width:2.5rem}.txn-col-arrow{text-align:center;cursor:default;width:1.75rem;font-size:.7rem}.txn-col-arrow.income{color:var(--color-income)}.txn-col-arrow.expense{color:var(--color-expense)}.txn-col-arrow.transfer{color:var(--color-transfer);font-size:.95rem}th.txn-col-arrow{cursor:default}th.txn-col-arrow:hover{color:var(--text-muted)}.txn-table tbody td.txn-col-date{white-space:nowrap;font-family:var(--font-ui),sans-serif;font-size:.8rem}.txn-table tbody td.txn-col-amount{text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700;font-family:var(--font-ui),sans-serif}td.txn-col-amount.income{color:var(--color-income)}td.txn-col-amount.expense{color:var(--color-expense)}td.txn-col-amount.transfer{color:var(--color-transfer)}.txn-resize-handle{cursor:col-resize;z-index:10;background:0 0;width:7px;position:absolute;top:0;bottom:0;right:-3px}.txn-resize-handle:hover,.txn-resize-handle:active{background:color-mix(in srgb,var(--primary)40%,transparent)}.txn-desc-text{text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:inline;overflow:hidden}.txn-row-subtitle{color:var(--text-dim,var(--text-muted));margin-top:.15rem;font-size:.7rem;font-weight:400}.txn-attachment-icon{color:var(--text-muted);vertical-align:middle;margin-left:.35rem;font-size:.75rem;display:inline-flex}.txn-account-cell{align-items:center;gap:.3rem;display:inline-flex}.txn-account-icon{color:var(--text-muted);justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.txn-account-icon svg{width:14px;height:14px}.txn-tags-cell{flex-wrap:wrap;gap:.25rem;display:flex}.txn-tags-cell .tag-chip{border:1px solid;border-radius:9999px;padding:.1rem .5rem;font-size:.7rem;font-weight:500;line-height:1.4}.txn-tag-clickable{cursor:pointer;transition:opacity .15s}.txn-tag-clickable:hover{opacity:.8}.txn-desc-tags{flex-wrap:wrap;gap:.2rem;margin-top:.25rem;display:flex}.txn-desc-tags .tag-chip{border:1px solid;border-radius:9999px;padding:.05rem .4rem;font-size:.65rem;font-weight:500;line-height:1.4}.txn-row-expanded{background:var(--bg-secondary)}.txn-detail-row td{border-bottom:1px solid var(--border-color);padding:0!important}.txn-detail-row:hover{background:0 0}.txn-detail-bar{background:var(--bg-secondary);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .75rem;display:flex}.txn-detail-fields{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.txn-detail-field{flex-direction:column;gap:.15rem;display:flex}.txn-detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.6rem;font-weight:600}.txn-detail-value{color:var(--text-primary);font-size:.8rem;font-weight:500}.txn-detail-value.income{color:var(--color-income)}.txn-detail-value.expense{color:var(--color-expense)}.txn-detail-value.transfer{color:var(--color-transfer)}.txn-detail-actions{flex-shrink:0;gap:.5rem;display:flex}@media (max-width:768px){.txn-resize-handle,.txn-table thead{display:none}.txn-table,.txn-table tbody,.txn-table tr,.txn-table td{display:block}.txn-row{border-bottom:1px solid var(--border-color);grid-template-rows:auto auto;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.25rem .35rem;padding:.75rem;display:grid}.txn-row td{border:none;padding:0}.txn-row .txn-col-check{grid-area:1/1/3}.txn-row .txn-col-arrow{grid-area:1/2;font-size:.7rem}.txn-row .txn-col-desc{grid-area:1/3;font-size:.9rem}.txn-row .txn-col-amount{text-align:left;grid-area:1/4}.txn-row .txn-col-date{color:var(--text-muted);grid-area:2/3;font-size:.75rem}.txn-row .txn-col-account,.txn-row .txn-col-category{grid-column:3/5;font-size:.75rem}.txn-row .txn-col-account:empty,.txn-row .txn-col-category:empty{display:none}.txn-detail-row td{display:block}.txn-detail-bar{flex-direction:column;align-items:flex-start}.txn-detail-fields{gap:.75rem}.txn-detail-actions{justify-content:flex-end;width:100%;margin-top:.5rem}}.upcoming-section .txn-row{opacity:.75;font-style:italic}.upcoming-section .txn-row:hover{opacity:1}.txn-add-category-btn{border:1px dashed var(--text-muted);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;transition:border-color .15s,color .15s}.txn-add-category-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.toolbar .search-input{flex:1;min-width:200px}.search-filter-wrapper{flex:1;min-width:200px;position:relative}.search-filter-wrapper .search-input{width:100%;padding-right:2.5rem}.search-filter-icon{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-filter-icon:hover,.search-filter-icon.active{color:var(--primary);background:var(--bg-secondary)}.filter-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:400px;box-shadow:var(--shadow-lg);z-index:50;flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.filter-panel-body{flex:1;min-height:0;display:flex}.filter-panel-left{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:130px;padding:.35rem 0;display:flex}.filter-panel-row{color:var(--text-secondary);cursor:default;align-items:center;gap:.4rem;padding:.6rem .85rem;font-size:.85rem;font-weight:500;transition:background .1s,color .1s;display:flex}.filter-panel-row:hover,.filter-panel-row.active{background:var(--bg-primary);color:var(--text-primary)}.filter-active-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.filter-panel-footer{border-top:1px solid var(--border-color);gap:.5rem;padding:.5rem .6rem;display:flex}.filter-reset-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;text-align:center;background:0 0;padding:.35rem .5rem;font-size:.78rem;transition:all .12s;display:block}.filter-reset-btn:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.filter-reset-btn:disabled{opacity:.35;cursor:default}.filter-panel-right{flex:1;max-height:280px;padding:.35rem 0;overflow-y:auto}.filter-panel-option{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.85rem;transition:background .1s;display:flex;overflow:hidden}.filter-panel-option:hover{background:var(--bg-secondary)}.filter-panel-option.active{color:var(--primary);font-weight:600}.filter-cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.filter-date-pane{flex-direction:column;gap:.5rem;padding:.6rem .85rem;display:flex}.filter-date-label{color:var(--text-secondary);flex-direction:column;gap:.2rem;font-size:.78rem;font-weight:500;display:flex}.filter-date-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);width:100%;padding:.4rem .5rem;font-size:.82rem}.filter-date-input:focus{border-color:var(--primary);outline:none}.month-nav-compact{align-items:center;gap:.5rem;display:flex}.month-title-compact{color:var(--primary);text-align:center;min-width:140px;font-size:.95rem;font-weight:700}.month-title-compact.clickable{cursor:pointer;transition:opacity .15s}.month-title-compact.clickable:hover{opacity:.75}.data-list{flex-direction:column;display:flex}.data-row{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .15s;display:flex}.data-row:last-child{border-bottom:none}.data-row:hover{background:var(--bg-secondary)}@media (max-width:480px){.txn-summary-bar{grid-template-columns:1fr;gap:.5rem}.txn-summary-tile{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem .75rem}.txn-detail-fields{gap:.5rem}.txn-detail-field{flex:calc(50% - .5rem)}.filter-panel{max-height:85vh}.filter-panel-right{max-height:250px}}
.modal-sm .modal-body p{color:var(--text-secondary);margin:0 0 .5rem}.type-toggle{background:var(--bg-tertiary);border-radius:var(--radius-md,8px);border:1px solid var(--border-color);margin-bottom:1rem;display:flex;overflow:hidden}.type-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.type-toggle button.active-income{background:var(--success);color:#fff}.type-toggle button.active-expense{background:var(--danger);color:#fff}.type-toggle button.active{background:var(--primary);color:#fff}.tag-chips{flex-wrap:wrap;gap:.35rem;display:flex}.tag-chip{cursor:pointer;border:1px solid #0000;border-radius:99px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:500;transition:opacity .15s;display:inline-flex}.tag-chip.selected{border-color:var(--text-primary)}.tag-chip .tag-remove{opacity:.7;cursor:pointer;font-size:.85rem}.tag-chip .tag-remove:hover{opacity:1}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:99px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.badge-admin{color:var(--primary);background:#667eea26}.badge-primary{background:var(--primary);color:#fff}.badge-default{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.badge-inactive{color:var(--text-muted);background:#a0aec026}.badge-owner{color:#ed8936;background:#ed893626}.badge-member{color:#4299e1;background:#4299e126}.txn-cat-badge{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:1px solid;border-radius:9999px;align-items:center;gap:.3rem;max-width:200px;padding:.1rem .5rem;font-size:.7rem;font-weight:500;line-height:1.4;transition:opacity .15s;display:inline-flex;overflow:hidden}.txn-cat-badge:hover{opacity:.8}.cat-inline-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cat-inline-icon svg{vertical-align:middle;width:14px;height:14px}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.empty-state-icon{justify-content:center;margin-bottom:.75rem;font-size:3.5rem;display:flex}.empty-state-icon svg{opacity:.4;width:3.5rem;height:3.5rem}.empty-state-heading{color:var(--text-muted);margin-bottom:.25rem;font-size:1rem;font-weight:600}.empty-state-subtext{color:var(--text-dim,var(--text-muted));max-width:280px;margin-bottom:1rem;font-size:.8125rem}.empty-state .btn{margin-top:.25rem}.row-actions{flex-shrink:0;gap:.25rem;display:flex}.form-error{color:var(--color-expense,var(--danger));margin-top:.25rem;font-size:.75rem;display:block}.pill-tabs{gap:.35rem;margin-bottom:1rem;display:flex}.pill-tab{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.8125rem;font-weight:500;display:inline-flex}.pill-tab:hover{background:var(--bg-secondary)}.pill-tab.active{background:var(--color-accent,var(--primary));color:#fff;border-color:var(--color-accent,var(--primary))}.pill-tab-count{opacity:.8;font-size:.7rem;font-weight:600}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header-left h2{margin:0;font-size:1.5rem;font-weight:700}.page-header-left p{color:var(--text-muted);margin:.25rem 0 0;font-size:.875rem}.page-header-actions{flex-wrap:wrap;gap:.5rem;display:flex}.pagination-bar{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding:.75rem 0;display:flex}.pagination-info{color:var(--text-secondary);white-space:nowrap;font-size:.85rem}.pagination-pages{align-items:center;gap:.25rem;display:flex}.pg-btn{border:1px solid var(--border-color);background:var(--bg-primary);min-width:2rem;height:2rem;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.85rem;transition:all .15s;display:inline-flex}.pg-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary)}.pg-btn:disabled{opacity:.35;cursor:default}.pg-btn.pg-active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.pg-btn.pg-arrow{font-size:1.1rem;font-weight:700}.pg-ellipsis{min-width:1.5rem;height:2rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.pagination-per-page select{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.35rem .6rem;font-size:.85rem}.category-list{flex-direction:column;display:flex}.category-row{border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem .5rem;display:flex}.category-row:hover{background:var(--bg-tertiary);border-radius:var(--radius-sm,4px)}.category-row:last-child{border-bottom:none}.cat-left{align-items:center;gap:.75rem;display:flex}.cat-toggle{width:20px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.65rem;transition:all .15s;display:flex}.cat-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cat-toggle-spacer{flex-shrink:0;width:20px}.cat-icon{border-radius:var(--radius-md,8px);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.cat-icon-sm{width:28px;height:28px;font-size:.85rem}.cat-name{font-size:.95rem;font-weight:500}.cat-type-badge{border-radius:var(--radius-sm,4px);text-transform:uppercase;letter-spacing:.3px;margin-left:.5rem;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.cat-type-income{color:var(--success);background:#48bb7826}.cat-type-expense{color:var(--danger);background:#f5656526}.cat-child-count{color:var(--text-muted);background:var(--bg-tertiary);border-radius:9999px;margin-left:.35rem;padding:.1rem .4rem;font-size:.7rem;font-weight:500}.cat-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.cat-add-sub-btn{border-radius:var(--radius-sm,4px);background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;padding:0;font-size:1.1rem;font-weight:600;line-height:1;transition:all .15s}.cat-add-sub-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.cat-children{border-left:2px solid var(--border-color);margin-left:3.5rem;padding-left:.75rem;display:none}.cat-children.expanded{padding-left:1rem;display:block}.cat-children .category-row{border-bottom:1px solid color-mix(in srgb,var(--border-color)50%,transparent);padding-left:1.25rem}.cat-children .category-row:last-child{border-bottom:none}.cat-parent-badge{background:var(--bg-tertiary);border-radius:var(--radius-md,8px);border:1px solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem;display:flex}.cat-parent-badge-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.8rem;font-weight:600}.cat-parent-badge-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.export-format-group{gap:.5rem;display:flex}.export-format-btn{border:1px solid var(--border-color);border-radius:var(--radius-md,8px);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;text-align:center;flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.export-format-btn:hover{background:var(--bg-secondary)}.export-format-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.export-date-row{flex-wrap:nowrap;align-items:center;gap:.75rem;display:flex}.export-date-row label{white-space:nowrap;flex:none;margin-bottom:0}.export-date-row .date-picker-btn{white-space:nowrap;flex:1 1 0;min-width:0}.export-accounts-list{border:1px solid var(--border-color);border-radius:var(--radius-md,8px);max-height:180px;padding:.25rem 0;overflow-y:auto}.export-account-item{cursor:pointer;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.875rem;transition:background .1s;display:flex}.export-account-item:hover{background:var(--bg-secondary)}.export-account-item input[type=checkbox]{accent-color:var(--primary);flex-shrink:0;width:16px;height:16px}.export-account-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:768px){.cat-picker-list{max-height:250px}.cat-picker-item{min-height:44px;padding:.65rem .75rem}.filter-panel-body{flex-direction:column}.filter-panel-left{-webkit-overflow-scrolling:touch;border-right:none;border-bottom:1px solid var(--border-color);flex-direction:row;width:100%;padding:.35rem;overflow-x:auto}.filter-panel-row{white-space:nowrap;flex-shrink:0}.filter-panel-right{max-height:200px}.pagination-bar{gap:.5rem}.pagination-pages{flex-wrap:wrap}.category-row{min-height:44px;padding:.85rem .5rem}.cat-add-sub-btn{width:36px;height:36px}.month-title-compact{min-width:110px;font-size:.85rem}}@media (max-width:480px){.data-row{flex-wrap:wrap;padding:.75rem .5rem}.cat-children{margin-left:1.5rem}.cat-children.expanded{padding-left:.5rem}.tag-chips{gap:.25rem}.tag-chip{font-size:.7rem}.modal-overlay,.modal{padding:0}.modal-content{width:100%;max-width:100vw;height:100%;max-height:100vh;min-width:unset;min-height:unset;border-radius:0}.modal-body{max-height:calc(100vh - 6rem)}.confirm-modal{align-items:flex-end}.confirm-modal .modal-content{border-radius:var(--radius-lg,12px)var(--radius-lg,12px)0 0;width:100%;max-width:100vw;height:auto;max-height:85vh;min-width:unset;min-height:unset}.export-date-row{flex-wrap:wrap}.export-accounts-list{max-height:140px}}
@font-face{font-family:Inter;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/inter/inter.woff2)format("woff2")}@font-face{font-family:Roboto;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/roboto/roboto.woff2)format("woff2")}@font-face{font-family:Open Sans;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/open-sans/open-sans.woff2)format("woff2")}@font-face{font-family:Lato;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/lato/lato-400.woff2)format("woff2")}@font-face{font-family:Lato;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/lato/lato-700.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/nunito/nunito.woff2)format("woff2")}@font-face{font-family:Poppins;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/poppins/poppins-400.woff2)format("woff2")}@font-face{font-family:Poppins;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/poppins/poppins-700.woff2)format("woff2")}@font-face{font-family:Montserrat;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/montserrat/montserrat.woff2)format("woff2")}@font-face{font-family:DM Sans;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/dm-sans/dm-sans.woff2)format("woff2")}@font-face{font-family:"Source Sans 3";font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/source-sans-3/source-sans-3.woff2)format("woff2")}@font-face{font-family:Raleway;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/raleway/raleway.woff2)format("woff2")}@font-face{font-family:Ubuntu;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/ubuntu/ubuntu.woff2)format("woff2")}@font-face{font-family:Rubik;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/rubik/rubik.woff2)format("woff2")}@font-face{font-family:Work Sans;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/work-sans/work-sans.woff2)format("woff2")}@font-face{font-family:Quicksand;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/quicksand/quicksand.woff2)format("woff2")}@font-face{font-family:Karla;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/karla/karla.woff2)format("woff2")}@font-face{font-family:Josefin Sans;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/josefin-sans/josefin-sans.woff2)format("woff2")}@font-face{font-family:Cabin;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/cabin/cabin.woff2)format("woff2")}@font-face{font-family:Libre Franklin;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/libre-franklin/libre-franklin.woff2)format("woff2")}@font-face{font-family:Mulish;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/mulish/mulish.woff2)format("woff2")}@font-face{font-family:Outfit;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/outfit/outfit.woff2)format("woff2")}
.backend-waiting{background:var(--bg-primary,#fff);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-theme=dark] .backend-waiting{background:var(--bg-primary,#1a202c)}.backend-waiting-card{flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem;animation:.4s ease-out bw-fade-in;display:flex}.backend-waiting-spinner{width:56px;height:56px;color:var(--primary,#667eea);animation:1.2s linear infinite bw-spin}.backend-waiting-svg circle{stroke-dasharray:90 150;stroke-dashoffset:0;animation:1.5s ease-in-out infinite bw-dash}.backend-waiting-title{color:var(--text-primary,#2d3748);margin:0;font-size:1.5rem;font-weight:700}.backend-waiting-text{color:var(--text-muted,#718096);margin:0;font-size:.95rem}.backend-waiting-dots{gap:6px;margin-top:.25rem;display:flex}.backend-waiting-dots span{background:var(--primary,#667eea);opacity:.4;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite bw-bounce}.backend-waiting-dots span:nth-child(2){animation-delay:.2s}.backend-waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes bw-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bw-spin{to{transform:rotate(360deg)}}@keyframes bw-dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}@keyframes bw-bounce{0%,80%,to{opacity:.4;transform:scale(1)}40%{opacity:1;transform:scale(1.3)}}