@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root,html[data-theme=light]{--bg-base:#f4efe9;--bg-surface:#fdfbf7;--bg-elevated:#fff;--bg-topbar:#e8dfd5;--bg-sidebar:#e8dfd5;--bg-glass:#fcf9f5;--bg-glass-hover:#e8dfd5;--bg-active:#f4eae4;--row-alt-bg:#e3ece6;--row-hover-bg:#d2ded6;--border:#d7c9bc;--border-strong:#b5a494;--border-accent:#52735f;--accent:#52735f;--account-active-bg:#52735f;--accent-dim:#e6ebe6;--accent-hover:#3e5948;--purple:#7b2cbf;--purple-dim:#f3e8ff;--positive:#2e4a36;--negative:#b9381b;--warning:#c97a20;--warning-dim:#faeedd;--danger:#b9381b;--danger-dim:#fbebe8;--text-primary:#2b2118;--text-secondary:#4a3b2c;--text-muted:#6b5847;--text-accent:#52735f;--sidebar-width:296px;--sidebar-collapsed-width:56px;--topbar-height:60px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #00000024;--shadow-glass:0 2px 12px #00000014;--ease-fast:.15s ease;--ease-smooth:.25s cubic-bezier(.4, 0, .2, 1);--ease-spring:.35s cubic-bezier(.34, 1.56, .64, 1);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem}html[data-theme=dark]{--bg-base:#030504;--bg-surface:#040705;--bg-elevated:#0f1511;--bg-topbar:#060907;--bg-sidebar:#060907;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff14;--bg-active:#0f181266;--account-active-bg:#101a14;--row-alt-bg:#02050b;--row-hover-bg:#050a14;--border:#ffffff1f;--border-strong:#ffffff3d;--border-accent:#2a3d31;--accent:#2a3d31;--accent-dim:#2a3d3140;--accent-hover:#1f2e24;--purple:#ff3b8d;--purple-dim:#ff3b8d26;--positive:#385444;--negative:#ff3b8d;--warning:#e09f3e;--warning-dim:#e09f3e26;--danger:#ff3b8d;--danger-dim:#ff3b8d26;--text-primary:#fff;--text-secondary:#d0d7d3;--text-muted:#808a84;--text-accent:#385444;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #0000008c;--shadow-lg:0 8px 32px #000000b3;--shadow-glass:0 4px 24px #00000080, inset 0 1px 0 #ffffff14}select option{background-color:var(--bg-surface);color:var(--text-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-xs);border:2px solid var(--bg-base)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-base)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-base);height:100vh;line-height:1.5;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.25}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{color:var(--text-secondary);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}.btn{border-radius:var(--radius-sm);font-family:var(--font);font-size:var(--text-sm);cursor:pointer;transition:all var(--ease-fast);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 16px #00d4a14d}.btn-ghost{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid #ef444433}.btn-danger:hover{background:#ef444433}.btn-sm{font-size:var(--text-xs);padding:5px 10px}.btn-icon{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--ease-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:14px;display:inline-flex}.btn-icon:hover{background:var(--bg-glass-hover);color:var(--text-primary)}input,select,textarea{font-family:var(--font);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-glass);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--ease-fast), box-shadow var(--ease-fast);outline:none;width:100%;padding:8px 12px}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237d92b8'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:6px;font-weight:500;display:block}.form-group{flex-direction:column;gap:6px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);padding:20px}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.badge{font-size:var(--text-xs);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.badge-accent{background:var(--accent-dim);color:var(--accent)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.amount{font-variant-numeric:tabular-nums;font-weight:500;font-size:var(--text-sm);letter-spacing:.01em}.amount-positive{color:var(--positive)}.amount-negative{color:var(--negative)}.amount-neutral{color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.spinner-lg{border-width:3px;width:36px;height:36px}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-glass-hover) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-xs);background-size:200% 100%;animation:1.4s infinite shimmer}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--ease-fast);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(480px,90vw);color:var(--text-primary);animation:slideUp var(--ease-smooth);padding:28px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.modal-footer{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.form-group label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:6px;font-weight:600;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.text-sm{font-size:var(--text-sm)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-medium{font-weight:500}.font-mono{font-family:var(--font-mono)}.animate-in{animation:fadeIn var(--ease-smooth)}.divider{background:var(--border);border:none;height:1px;margin:12px 0}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-header h1{font-size:var(--text-xl)}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.empty-state .icon{opacity:.6;font-size:2.5rem}.empty-state h3{font-size:var(--text-md);color:var(--text-secondary);font-weight:500}.empty-state p{font-size:var(--text-sm);text-align:center;max-width:320px}.error-banner{background:var(--danger-dim);border-radius:var(--radius-sm);color:var(--danger);font-size:var(--text-sm);border:1px solid #ef444433;align-items:center;gap:10px;padding:12px 16px;display:flex}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap;border-radius:var(--radius-xs);pointer-events:none;z-index:100;box-shadow:var(--shadow-sm);padding:4px 8px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.app-shell{background:var(--bg-base);height:100%;min-height:0;display:flex;overflow:hidden}.app-main{min-width:0;transition:all var(--ease-smooth);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.app-content{flex-direction:column;flex:1;min-width:0;min-height:0;padding:28px 32px;display:flex;overflow:hidden}.sidebar{height:100%;width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);z-index:100;transition:width var(--ease-smooth);flex-direction:column;display:flex;position:sticky;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-logo{border-bottom:1px solid var(--border);white-space:nowrap;flex-shrink:0;align-items:center;gap:14px;min-height:84px;padding:12px 16px;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-logo{justify-content:center;min-height:72px;padding:12px 0}.sidebar-logo-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar.collapsed .sidebar-logo-icon .app-logo{width:44px!important;height:44px!important}.sidebar-logo-text{color:var(--accent);letter-spacing:-.02em;opacity:1;transition:opacity var(--ease-smooth);font-size:1.35rem;font-weight:700}.sidebar.collapsed .sidebar-logo-text{opacity:0;pointer-events:none}.sidebar-body{flex-direction:column;flex:1;gap:4px;min-height:0;padding:12px 8px;display:flex}.sidebar-body>*{flex-shrink:0}.sidebar-accounts-scroll-area{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow:hidden auto}.sidebar-accounts-scroll-area>*{flex-shrink:0}.sidebar-accounts-scroll-area::-webkit-scrollbar{width:4px}.sidebar-accounts-scroll-area::-webkit-scrollbar-track{background:0 0}.sidebar-accounts-scroll-area::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.sidebar-accounts-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;opacity:1;transition:opacity var(--ease-smooth);padding:8px 8px 4px;font-weight:600;overflow:hidden}.sidebar.collapsed .sidebar-section-label{opacity:0}.sidebar-item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;color:var(--text-secondary);font-size:var(--text-sm);transition:background var(--ease-fast), color var(--ease-fast), border-color var(--ease-fast);border-left:2px solid #0000;justify-content:flex-start;align-items:center;gap:10px;min-width:0;padding:9px 8px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--bg-active);color:var(--accent);border-left-color:var(--accent)}.sidebar-item.disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.sidebar-item-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px;line-height:1}.sidebar-item-label{opacity:1;transition:opacity var(--ease-smooth);text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar.collapsed .sidebar-item-label{opacity:0;pointer-events:none}.sidebar-item-badge{font-size:var(--text-xs);background:var(--bg-glass);color:var(--text-muted);border:1px solid var(--border);transition:opacity var(--ease-smooth);border-radius:99px;flex-shrink:0;padding:1px 5px}.sidebar.collapsed .sidebar-item-badge{opacity:0}.sidebar-account-item{font-size:var(--text-xs);border-radius:var(--radius-sm);transition:all var(--ease-fast);border:1px solid var(--border);margin:1px 4px;padding:4px 8px;background:var(--bg-surface)!important;color:var(--text-secondary)!important}.sidebar-account-item .sidebar-account-name{color:var(--text-secondary)}.sidebar-account-item:hover{border-color:var(--border-strong);background:var(--bg-glass-hover)!important;color:var(--text-primary)!important}.sidebar-account-item:hover .sidebar-account-name{color:var(--text-primary)}.sidebar-account-dot{background:var(--text-muted);width:6px;height:6px;transition:all var(--ease-fast);border-radius:50%;flex-shrink:0}.sidebar-account-item.active{border-radius:var(--radius-sm);font-weight:700;box-shadow:0 4px 14px #0006;background:var(--account-active-bg,#101a14)!important;color:#fff!important;border:1px solid var(--border-accent)!important;border-left:4px solid var(--border-accent)!important;margin:1px 4px 1px 8px!important}.sidebar-account-item.active .sidebar-account-name{font-weight:700;color:#fff!important}.sidebar-account-item.active .sidebar-account-dot{width:8px;height:8px;box-shadow:0 0 8px #ffffffe6;background:#fff!important}.sidebar-account-item.active .sidebar-account-balance{border:1px solid #fff6;font-weight:700;color:#fff!important;background:#ffffff40!important}.sidebar-account-label{justify-content:space-between;align-items:center;gap:4px;display:flex;overflow:hidden}.sidebar-account-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-account-balance{letter-spacing:.02em;white-space:nowrap;opacity:.85;transition:opacity var(--ease-fast);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:600}.sidebar-account-balance.positive{color:var(--positive,#4ade80);background:#4ade801a}.sidebar-account-balance.negative{color:var(--negative,#f87171);background:#f871711a}.sidebar-account-item:hover .sidebar-account-balance{opacity:1}.sidebar-category-card{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);transition:all var(--ease-fast);margin:2px 0;overflow:hidden}.sidebar-category-card:hover{border-color:var(--border-strong)}.sidebar-category-pill-header{background:var(--bg-elevated);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-xs);color:var(--text-primary);transition:background var(--ease-fast);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:4px 8px;font-weight:700;display:flex}.sidebar-category-pill-header:hover{background:var(--bg-glass-hover)}.sidebar-category-pill-header.expanded{border-bottom:1px solid var(--border)}.sidebar-category-pill-header.active{color:#00d4a1!important;background:#00d4a11f!important}.sidebar-category-pill-header.partial{border-left:2px solid var(--border-accent);background:#00d4a10d}.sidebar-category-title-wrap{flex:1;align-items:center;gap:5px;display:flex;overflow:hidden}.sidebar-category-chevron{color:var(--text-muted);cursor:pointer;transition:transform var(--ease-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:1px 3px;font-size:9px;display:flex}.sidebar-category-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;font-weight:700;overflow:hidden}.sidebar-subcategory-group{padding:2px 0 3px}.sidebar-subcategory-header{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--ease-fast);justify-content:space-between;align-items:center;padding:3px 6px 3px 12px;font-size:11px;font-weight:600;display:flex}.sidebar-subcategory-header:hover{color:var(--text-primary);background:#ffffff08}.sidebar-subcategory-header.active{color:#00d4a1;font-weight:700}.sidebar-subcategory-title-wrap{flex:1;align-items:center;gap:4px;display:flex;overflow:hidden}.sidebar-subcategory-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-subcategory-accounts{flex-direction:column;padding-left:4px;display:flex}.sidebar-account-item.indented{margin:1px 4px 1px 8px;padding:3px 6px}.sidebar-sheet-switcher{border-top:1px solid var(--border);flex-shrink:0;padding:8px;overflow:hidden}.sidebar-sheet-select{background:var(--bg-glass);border:1px solid var(--border);width:100%;color:var(--text-secondary);font-size:var(--text-xs);border-radius:var(--radius-sm);cursor:pointer;opacity:1;transition:opacity var(--ease-smooth);padding:6px 8px}.sidebar.collapsed .sidebar-sheet-switcher{opacity:0;pointer-events:none}.sidebar-collapse-btn{cursor:pointer;color:var(--text-muted);border-top:1px solid var(--border);width:100%;transition:color var(--ease-fast), background var(--ease-fast);background:0 0;border-bottom:none;border-left:none;border-right:none;flex-shrink:0;justify-content:center;align-items:center;padding:12px;display:flex}.sidebar-collapse-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.topbar{height:var(--topbar-height);background:var(--bg-topbar);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-strong);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-breadcrumb{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:8px;display:flex;overflow:hidden}.topbar-breadcrumb-module{color:var(--text-primary);white-space:nowrap;font-weight:600}.topbar-breadcrumb-sep{color:var(--text-muted);font-size:var(--text-xs)}.topbar-breadcrumb-account{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.auth-cluster{position:relative}.auth-avatar-btn{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border);cursor:pointer;transition:background var(--ease-fast), border-color var(--ease-fast);align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.auth-avatar-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-strong)}.auth-avatar{background:var(--accent-dim);border:1px solid var(--border-accent);width:28px;height:28px;font-size:var(--text-xs);color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.auth-avatar img{object-fit:cover;width:100%;height:100%}.auth-avatar-name{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:500;overflow:hidden}.auth-avatar-chevron{color:var(--text-muted);transition:transform var(--ease-fast);font-size:10px}.auth-avatar-btn[aria-expanded=true] .auth-avatar-chevron{transform:rotate(180deg)}.auth-dropdown{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-lg);z-index:200;animation:slideUp var(--ease-smooth);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.auth-dropdown-header{border-bottom:1px solid var(--border);padding:14px 16px}.auth-dropdown-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.auth-dropdown-email{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.auth-dropdown-item{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;transition:background var(--ease-fast), color var(--ease-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;display:flex}.auth-dropdown-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.auth-dropdown-item.danger{color:var(--negative)}.auth-dropdown-item.danger:hover{background:var(--danger-dim);color:var(--negative)}.global-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:8px 0;display:flex}.global-search-container{flex:1;align-items:center;min-width:240px;max-width:480px;display:flex;position:relative}.global-search-icon{color:var(--text-muted);pointer-events:none;font-size:14px;position:absolute;left:12px}.global-search-input{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-full);width:100%;color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font);transition:all var(--ease-fast);outline:none;padding:10px 36px}.global-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim);background:var(--bg-surface)}.global-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:16px;display:flex;position:absolute;right:12px}.global-search-clear:hover{color:var(--text-primary)}.global-filter-dropdown-container{position:relative}.global-filter-dropdown-btn{border-radius:var(--radius-full);height:38px;font-family:var(--font);font-size:var(--text-sm);cursor:pointer;transition:all var(--ease-fast);align-items:center;gap:8px;padding:0 16px;font-weight:500;display:inline-flex}.global-filter-dropdown-btn.active{color:var(--accent)!important;border-color:var(--accent)!important;background:#00d4a11a!important}.dropdown-caret{color:var(--text-muted);margin-left:2px;font-size:9px}.global-filter-dropdown-popover{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg), 0 12px 36px #00000080;z-index:100;width:240px;animation:slideUp var(--ease-fast);box-sizing:border-box;padding:16px;position:absolute;top:calc(100% + 8px);left:0}.global-filter-dropdown-popover .popover-header{font-size:var(--text-xs);color:var(--text-secondary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;font-weight:700;display:flex}.global-filter-dropdown-popover .popover-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.global-filter-dropdown-popover .popover-close-btn:hover{color:var(--text-primary)}.global-filter-dropdown-popover .popover-footer{border-top:1px solid var(--border);justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;display:flex}.global-filter-dropdown-popover .popover-footer .btn-sm{font-size:var(--text-xs);height:28px;padding:4px 12px}.global-filter-pill-btn{border-radius:var(--radius-full);height:38px;font-family:var(--font);font-size:var(--text-sm);cursor:pointer;border:1px solid var(--border);background:var(--bg-glass);color:var(--text-secondary);transition:all var(--ease-fast);align-items:center;gap:8px;padding:0 16px;font-weight:500;display:inline-flex}.global-filter-pill-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.global-filter-pill-btn.active{color:var(--accent);border-color:var(--accent);background:#00d4a11a}.global-filter-clear-all{border-radius:var(--radius-full);height:38px;font-size:var(--text-xs);padding:0 14px;font-weight:600}.signin-screen{background:radial-gradient(ellipse at 50% 0%, #00d4a114 0%, transparent 60%), var(--bg-base);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.signin-card{background:var(--bg-glass);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:min(420px,100%);box-shadow:var(--shadow-glass), 0 0 80px #00d4a10d;-webkit-backdrop-filter:blur(16px);animation:slideUp var(--ease-smooth);flex-direction:column;align-items:center;gap:0;padding:48px 40px;display:flex}.signin-logo{filter:drop-shadow(0 0 30px #00d4a159);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.signin-title{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:8px;font-weight:700}.signin-subtitle{font-size:var(--text-sm);color:var(--text-muted);text-align:center;max-width:280px;margin-bottom:36px;line-height:1.6}.signin-btn-google{background:var(--text-primary);width:100%;color:var(--bg-surface);border-radius:var(--radius-md);font-family:var(--font);font-size:var(--text-base);cursor:pointer;transition:all var(--ease-fast);border:none;justify-content:center;align-items:center;gap:12px;padding:13px 24px;font-weight:600;display:flex;box-shadow:0 2px 8px #0000004d}.signin-btn-google:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00d4a140,0 2px 8px #0000004d}.signin-btn-google:active{transform:translateY(0)}.signin-btn-google svg{flex-shrink:0}.signin-footer{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin-top:24px}.setup-screen{background:radial-gradient(ellipse at 50% 0%, #8b7ff012 0%, transparent 60%), var(--bg-base);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.setup-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:min(520px,100%);box-shadow:var(--shadow-lg);animation:slideUp var(--ease-smooth);padding:40px}.setup-header{margin-bottom:28px}.setup-header h1{font-size:var(--text-xl);margin-bottom:6px}.setup-header p{font-size:var(--text-sm);color:var(--text-muted)}.setup-hint{background:var(--purple-dim);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--purple);border:1px solid #8b7ff033;gap:8px;margin-top:4px;padding:10px 12px;line-height:1.5;display:flex}.setup-form{flex-direction:column;gap:18px;display:flex}.ledger-wrapper{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ledger-table-scroll{flex:1;min-height:0;scroll-padding-top:45px;scroll-padding-bottom:50px;overflow:auto}.ledger-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm);table-layout:fixed}.ledger-table thead th{z-index:10;background:var(--bg-elevated);border-bottom:1px solid var(--border-strong);border-right:1.5px solid var(--border-strong);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:0;position:sticky;top:0;overflow:visible}.ledger-table thead th:last-child{border-right:none}.sort-header-btn{cursor:pointer;width:100%;font-family:var(--font);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);transition:color var(--ease-fast), background var(--ease-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:11px 16px;font-weight:600;display:flex}.sort-header-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.sort-header-btn.active{color:var(--accent)}.sort-indicator{opacity:0;transition:opacity var(--ease-fast), transform var(--ease-fast);font-size:10px;display:inline-block}.sort-header-btn.active .sort-indicator{opacity:1}.sort-indicator.desc{transform:rotate(180deg)}.ledger-th-plain{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:right;padding:11px 16px;font-weight:600}.ledger-table{-webkit-user-select:none;user-select:none}.ledger-table input,.ledger-table textarea,.ledger-table select{-webkit-user-select:auto;user-select:auto}.ledger-table tbody tr{transition:background var(--ease-fast);-webkit-user-select:none;user-select:none;scroll-margin-top:60px;animation:.2s fadeIn}.ledger-table tr input,.ledger-table tr select{scroll-margin-top:60px}.ledger-table tbody tr:nth-child(2n){background:var(--row-alt-bg,#00000005)}html[data-theme=light] .ledger-table tbody tr:nth-child(2n) td{color:var(--row-alt-text,var(--text-primary))}html[data-theme=light] .ledger-table tbody tr:nth-child(2n) td .text-muted,html[data-theme=light] .ledger-table tbody tr:nth-child(2n) td .cell-subtext{color:#cbd5e1}.ledger-table tbody tr.table-divider-row{background:0 0!important}.ledger-table tbody tr:hover{background:var(--row-hover-bg,var(--bg-glass-hover))}.ledger-table tbody tr.selected{box-shadow:inset 4px 0 0 var(--accent,#52735f);background:#c5d8cc!important}html[data-theme=dark] .ledger-table tbody tr.selected{box-shadow:inset 4px 0 0 var(--accent,#00d4a1);background:#192a20!important}.ledger-table tbody tr.selected td{font-weight:600;border-top:2px solid var(--accent,#52735f)!important;border-bottom:2px solid var(--accent,#52735f)!important;color:var(--text-primary)!important}html[data-theme=light] .ledger-table tbody tr.selected td .text-muted,html[data-theme=light] .ledger-table tbody tr.selected td .cell-subtext{color:#3b4d40!important}.ledger-table tbody tr td{border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.ledger-table tbody tr td:last-child{border-right:none}.ledger-table td{vertical-align:middle;color:var(--text-secondary);padding:0 16px}.col-date{white-space:nowrap}td.col-desc{overflow:hidden}td.col-payee{white-space:nowrap;overflow:hidden}.col-category{overflow:visible}.col-amount{text-align:right;white-space:nowrap}td.col-account{overflow:hidden}.col-balance{text-align:right;white-space:nowrap}.ledger-date{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.ledger-desc,.ledger-payee{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;display:block;overflow:hidden}.ledger-account{color:var(--text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.ledger-balance{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:var(--text-xs)}.col-resize-handle{cursor:col-resize;z-index:20;-webkit-user-select:none;user-select:none;width:12px;transition:background var(--ease-fast);position:absolute;top:0;bottom:0;right:-6px}.col-resize-handle:hover,.col-resize-handle:active{background:var(--accent-glow)}.context-menu{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;min-width:160px;padding:4px;display:flex;position:fixed}.context-menu button{color:var(--text-secondary);text-align:left;font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.context-menu button:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.context-menu button.danger{color:var(--negative)}.context-menu button.danger:hover{background:var(--danger-dim)}.rename-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rename-modal{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-2xl);flex-direction:column;gap:16px;padding:24px;display:flex}.rename-modal h3{font-size:var(--text-md);color:var(--text-primary);margin:0}.rename-modal input{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);font-size:var(--text-sm);outline:none;padding:10px 12px}.rename-modal input:focus{border-color:var(--accent)}.rename-modal-buttons{justify-content:flex-end;gap:10px;display:flex}.skeleton-row td{padding:12px 16px}.skeleton-cell{border-radius:var(--radius-xs);height:14px}.category-picker-select{appearance:none;border-radius:var(--radius-xs);font-family:var(--font);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--ease-fast);text-overflow:ellipsis;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%233d5070'/%3E%3C/svg%3E") right 4px center no-repeat;border:1px solid #0000;max-width:180px;padding:3px 20px 3px 6px;font-weight:500;overflow:hidden}.category-picker-select option,.category-picker-select optgroup{background-color:var(--bg-elevated);color:var(--text-primary)}.category-picker-select:hover{border-color:var(--border-strong);background-color:var(--bg-glass);color:var(--text-primary)}.category-picker-select:focus{border-color:var(--accent);background-color:var(--bg-glass);box-shadow:0 0 0 2px var(--accent-dim);color:var(--text-primary);outline:none}.category-picker-select.has-value{color:var(--text-secondary)}.quick-create-group-row{align-items:flex-start;gap:8px;display:flex}.quick-create-group-row .form-group{flex:1}.reconnect-banner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.reconnect-banner .icon{opacity:.7;font-size:2rem}.table-divider-row td{background:#0d162966;border-bottom:1px solid var(--border-strong)!important;padding:16px!important}.divider-content{align-items:center;gap:16px;width:100%;display:flex}.divider-text{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-weight:600}.divider-line{background:var(--border-strong);flex:1;height:1px}.edit-panel{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slideUp var(--ease-smooth);flex-direction:column;gap:16px;margin-top:16px;padding:20px 24px;display:flex}.edit-panel-collapsed-bar{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:background var(--ease-fast), border-color var(--ease-fast);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:10px 16px;display:flex}.edit-panel-collapsed-bar:hover{background:var(--bg-glass-hover);border-color:var(--border-accent)}.edit-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.edit-panel-title{font-size:var(--text-base);color:var(--text-primary);align-items:center;gap:8px;font-weight:600;display:flex}.edit-panel-close{color:var(--text-muted);cursor:pointer;width:24px;height:24px;transition:all var(--ease-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.edit-panel-close:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.edit-panel-form{flex-direction:column;gap:16px;display:flex}.edit-panel-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:flex-end;gap:16px;display:grid}.edit-panel-field{flex-direction:column;gap:6px;display:flex}.edit-panel-field label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:0;font-weight:500}.edit-panel-input{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--ease-fast), box-shadow var(--ease-fast);outline:none;width:100%;padding:8px 12px}.edit-panel-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.edit-panel-input:disabled{opacity:.5;cursor:not-allowed}.edit-panel-checkbox-field{align-items:center;gap:8px;height:38px;display:flex}.edit-panel-checkbox-field label{cursor:pointer;-webkit-user-select:none;user-select:none}.edit-panel-checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.edit-panel-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding-top:12px;display:flex}.bulk-edit-banner{border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--accent);background:#00d4a114;border:1px solid #00d4a140;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;font-weight:500;display:flex}.header-filter-container{align-items:center;margin-left:4px;display:inline-flex;position:relative}.header-filter-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);transition:all var(--ease-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;padding:4px;font-size:11px;display:flex}.header-filter-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.header-filter-btn.active{color:var(--accent);background:#00d4a126;font-weight:700}.header-filter-popover{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg), 0 10px 30px #0006;z-index:100;text-align:left;width:240px;animation:slideUp var(--ease-fast);box-sizing:border-box;margin-top:8px;padding:12px;position:absolute;top:100%;right:0}.popover-header{font-size:var(--text-xs);color:var(--text-secondary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;font-weight:700;display:flex}.popover-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1}.popover-close-btn:hover{color:var(--text-primary)}.popover-content{margin-bottom:12px}.filter-popover-form{flex-direction:column;gap:8px;display:flex}.filter-popover-field{flex-direction:column;gap:4px;display:flex}.filter-popover-field label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.filter-popover-input,.filter-popover-select{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);box-sizing:border-box;width:100%;font-family:var(--font);outline:none;padding:6px 10px}.filter-popover-input:focus,.filter-popover-select:focus{border-color:var(--accent)}html[data-theme=dark] .filter-popover-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.9)brightness(1.2)}html[data-theme=dark] .filter-popover-input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.9)brightness(1.2)}.filter-popover-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;border-radius:var(--radius-xs);padding:2px}.filter-popover-input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;border-radius:var(--radius-xs);padding:2px}.filter-popover-input[type=date]::-webkit-calendar-picker-indicator:hover{background:var(--bg-glass-hover)}.filter-popover-input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{background:var(--bg-glass-hover)}.popover-footer{border-top:1px solid var(--border);justify-content:space-between;gap:8px;padding-top:8px;display:flex}.popover-footer .btn-sm{font-size:var(--text-xs);height:28px;padding:4px 10px}.status-badge{border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;justify-content:center;align-items:center;padding:3px 8px;font-weight:500;line-height:1;display:inline-flex}.status-badge.status-pending{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.status-badge.status-cleared{color:#10b981;background:#10b98114;border:1px solid #10b98126}.ledger-note{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--text-sm);display:inline-block;overflow:hidden}.ledger-summary-footer{background:var(--bg-topbar);border-top:1px solid var(--border-strong);font-size:var(--text-sm);color:var(--text-primary);box-sizing:border-box;flex-shrink:0;justify-content:flex-end;align-items:center;gap:16px;padding:10px 20px;display:flex}.summary-stat{align-items:center;gap:8px;display:flex}.summary-label{color:var(--text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.summary-value{font-weight:700;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary)}.summary-value.positive{color:var(--positive)}.summary-value.negative{color:var(--negative)}.summary-divider{color:var(--border-strong);opacity:.6}@keyframes rowFlash{0%{background-color:#00d4a173}50%{background-color:#00d4a140}to{background-color:#0000}}tr.row-highlight-flash{animation:2.5s ease-out rowFlash;outline:3px solid var(--accent,#00d4a1)!important;outline-offset:-3px!important}.budget-summary-banner{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px 32px;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.summary-card{flex-direction:column;flex:1;align-items:center;display:flex}.summary-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.875rem;font-weight:600}.summary-value{color:var(--text-primary);font-family:Inter,sans-serif;font-size:2rem;font-weight:700}.summary-operator{color:var(--text-secondary);padding:0 16px;font-size:2rem;font-weight:300}.available-card{background-color:var(--bg-primary);border:2px solid var(--border);border-radius:8px;padding:16px}.available-card.negative{background-color:#ef44441a;border-color:#ef4444}.available-card.negative .summary-value{color:#ef4444}.income-pool-card{cursor:help;position:relative}.income-popover{background-color:var(--bg-elevated);border:1px solid var(--border);z-index:50;opacity:0;visibility:hidden;border-radius:8px;min-width:300px;padding:16px;transition:all .2s ease-in-out;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.income-pool-card:hover .income-popover{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.income-popover h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:8px;font-size:.875rem}.income-list{flex-direction:column;gap:12px;display:flex}.income-item{justify-content:space-between;align-items:center;display:flex}.income-item-info{flex-direction:column;gap:2px;display:flex}.income-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.income-date{color:var(--text-secondary);font-size:.75rem}.income-amount{color:var(--text-primary);font-family:Inter,sans-serif;font-weight:600}.budget-grid-container{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.budget-grid-table{border-collapse:collapse;text-align:left;width:100%}.budget-grid-table th{background-color:var(--bg-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:12px 24px;font-size:.75rem;font-weight:600}.budget-grid-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:12px 24px}.amount-col{text-align:right;font-family:Inter,monospace}.group-row{background-color:#ffffff05}.group-row:hover,.category-row:hover{background-color:#00000005}.group-name{font-size:1.1rem;font-weight:700}.expand-btn{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;width:24px;padding:0;font-size:.8rem}.sub-name{color:var(--text-secondary);padding-left:48px!important}.sub-amount,.sub-activity,.sub-remaining{color:var(--text-secondary);font-size:.95rem}.editable-amount{cursor:pointer;border:1px solid #0000;border-radius:4px;padding:4px 8px;transition:all .2s;display:inline-block}.editable-amount:hover{border-color:var(--border);background-color:var(--bg-secondary)}.assign-input{text-align:right;border:1px solid var(--primary);width:100px;font-family:inherit;font-size:inherit;background-color:var(--bg-primary);color:var(--text-primary);border-radius:4px;outline:none;padding:4px 8px}.remaining-col{font-weight:600}.remaining-col.negative{color:#ef4444}.activity-col{color:var(--text-secondary)}.users-page-container{animation:fadeIn .4s var(--ease-smooth)}.users-header{margin-bottom:32px}.users-title{font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:8px;font-weight:700}.users-subtitle{font-size:var(--text-sm);color:var(--text-muted)}.users-grid{grid-template-columns:1fr 1.8fr;align-items:start;gap:32px;display:grid}@media (width<=768px){.users-grid{grid-template-columns:1fr}}.users-card{background:var(--bg-glass);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(12px);padding:24px}.users-card-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:20px;font-weight:600}.form-group{margin-bottom:18px}.form-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:600;display:block}.form-input{border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);color:var(--text-primary);background:#ffffff08;padding:10px 14px;transition:all .2s}.form-input:focus{border-color:var(--primary-color);background:#ffffff0f;outline:none;box-shadow:0 0 0 3px #00d4a126}.form-select{border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);color:var(--text-primary);appearance:none;cursor:pointer;background:#ffffff08 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%237d92b8'/%3E%3C/svg%3E") right 14px center/10px no-repeat;padding:10px 32px 10px 14px;transition:all .2s}.form-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #00d4a126}.submit-btn{background:var(--primary-color);color:#0b1329;border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:11px;font-weight:600;transition:all .2s;display:flex}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00d4a14d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;text-align:left;width:100%}.users-table th{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-medium);padding:12px 16px;font-weight:600}.users-table td{border-bottom:1px solid var(--border-medium);font-size:var(--text-sm);color:var(--text-primary);vertical-align:middle;padding:16px}.user-row{transition:background-color .2s}.user-row:hover{background-color:#ffffff04}.user-email-cell{color:var(--text-primary);word-break:break-all;font-weight:500}.role-badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.02em;align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.role-badge.admin{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433}.role-badge.user{color:var(--primary-color);background:#00d4a11a;border:1px solid #00d4a133}.date-cell{color:var(--text-muted);font-size:var(--text-xs)}.actions-cell{text-align:right}.delete-user-btn{color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.delete-user-btn:hover:not(:disabled){color:#ef4444;background:#ef444414;border-color:#ef44441a}.delete-user-btn:disabled{opacity:.25;cursor:not-allowed}.alert{border-radius:var(--radius-md);font-size:var(--text-sm);animation:slideDown .3s var(--ease-smooth);align-items:flex-start;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.alert-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.alert-success{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.gcp-warning{border-radius:var(--radius-md);font-size:var(--text-xs);color:#93c5fd;background:#3b82f614;border:1px solid #3b82f626;gap:12px;margin-top:24px;padding:16px;line-height:1.5;display:flex}.gcp-warning-icon{font-size:var(--text-lg);flex-shrink:0}.gcp-warning-title{color:#eff6ff;margin-bottom:4px;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}