:root{--font-primary: "Inter", sans-serif;--font-header: "Outfit", sans-serif;--color-income: #10b981;--color-income-bg: rgba(16, 185, 129, .1);--color-income-hover: #059669;--color-expense: #f43f5e;--color-expense-bg: rgba(244, 63, 94, .1);--color-expense-hover: #e11d48;--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 30px;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}html[data-theme=dark]{--bg-app: #080b11;--bg-sidebar: #0f131f;--bg-card: rgba(18, 24, 38, .65);--bg-card-hover: rgba(26, 34, 54, .8);--bg-input: #151b2c;--bg-modal: #111625;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-inverse: #0f172a;--border-color: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .15);--accent-primary: #8b5cf6;--accent-primary-bg: rgba(139, 92, 246, .12);--accent-primary-hover: #7c3aed;--accent-secondary: #06b6d4;--accent-secondary-bg: rgba(6, 182, 212, .12);--shadow-main: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, .3);--scrollbar-thumb: #1f2937;--glass-blur: blur(12px)}html[data-theme=light]{--bg-app: #f4f6f9;--bg-sidebar: #ffffff;--bg-card: rgba(255, 255, 255, .8);--bg-card-hover: rgba(255, 255, 255, .95);--bg-input: #f1f5f9;--bg-modal: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--text-inverse: #ffffff;--border-color: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .18);--accent-primary: #6d28d9;--accent-primary-bg: rgba(109, 40, 217, .08);--accent-primary-hover: #5b21b6;--accent-secondary: #0891b2;--accent-secondary-bg: rgba(8, 145, 178, .08);--shadow-main: 0 10px 30px -10px rgba(100, 116, 139, .12);--shadow-card: 0 4px 20px -2px rgba(100, 116, 139, .08);--scrollbar-thumb: #cbd5e1;--glass-blur: blur(8px)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-primary)}body{background-color:var(--bg-app);color:var(--text-main);overflow-x:hidden;height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.app-container{display:flex;height:100vh;width:100vw}.sidebar{width:280px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:24px;flex-shrink:0;justify-content:space-between;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px;padding:0;width:100%}.brand-symbol{height:40px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(139,92,246,.45));transition:transform var(--transition-fast)}.brand-symbol:hover{transform:scale(1.05)}.brand-name{font-family:var(--font-header);font-size:1.7rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--text-main)}.brand-name .brand-dot{color:var(--accent-primary)}.nav-menu{display:flex;flex-direction:column;gap:8px;flex-grow:1}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 18px;color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-item i{font-size:1.1rem;width:20px;text-align:center;transition:transform var(--transition-fast)}.nav-item:hover{color:var(--text-main);background-color:var(--border-color)}.nav-item:hover i{transform:translate(2px)}.nav-item.active{color:var(--text-inverse);background:linear-gradient(90deg,var(--accent-primary),var(--accent-primary-hover));box-shadow:0 4px 14px #8b5cf640;font-weight:600}.nav-item.active i{color:var(--text-inverse)}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:20px}.btn-theme-toggle{width:100%;display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-weight:500;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.btn-theme-toggle:hover{background:var(--border-color);border-color:var(--border-hover)}.main-content{flex-grow:1;display:flex;flex-direction:column;height:100vh;overflow-y:auto}.main-header{display:flex;justify-content:space-between;align-items:center;padding:30px 40px;background-color:transparent;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color)}.header-title h2{font-family:var(--font-header);font-size:1.75rem;font-weight:700;color:var(--text-main)}.header-title p{font-size:.85rem;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:20px}.month-selector-wrapper{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);padding:6px 12px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;gap:12px;box-shadow:var(--shadow-card)}.btn-icon-nav{background:transparent;border:none;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-main);transition:background-color var(--transition-fast)}.btn-icon-nav:hover{background-color:var(--border-color)}#current-month-display{min-width:130px;text-align:center}.content-body{padding:0 40px 40px;flex-grow:1}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));color:#fff;border:none;padding:12px 22px;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #8b5cf64d;transition:all var(--transition-fast)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf673}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:12px 22px;font-size:.9rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--border-color);border-color:var(--border-hover)}.btn-danger{background:linear-gradient(135deg,var(--color-expense),var(--color-expense-hover));color:#fff;border:none;padding:12px 22px;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #f43f5e4d;transition:all var(--transition-fast)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f43f5e73}.text-emerald{color:var(--color-income)!important}.text-rose{color:var(--color-expense)!important}.text-violet{color:var(--accent-primary)!important}.text-warning{color:var(--color-warning)!important}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px;margin-bottom:30px}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-card);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-main);border-color:var(--border-hover)}.kpi-icon{width:54px;height:54px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.card-balance .kpi-icon{background-color:var(--accent-primary-bg);color:var(--accent-primary)}.card-income .kpi-icon{background-color:var(--color-income-bg);color:var(--color-income)}.card-expense .kpi-icon{background-color:var(--color-expense-bg);color:var(--color-expense)}.card-savings .kpi-icon{background-color:var(--accent-secondary-bg);color:var(--accent-secondary)}.kpi-info{min-width:0;flex:1}.kpi-info h3{font-size:.85rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.kpi-value{font-family:var(--font-header);font-size:clamp(1.15rem,.9rem + 1.1vw,1.65rem);font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden}.kpi-subtext{font-size:.72rem;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{font-family:var(--font-header);font-size:1.15rem;font-weight:600;color:var(--text-main)}.card-actions{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:10px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-dot.income{background-color:var(--color-income)}.legend-dot.expense{background-color:var(--color-expense)}.chart-container{position:relative;height:280px;width:100%}.dashboard-grid-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.dashboard-grid-bottom{grid-template-columns:1fr}}.link-view-all{color:var(--accent-primary);text-decoration:none;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:4px;transition:gap var(--transition-fast)}.link-view-all:hover{gap:8px}.recent-transactions-list{display:flex;flex-direction:column;gap:12px}.recent-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:var(--radius-md);background-color:#ffffff05;border:1px solid var(--border-color);transition:transform var(--transition-fast),background-color var(--transition-fast)}.recent-item:hover{background-color:var(--bg-card-hover);transform:scale(1.01)}.recent-left{display:flex;align-items:center;gap:14px}.recent-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem}.recent-icon.income{background-color:var(--color-income-bg);color:var(--color-income)}.recent-icon.expense{background-color:var(--color-expense-bg);color:var(--color-expense)}.recent-details h4{font-size:.9rem;font-weight:600;color:var(--text-main);margin-bottom:2px}.recent-details span{font-size:.75rem;color:var(--text-muted)}.recent-val{font-weight:700;font-size:.95rem}.budgets-progress-list{display:flex;flex-direction:column;gap:16px}.budget-progress-item{display:flex;flex-direction:column;gap:6px}.budget-prog-header{display:flex;justify-content:space-between;font-size:.85rem;font-weight:500}.budget-prog-name{color:var(--text-main);font-weight:600}.budget-prog-values{color:var(--text-muted)}.progress-track{width:100%;height:8px;background-color:var(--bg-input);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.table-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);overflow:hidden}.filter-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);gap:16px;flex-wrap:wrap}.search-box{position:relative;flex-grow:1;max-width:400px}.search-box i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-box input{width:100%;padding:10px 16px 10px 42px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-size:.9rem;outline:none;transition:border-color var(--transition-fast)}.search-box input:focus{border-color:var(--accent-primary)}.filter-selects{display:flex;gap:12px}.filter-selects select{padding:10px 16px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-size:.85rem;outline:none;cursor:pointer;transition:border-color var(--transition-fast)}.filter-selects select:focus{border-color:var(--accent-primary)}.table-responsive{width:100%;overflow-x:auto}.transaction-table{width:100%;border-collapse:collapse;text-align:left}.transaction-table th,.transaction-table td{padding:16px 24px;border-bottom:1px solid var(--border-color);font-size:.9rem}.transaction-table th{background-color:#ffffff03;color:var(--text-muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.transaction-table tbody tr{transition:background-color var(--transition-fast)}.transaction-table tbody tr:hover{background-color:#ffffff04}.tx-cat-badge{padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;display:inline-block}.tx-type-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm)}.tx-type-badge.income{background-color:var(--color-income-bg);color:var(--color-income)}.tx-type-badge.expense{background-color:var(--color-expense-bg);color:var(--color-expense)}.text-right{text-align:right}.text-center{text-align:center}.table-actions{display:flex;justify-content:center;gap:8px}.btn-table-action{background:transparent;border:none;cursor:pointer;width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background-color var(--transition-fast)}.btn-table-action.edit{color:var(--accent-secondary)}.btn-table-action.edit:hover{background-color:var(--accent-secondary-bg)}.btn-table-action.delete{color:var(--color-expense)}.btn-table-action.delete:hover{background-color:var(--color-expense-bg)}.pagination-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border-color)}.pagination-controls{display:flex;gap:6px}.btn-page{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:6px 12px;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.btn-page:hover:not(:disabled){background-color:var(--border-color)}.btn-page.active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-page:disabled{opacity:.4;cursor:not-allowed}.description-text{font-size:.95rem;color:var(--text-muted);max-width:600px}.budgets-header,.goals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px;flex-wrap:wrap}.budgets-grid,.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.budget-card,.goal-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;transition:transform var(--transition-fast),border-color var(--transition-fast)}.budget-card:hover,.goal-card:hover{transform:translateY(-3px);border-color:var(--border-hover)}.card-header-inner{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card-header-inner h4{font-family:var(--font-header);font-size:1.15rem;font-weight:600}.card-actions-menu{display:flex;gap:6px}.budget-details,.goal-details{margin-bottom:20px}.budget-stat,.goal-stat{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:8px}.budget-stat-label,.goal-stat-label{color:var(--text-muted)}.budget-stat-value,.goal-stat-value{font-weight:700}.goal-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.goal-percentage{font-family:var(--font-header);font-size:1.35rem;font-weight:700}.goal-date{font-size:.75rem;color:var(--text-muted)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:20px}.settings-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:18px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.settings-card h3{font-family:var(--font-header);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:12px}.settings-card h3 i{color:var(--accent-primary)}.settings-card.card-danger h3 i{color:var(--color-expense)}.settings-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5}.settings-buttons{display:flex;flex-direction:column;gap:12px;margin-top:8px}.label-file-input{justify-content:center;width:100%;text-align:center}.about-info{font-size:.9rem;line-height:1.6;display:flex;flex-direction:column;gap:10px}.about-info ul{margin-left:20px;color:var(--text-muted)}.version-tag{margin-top:10px;font-size:.75rem;color:var(--text-muted);background-color:var(--bg-input);padding:6px 12px;border-radius:var(--radius-sm);align-self:flex-start}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.modal-backdrop.active{opacity:1;pointer-events:all}.modal-card{background-color:var(--bg-modal);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-main);transform:scale(.9);transition:transform var(--transition-fast);overflow:hidden}.modal-backdrop.active .modal-card{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-family:var(--font-header);font-size:1.25rem;font-weight:600}.btn-close-modal{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:color var(--transition-fast)}.btn-close-modal:hover{color:var(--text-main)}#form-transaction,#form-budget,#form-goal{padding:28px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-row{display:flex;gap:16px}.col-6{width:50%}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.form-group input,.form-group select{padding:12px 16px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-size:.95rem;outline:none;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group select:focus{border-color:var(--accent-primary)}.toggle-button-group{display:flex;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;gap:4px}.toggle-label{flex-grow:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toggle-label.active{color:var(--text-inverse)}#label-type-income.active{background-color:var(--color-income)}#label-type-expense.active{background-color:var(--color-expense)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.tab-content{display:none;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.tab-content.active{display:block;opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-content.active{animation:fadeIn .4s ease forwards}@media (max-width: 900px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;padding:16px 24px;flex-direction:row;border-right:none;border-bottom:1px solid var(--border-color)}.brand{margin-bottom:0}.nav-menu{flex-direction:row;flex-grow:0;gap:4px}.nav-item{padding:8px 12px;font-size:.8rem}.nav-item span{display:none}.sidebar-footer{border-top:none;padding-top:0}.btn-theme-toggle span{display:none}.main-content{height:calc(100vh - 80px)}.main-header{padding:20px}.content-body{padding:0 20px 20px}}@media (max-width: 600px){.sidebar{flex-wrap:wrap;gap:12px;justify-content:space-between}.nav-menu{width:100%;justify-content:space-around;order:3}.main-header{flex-direction:column;align-items:stretch;gap:16px}.header-actions{flex-direction:column;align-items:stretch}.month-selector-wrapper{justify-content:space-between}.form-row{flex-direction:column;gap:0}.col-6{width:100%}}.auth-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-app);background-image:radial-gradient(at 0% 0%,rgba(139,92,246,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(6,182,212,.08) 0px,transparent 50%);display:flex;align-items:center;justify-content:center;z-index:200;transition:opacity var(--transition-normal)}.auth-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:420px;box-shadow:var(--shadow-main);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-align:center;animation:fadeIn var(--transition-normal) forwards}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:12px;margin-bottom:28px}.auth-logo-symbol{height:80px;width:auto;filter:drop-shadow(0 8px 26px rgba(139,92,246,.5))}.auth-wordmark{display:flex;flex-direction:column;align-items:center;gap:6px}.auth-brand-name{font-family:var(--font-header);font-size:2.5rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--text-main)}.auth-brand-name .brand-dot{color:var(--accent-primary)}.auth-brand-tagline{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.auth-card h2{font-family:var(--font-header);font-size:1.5rem;font-weight:700;margin-bottom:8px}.auth-card p{font-size:.85rem;color:var(--text-muted);margin-bottom:28px}.w-100{width:100%}.auth-error{background-color:var(--color-expense-bg);color:var(--color-expense);border:1px solid rgba(244,63,94,.2);padding:10px 14px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;margin-bottom:20px;text-align:left}.auth-toggle-wrapper{margin-top:20px;font-size:.85rem}.auth-toggle-wrapper a{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.auth-toggle-wrapper a:hover{color:var(--accent-primary-hover)}.auth-sandbox-wrapper{margin-top:24px;border-top:1px solid var(--border-color);padding-top:20px}.auth-sandbox-wrapper .divider{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;background-color:var(--bg-modal);width:40px;margin:-30px auto 18px}.sandbox-desc{font-size:.75rem!important;color:var(--text-muted);margin-top:10px;margin-bottom:0!important;line-height:1.4}.user-profile{display:flex;align-items:center;gap:12px;padding:12px 14px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden}.user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:.95rem;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:2px;flex-grow:1;overflow:hidden}#user-email-display{font-size:.75rem;font-weight:600;color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.btn-logout{background:transparent;border:none;color:var(--text-muted);font-size:.7rem;font-weight:600;cursor:pointer;text-align:left;display:flex;align-items:center;gap:4px;padding:2px 0;align-self:flex-start;transition:color var(--transition-fast)}.btn-logout:hover{color:var(--color-expense)}