@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--bg-app:#0b0f19;--bg-sidebar:#111827;--bg-card:#161c2db3;--bg-card-hover:#1e293bcc;--bg-input:#1f2937;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-glow:#6366f126;--color-secondary:#0ea5e9;--color-secondary-hover:#0284c7;--color-positive:#10b981;--color-positive-glow:#10b9811a;--color-negative:#f43f5e;--color-negative-glow:#f43f5e1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--border-focus:#6366f180;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px #6366f140;--transition-fast:0.15s ease;--transition-normal:0.25s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#0b0f19;background-color:var(--bg-app);color:#f8fafc;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);overflow-x:hidden}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0b0f19;background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4b5563}.loader-container{align-items:center;background-color:#0b0f19;background-color:var(--bg-app);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff14;border-top-color:#6366f1;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.auth-container{align-items:center;background:radial-gradient(circle at 10% 20%,#6366f126 0,#0000 40%),radial-gradient(circle at 90% 80%,#0ea5e926 0,#0000 40%),#0b0f19;background:radial-gradient(circle at 10% 20%,#6366f126 0,#0000 40%),radial-gradient(circle at 90% 80%,#0ea5e926 0,#0000 40%),var(--bg-app);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:fadeIn .5s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#161c2db3;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000000d,0 0 20px #6366f140;box-shadow:var(--shadow-lg),var(--shadow-glow);max-width:450px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.logo-badge{animation:float 3s ease-in-out infinite;display:inline-block;font-size:40px;margin-bottom:15px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);background:linear-gradient(135deg,#fff 0,var(--text-secondary) 100%);-webkit-background-clip:text;font-family:Outfit,sans-serif;font-family:var(--font-heading);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:5px}.auth-header p{color:#94a3b8;color:var(--text-secondary);font-size:14px}.auth-error{background-color:#f43f5e1a;background-color:var(--color-negative-glow);border:1px solid #f43f5e;border:1px solid var(--color-negative);border-radius:8px;color:#fda4af;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select{background-color:#1f2937;background-color:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:8px;color:#f8fafc;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;padding:12px 16px;transition:.15s ease;transition:var(--transition-fast)}.form-group input:focus,.form-group select:focus{border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126;box-shadow:0 0 0 3px var(--color-primary-glow);outline:none}.auth-footer{color:#94a3b8;color:var(--text-secondary);font-size:14px;margin-top:25px;text-align:center}.auth-footer button{background:none;border:none;color:#6366f1;color:var(--color-primary);cursor:pointer;font-weight:600;transition:.15s ease;transition:var(--transition-fast)}.auth-footer button:hover{color:#0ea5e9;color:var(--color-secondary);text-decoration:underline}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:.25s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.btn-primary{background-color:#6366f1;background-color:var(--color-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.btn-primary:hover:not(:disabled){background-color:#4f46e5;background-color:var(--color-primary-hover);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:#374151;color:#f8fafc;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#4b5563;transform:translateY(-1px)}.btn-danger{background-color:#f43f5e1a;background-color:var(--color-negative-glow);border:1px solid #f43f5e33;color:#f43f5e}.btn-danger:hover:not(:disabled){background-color:#f43f5e;background-color:var(--color-negative);box-shadow:0 4px 12px #f43f5e4d;color:#fff}.btn-sm{border-radius:6px;font-size:12px;padding:6px 12px}.btn-tiny{background:#0000;border:1px solid #6366f1;border:1px solid var(--color-primary);border-radius:4px;color:#6366f1;color:var(--color-primary);cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:.15s ease;transition:var(--transition-fast)}.btn-tiny:hover{background-color:#6366f1;background-color:var(--color-primary);box-shadow:0 0 10px #6366f14d;color:#fff}.app-layout{background-color:#0b0f19;background-color:var(--bg-app);display:flex;min-height:100vh}.sidebar{background-color:#111827;background-color:var(--bg-sidebar);border-right:1px solid #ffffff14;border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;left:0;padding:30px 20px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}@media (min-width:769px){.sidebar.pinned{flex-shrink:0;position:static;transform:translateX(0)!important}.d-none-desktop,.sidebar.pinned~.sidebar-overlay{display:none!important}}.sidebar.mobile-open{transform:translateX(0)!important}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease-in-out;visibility:hidden;z-index:999}.sidebar-overlay.active{opacity:1;visibility:visible}.pin-btn{background:#0000;border:none;color:#f8fafc;color:var(--text-primary);cursor:pointer;font-size:16px;margin-left:auto;opacity:.7}.pin-btn:hover{opacity:1}.sidebar-brand{align-items:center;display:flex;gap:12px;margin-bottom:40px}.brand-logo{font-size:28px}.sidebar-brand h2{font-family:Outfit,sans-serif;font-family:var(--font-heading);font-size:22px;font-weight:800;letter-spacing:-.5px}.user-profile-section{align-items:center;background-color:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:12px;margin-bottom:30px;padding:15px}.user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#0ea5e9);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:42px;justify-content:center;width:42px}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name{color:#f8fafc;color:var(--text-primary);font-size:14px;font-weight:600}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#64748b;color:var(--text-muted);font-size:11px}.sidebar-nav{display:flex;flex-direction:column;flex-grow:1;gap:8px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:.15s ease;transition:var(--transition-fast)}.nav-item:hover{background-color:#ffffff0d;color:#f8fafc;color:var(--text-primary)}.nav-item.active{background-color:#6366f1;background-color:var(--color-primary);box-shadow:0 4px 12px #6366f140;color:#fff}.logout-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:500;gap:12px;margin-top:20px;padding:12px 16px;text-align:left;transition:.15s ease;transition:var(--transition-fast)}.logout-btn:hover{background-color:#f43f5e1a;color:#f43f5e;color:var(--color-negative)}.content-area{flex-grow:1;height:100vh;min-width:0;overflow-y:auto;padding:40px}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.header-title h1{font-family:Outfit,sans-serif;font-family:var(--font-heading);font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.header-title p{color:#94a3b8;color:var(--text-secondary);font-size:14px}.header-actions{display:flex;gap:12px}.card-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#161c2db3;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:24px}.container-large{width:100%}.container-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.container-header h3{font-family:Outfit,sans-serif;font-family:var(--font-heading);font-size:20px;font-weight:700}.count-badge{background-color:#374151;border-radius:12px;color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:600;padding:4px 10px}.dashboard-grid{display:flex;flex-direction:column;gap:30px}.overview-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stat-card{background:#161c2db3;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;padding:24px;position:relative;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal)}.stat-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.stat-label{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{font-family:Outfit,sans-serif;font-family:var(--font-heading);font-size:32px;font-weight:800;margin-bottom:8px}.stat-value.positive{color:#10b981;color:var(--color-positive);text-shadow:0 0 15px #10b98133}.stat-value.negative{color:#f43f5e;color:var(--color-negative);text-shadow:0 0 15px #f43f5e33}.stat-indicator{color:#64748b;color:var(--text-muted);font-size:11px}.dashboard-details{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1.2fr}.dashboard-section h3{font-family:Outfit,sans-serif;font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:20px}.friend-balance-list{display:flex;flex-direction:column;gap:15px}.friend-balance-row{align-items:center;background-color:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;display:flex;padding:12px;transition:.15s ease;transition:var(--transition-fast)}.friend-balance-row:hover{background-color:#ffffff0a}.friend-avatar-circle{align-items:center;background-color:#374151;border:1px solid #ffffff1a;border-radius:50%;color:#f8fafc;color:var(--text-primary);display:flex;font-size:13px;font-weight:700;height:36px;justify-content:center;margin-right:12px;width:36px}.friend-info{display:flex;flex-direction:column;flex-grow:1}.friend-name{font-size:14px;font-weight:600}.friend-status{font-size:11px;text-transform:capitalize}.friend-status.positive{color:#10b981;color:var(--color-positive)}.friend-status.negative{color:#f43f5e;color:var(--color-negative)}.friend-balance-val{font-size:15px;font-weight:700;margin-right:15px}.friend-balance-val.positive{color:#10b981;color:var(--color-positive)}.friend-balance-val.negative{color:#f43f5e;color:var(--color-negative)}.recent-expense-list{display:flex;flex-direction:column;gap:12px}.recent-expense-row{align-items:center;background-color:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;display:flex;padding:12px;position:relative;transition:.15s ease;transition:var(--transition-fast)}.recent-expense-row:hover{background-color:#ffffff0a}.expense-emoji{font-size:20px;margin-right:12px}.expense-details-col{display:flex;flex-direction:column;flex-grow:1}.expense-desc{font-size:14px;font-weight:600}.expense-meta{color:#64748b;color:var(--text-muted);font-size:11px}.expense-amount-col{align-items:flex-end;display:flex;flex-direction:column;margin-right:12px}.expense-val{font-size:14px;font-weight:700}.expense-relationship{font-size:10px}.expense-relationship.positive{color:#10b981;color:var(--color-positive)}.expense-relationship.negative{color:#f43f5e;color:var(--color-negative)}.btn-icon-delete{background:#0000;border:none;cursor:pointer;font-size:14px;opacity:0;padding:4px;transition:.15s ease;transition:var(--transition-fast)}.recent-expense-row:hover .btn-icon-delete{opacity:.6}.btn-icon-delete:hover{opacity:1!important}.expenses-table{display:flex;flex-direction:column;gap:8px}.table-header-row{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.table-header-row,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 2fr 1fr}.table-row{align-items:center;background-color:#ffffff03;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:.15s ease;transition:var(--transition-fast)}.table-row:hover{background-color:#ffffff08;border-color:#ffffff26}.table-cell-desc{align-items:center;display:flex;gap:12px}.cell-emoji{font-size:24px}.cell-text{display:flex;flex-direction:column}.cell-text .main-text{font-size:14px;font-weight:600}.cell-text .sub-text{color:#64748b;color:var(--text-muted);font-size:11px}.table-cell{font-size:14px}.payer-badge{background-color:#6366f126;background-color:var(--color-primary-glow);border-radius:6px;color:#a5b4fc;font-size:12px;font-weight:600;padding:4px 10px}.val-bold{font-weight:700}.split-details{display:flex;flex-wrap:wrap;gap:6px}.split-detail-pill{background-color:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:6px;display:flex;font-size:11px;gap:4px;padding:3px 8px}.split-detail-pill span:first-child{color:#94a3b8;color:var(--text-secondary)}.split-detail-pill span:last-child{font-weight:600}.text-right{display:flex;justify-content:flex-end}.users-card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.user-detail-card{align-items:center;background-color:#ffffff03;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;padding:20px;text-align:center;transition:.25s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.user-detail-card:hover{background-color:#ffffff08;border-color:#ffffff26;transform:translateY(-2px)}.user-detail-card.highlighted{background-color:#6366f126;background-color:var(--color-primary-glow);border-color:#6366f1;border-color:var(--color-primary)}.user-detail-avatar{align-items:center;background-color:#374151;border:1px solid #ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:50px;justify-content:center;margin-bottom:12px;width:50px}.user-detail-card.highlighted .user-detail-avatar{background:linear-gradient(135deg,#6366f1,#0ea5e9);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%)}.user-detail-info h4{font-size:15px;font-weight:600;margin-bottom:4px}.me-badge{background-color:#6366f1;background-color:var(--color-primary);border-radius:4px;color:#fff;font-size:9px;margin-left:4px;padding:1px 6px}.user-detail-info p{color:#64748b;color:var(--text-muted);font-size:12px}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background-color:#111827;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000000d,0 0 20px #6366f140;box-shadow:var(--shadow-lg),var(--shadow-glow);display:flex;flex-direction:column;max-height:90vh;max-width:550px;overflow:hidden;width:100%}.animate-slide-up{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{font-family:Outfit,sans-serif;font-family:var(--font-heading);font-size:20px;font-weight:700}.btn-close{background:#0000;border:none;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:18px}.btn-close:hover{color:#fff}.modal-error{background-color:#f43f5e1a;background-color:var(--color-negative-glow);border:1px solid #f43f5e;border:1px solid var(--color-negative);border-radius:8px;color:#fda4af;font-size:13px;margin:15px 24px 0;padding:10px;text-align:center}.modal-form{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.form-row-2{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.tab-buttons{background-color:#1f2937;background-color:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:8px;display:grid;grid-template-columns:repeat(2,1fr);padding:4px}.tab-btn{background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:600;padding:8px;transition:.15s ease;transition:var(--transition-fast)}.tab-btn:hover{color:#fff}.tab-btn.active{background-color:#6366f1;background-color:var(--color-primary);color:#fff}.participants-scroll{max-height:200px;overflow-y:auto;padding-right:8px}.participants-checklist{display:flex;flex-direction:column;gap:10px;margin-top:5px}.participant-check-row{align-items:center;background-color:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.check-label{align-items:center;display:flex;flex-grow:1;gap:10px;-webkit-user-select:none;user-select:none}.check-label,.check-label input{cursor:pointer}.check-label span{font-size:14px;font-weight:500}.computed-share-text{color:#94a3b8;color:var(--text-secondary);font-size:13px;font-weight:700}.exact-split-input{border-radius:6px;color:#fff;font-size:13px;padding:6px 10px;text-align:right;width:100px}.participant-chips{align-items:center;background-color:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:8px;margin-bottom:10px;margin-top:5px;min-height:38px;padding:8px}.participant-chip{background-color:#1f2937;background-color:var(--bg-input);border-radius:999px;display:inline-flex;font-weight:500;padding:4px 6px 4px 10px}.participant-chip-name{color:#fff}.participant-chip-remove{background-color:initial;color:#94a3b8;color:var(--text-secondary);display:inline-flex;height:22px;padding:0;transition:background-color .15s,color .15s;width:22px}.participant-chip-remove:hover{background-color:#ffffff2e;color:#fff}.participant-empty-hint{color:#94a3b8;color:var(--text-secondary);margin:0}.participant-search-input{color:#fff;outline:none;padding:8px 12px;transition:border-color .15s}.participant-search-input:focus{border-color:#3b82f6}.participant-search-input::placeholder{color:#94a3b8;color:var(--text-secondary)}.participant-results{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:160px;padding-right:4px}.participant-result-row{background-color:#1f2937;background-color:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border-color);color:#fff;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s}.participant-result-row:focus-visible,.participant-result-row:hover{background-color:#3b82f626;border-color:#3b82f6;outline:none}.participant-add-icon{color:#94a3b8;color:var(--text-secondary);font-size:16px;font-weight:700;line-height:1}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.empty-state{color:#64748b;color:var(--text-muted);padding:40px 20px;text-align:center}.empty-state p{font-size:14px}@media (max-width:1024px){.dashboard-details{grid-template-columns:1fr}}@media (max-width:768px){.d-none-mobile{display:none!important}.content-area{height:auto;overflow-y:visible;padding:20px}.overview-cards{grid-template-columns:1fr}.table-header-row,.table-row{grid-template-columns:1.5fr 1fr 1fr}.table-header-row span:nth-child(4),.table-header-row span:nth-child(5),.table-row .split-details,.table-row .text-right{display:none}}.btn-add-group-sidebar{align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px;transition:.15s ease;transition:var(--transition-fast)}.btn-add-group-sidebar:hover{color:#fff;transform:scale(1.1)}.sidebar-section-header{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin-bottom:10px;margin-top:25px;padding:0 10px;text-transform:uppercase}.sidebar-group-list{display:flex;flex-direction:column;gap:4px;max-height:250px;overflow-y:auto;padding-right:4px}.nav-item.active-global{background-color:#0ea5e90d;border-bottom-left-radius:0;border-left:3px solid #0ea5e9;border-left:3px solid var(--color-secondary);border-top-left-radius:0;color:#f8fafc;color:var(--text-primary)}.group-item{position:relative;transition:.25s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.group-type-icon{font-size:16px}.group-item-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-badge-inline{align-items:center;background-color:#0ea5e926;border:1px solid #0ea5e933;border-radius:4px;color:#38bdf8;display:inline-flex;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.group-type-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.group-type-badge.trip{background-color:#f59e0b26;border:1px solid #f59e0b33;color:#fbbf24}.group-type-badge.daily{background-color:#10b98126;border:1px solid #10b98133;color:#34d399}.group-detail-container{animation:fadeIn .4s ease-out;display:flex;flex-direction:column;gap:30px}.group-header{align-items:flex-start}.group-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.group-desc{color:#94a3b8;color:var(--text-secondary);font-size:15px;margin-top:5px}.group-meta-info{color:#64748b;color:var(--text-muted);font-size:12px;margin-top:4px}.group-edit-form{background-color:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:12px;max-width:700px;padding:16px;width:100%}.form-row-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 2fr 1fr}.edit-desc-input,.edit-name-input,.edit-type-select{background-color:#1f2937;background-color:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:8px;color:#f8fafc;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;padding:10px 14px}.edit-desc-input:focus,.edit-name-input:focus,.edit-type-select:focus{border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f126;box-shadow:0 0 0 2px var(--color-primary-glow);outline:none}.edit-form-actions{display:flex;gap:10px;justify-content:flex-end}.group-tabs{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding-bottom:1px}.group-tab-item{background:#0000;border:none;border-bottom:2px solid #0000;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:600;padding:12px 20px;transition:.15s ease;transition:var(--transition-fast)}.group-tab-item:hover{color:#fff}.group-tab-item.active{border-bottom-color:#6366f1;border-bottom-color:var(--color-primary);color:#6366f1;color:var(--color-primary)}.group-members-container{display:flex;flex-direction:column;gap:20px}.add-member-form{align-items:center;background-color:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:15px;margin-bottom:10px;padding:15px}.add-member-form select{background-color:#1f2937;background-color:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:8px;color:#fff;flex-grow:1;font-size:14px;outline:none;padding:10px 14px}.add-member-form select:focus{border-color:#6366f1;border-color:var(--color-primary)}.group-members-list{display:flex;flex-direction:column;gap:12px}.group-member-row{align-items:center;background-color:#ffffff03;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:15px;transition:.15s ease;transition:var(--transition-fast)}.group-member-row:hover{background-color:#ffffff08}.member-info-col{align-items:center;display:flex;gap:15px}.member-avatar{align-items:center;background-color:#374151;border:1px solid #ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:700;height:40px;justify-content:center;width:40px}.member-details{display:flex;flex-direction:column}.member-name{align-items:center;display:flex;font-size:14px;font-weight:600}.member-email{color:#64748b;color:var(--text-muted);font-size:12px}.member-actions-col{align-items:center;display:flex;gap:15px}.member-role-badge{border-radius:4px;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.member-role-badge.admin{background-color:#6366f126;border:1px solid #6366f133;color:#a5b4fc}.member-role-badge.member{background-color:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--border-color);color:#94a3b8;color:var(--text-secondary)}*{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-size:16px}@supports (padding:max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.modal-backdrop{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}.btn,.logout-btn,.nav-item,.participant-check-row,button,input[type=checkbox]{min-height:44px;min-width:44px}.btn{padding:14px 24px}.btn-sm{min-height:40px;padding:8px 16px}.btn-tiny{min-height:36px;padding:8px 12px}.btn-icon-delete{min-height:44px;min-width:44px;padding:10px}.participant-check-row input[type=checkbox]{cursor:pointer;height:20px;width:20px}body{font-size:16px}@media (max-width:640px){.content-header{flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-top:10px}.header-title{flex-grow:1}.header-title h1{font-size:26px}.header-actions{gap:8px;justify-content:flex-start;width:100%}.overview-cards{gap:12px}.stat-card{padding:20px}.stat-value{font-size:26px}.dashboard-details{gap:20px}.recent-expense-row{padding:10px}.expense-emoji{font-size:18px;margin-right:8px}.expense-val{font-size:13px}.tab-buttons{gap:6px}.tab-btn{font-size:12px;padding:10px}.group-tabs{-webkit-overflow-scrolling:touch;gap:6px;overflow-x:auto}.group-tab-item{font-size:13px;padding:10px 16px;white-space:nowrap}.sidebar-nav .nav-item{font-size:13px;min-height:44px;padding:10px 14px}.sidebar-brand h2{font-size:18px}.brand-logo{font-size:24px}.group-type-icon{font-size:14px}.group-item-name{font-size:13px;max-width:120px}.users-card-grid{gap:12px}.user-detail-card{padding:16px}.user-detail-avatar{font-size:14px;height:44px;margin-bottom:10px;width:44px}.user-detail-info h4{font-size:14px}.user-detail-info p{font-size:11px}.friend-balance-row{padding:12px}.friend-avatar-circle{font-size:14px;height:36px;margin-right:10px;width:36px}.friend-name{font-size:13px}.friend-status{font-size:10px}.friend-balance-val{font-size:14px;margin-right:12px}.btn-tiny{font-size:10px;padding:6px 10px}.group-member-row{padding:12px}.member-avatar{font-size:12px;height:36px;width:36px}.member-name{font-size:13px}.member-email{font-size:11px}.member-actions-col{gap:10px}.member-role-badge{font-size:10px;padding:2px 6px}.form-row-3{gap:10px}.edit-desc-input,.edit-name-input,.edit-type-select{font-size:14px;padding:10px 12px}}@media (max-width:480px){.card-box,.content-area{padding:16px}.header-title h1{font-size:24px}.header-title p{font-size:13px}.container-header h3{font-size:18px}.stat-value{font-size:24px}.stat-label{font-size:11px}.dashboard-section h3{font-size:16px}.overview-cards{gap:10px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-indicator{font-size:10px}.sidebar{padding:16px}.sidebar-brand{margin-bottom:16px}.sidebar-nav{gap:6px;padding-bottom:8px}.nav-item{border-radius:6px;font-size:13px;min-height:44px;padding:12px}.sidebar-section-header{font-size:11px;margin-bottom:8px;margin-top:20px}.sidebar-group-list{gap:4px;max-height:200px}.group-item-name{font-size:12px;max-width:100px}.logout-btn{font-size:13px;min-height:44px;padding:12px}.expenses-table{display:block}.table-header-row{display:none}.table-body{display:flex;flex-direction:column;gap:12px}.table-row{background-color:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:12px;display:block;padding:16px;position:relative;transition:.15s ease;transition:var(--transition-fast)}.table-row:hover{background-color:#ffffff0a;border-color:#ffffff26}.table-row>div{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;padding:8px 0}.table-row>div:last-child{border-bottom:none;justify-content:flex-end;padding-top:12px}.table-cell-desc:before,.table-cell:before{color:#64748b;color:var(--text-muted);content:attr(data-label);flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.5px;min-width:100px;text-transform:uppercase}.table-cell-desc{flex-wrap:wrap}.cell-emoji{flex-shrink:0;font-size:20px}.cell-text{display:flex;flex-direction:column;gap:4px}.main-text{color:#f8fafc;color:var(--text-primary);font-size:14px;font-weight:600;word-break:break-word}.sub-text{color:#64748b;color:var(--text-muted);font-size:11px}.payer-badge{font-size:12px;padding:4px 8px}.split-details{flex-wrap:wrap;gap:6px}.split-detail-pill{font-size:11px;padding:3px 6px}.btn-danger.btn-sm{font-size:13px;min-height:40px;padding:8px 14px}.text-right{justify-content:flex-end!important}.dashboard-details{gap:16px;grid-template-columns:1fr}.friend-balance-list{gap:10px}.friend-balance-row{padding:10px}.friend-avatar-circle{font-size:15px;height:40px;width:40px}.friend-balance-val,.friend-name{font-size:14px}.recent-expense-list{gap:10px}.recent-expense-row{padding:10px}.expense-emoji{font-size:18px}.expense-desc{font-size:13px}.expense-meta{font-size:10px}.expense-val{font-size:13px}.expense-relationship{font-size:9px}.users-card-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.user-detail-card{padding:16px}.user-detail-avatar{font-size:15px;height:44px;margin-bottom:10px;width:44px}.user-detail-info h4{font-size:13px;margin-bottom:4px}.user-detail-info p{font-size:10px}.modal-content{margin:10px;max-width:95%}.modal-form{padding:20px}.form-group{gap:10px}.form-group label{font-size:12px}.form-group input,.form-group select{border-radius:8px;font-size:16px;min-height:48px;padding:14px 16px}.form-row-2{gap:12px;grid-template-columns:1fr!important}.form-row-2 .form-group{margin-bottom:8px}.tab-buttons{gap:6px}.tab-btn{font-size:12px;padding:10px}.participants-scroll{max-height:220px}.participant-check-row{padding:10px 12px}.check-label{font-size:13px}.exact-split-input{font-size:13px;padding:6px 10px;width:90px}.modal-actions{gap:10px;margin-top:8px}.auth-card{max-width:95%;padding:24px}.logo-badge{font-size:32px;margin-bottom:12px}.auth-header h2{font-size:24px}.auth-header p{font-size:13px}.auth-form{gap:16px}.form-group input{font-size:16px;min-height:48px;padding:14px 16px}.group-header{padding-top:0}.group-title-row{align-items:flex-start;flex-direction:column;gap:8px}.group-desc{font-size:14px}.group-meta-info{font-size:11px}.edit-form-actions,.header-actions{flex-wrap:wrap;justify-content:flex-start}.add-member-form{align-items:stretch;flex-direction:column}.add-member-form select{font-size:16px;min-height:48px;padding:14px 16px;width:100%}.group-members-list{gap:10px}.group-member-row{padding:12px}.member-info-col{gap:12px}.member-actions-col{flex-wrap:wrap;gap:8px}.balance-list-title{font-size:14px}.count-badge{font-size:11px;padding:3px 8px}}@media (max-width:375px){.card-box,.content-area{padding:12px}.container-header{margin-bottom:16px;padding-bottom:12px}.container-header h3{font-size:16px}.count-badge{font-size:10px}.header-title h1,.stat-value{font-size:22px}.stat-card{padding:14px}.sidebar{padding:12px}.sidebar-brand h2{font-size:16px}.brand-logo{font-size:22px}.nav-item{font-size:12px;min-height:44px;padding:10px}.group-item-name{font-size:11px;max-width:80px}.logout-btn{font-size:12px;padding:10px}.modal-form{padding:16px}.form-group{gap:8px}.form-group label{font-size:11px}.form-row-2,.form-row-3{gap:8px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.table-row{padding:12px}.table-cell-desc:before,.table-cell:before{font-size:11px;min-width:80px}.cell-emoji{font-size:18px}.main-text{font-size:13px}.payer-badge{font-size:11px;padding:3px 6px}.split-detail-pill{font-size:10px;padding:2px 5px}.btn-danger.btn-sm{font-size:12px;min-height:36px;padding:6px 10px}.dashboard-details{gap:16px}.friend-balance-row{gap:8px;padding:10px}.friend-avatar-circle{font-size:12px;height:32px;margin-right:8px;width:32px}.friend-name{font-size:12px}.friend-balance-val{font-size:13px}.recent-expense-row{gap:8px;padding:8px}.expense-emoji{font-size:16px;margin-right:8px}.expense-desc{font-size:12px}.expense-meta{font-size:10px}.expense-val{font-size:12px}.users-card-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.user-detail-card{padding:14px}.user-detail-avatar{font-size:13px;height:40px;margin-bottom:8px;width:40px}.user-detail-info h4{font-size:12px}.user-detail-info p{font-size:10px}.group-title-row{gap:6px}.group-type-badge{font-size:10px;padding:3px 8px}.group-desc{font-size:13px}.header-actions{gap:6px;margin-top:12px}.header-actions .btn-sm{font-size:12px;min-height:38px;padding:8px 12px}.group-tabs{gap:4px}.group-tab-item{font-size:12px;min-height:40px;padding:8px 12px}.form-row-3{gap:10px;grid-template-columns:1fr}.edit-desc-input,.edit-name-input,.edit-type-select{font-size:14px;min-height:44px;padding:12px}.group-member-row{gap:8px;padding:10px}.member-avatar{font-size:11px;height:32px;width:32px}.member-name{font-size:12px}.member-email{font-size:10px}.member-role-badge{font-size:9px;padding:2px 5px}.add-member-form select{font-size:14px;min-height:44px;padding:12px}}body,html{max-width:100vw;overflow-x:hidden}.sidebar-nav{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (max-width:768px){.sidebar-nav::-webkit-scrollbar{height:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#6b7280}}@media (min-width:641px) and (max-width:768px){.content-area{padding:30px}.card-box{padding:20px}.overview-cards{grid-template-columns:repeat(2,1fr)}}.participant-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.participant-chip{align-items:center;background-color:#161c2db3;background-color:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:16px;display:flex;font-size:13px;gap:8px;padding:4px 12px}.participant-chip-name{font-weight:500}.computed-share-text{color:#10b981;color:var(--color-positive);font-weight:600}.exact-split-input{background-color:#1f2937;background-color:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:4px;color:#f8fafc;color:var(--text-primary);font-size:12px;padding:2px 6px;width:80px}.participant-chip-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;padding:2px;width:20px}.participant-chip-remove:hover{background-color:#f43f5e1a;background-color:var(--color-negative-glow);color:#f43f5e;color:var(--color-negative)}.participant-empty-hint{color:#64748b;color:var(--text-muted);font-size:13px;font-style:italic;padding:4px 0}.participant-search-input{background-color:#1f2937;background-color:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:8px;color:#f8fafc;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px;margin-bottom:8px;padding:10px 14px;width:100%}.participant-search-input:focus{border-color:#6366f1;border-color:var(--color-primary);outline:none}.participant-results{background-color:#161c2db3;background-color:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-color);border-radius:8px;max-height:150px;overflow-y:auto;padding:4px}.participant-results:empty{display:none}.participant-result-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.participant-result-row:focus,.participant-result-row:hover{background-color:#ffffff0d;outline:none}.participant-add-icon{color:#64748b;color:var(--text-muted);font-weight:600}.participant-result-row:focus .participant-add-icon,.participant-result-row:hover .participant-add-icon{color:#6366f1;color:var(--color-primary)}
/*# sourceMappingURL=main.5425c79e.css.map*/