@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--auth-bg:#0b1021;--auth-gradient:radial-gradient(circle at 20% 15%,#38bdf82e,#0000 35%),radial-gradient(circle at 80% 20%,#22c55e24,#0000 32%),linear-gradient(135deg,#0b1021,#0f172a 40%,#0a0f1f);--card-bg:#ffffff14;--border-color:#ffffff24;--text-dark:#e8edf5;--text-muted:#e8edf5b8;--brand-color:#38bdf8;--accent-color:#22d3ee;--danger-color:#ef4444;--success-color:#22c55e;font-family:Inter,Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--auth-gradient);background-attachment:fixed;color:var(--text-dark);min-height:100vh}.auth-shell:before{background-image:url(https://assets.21st.dev/patterns/contours.svg),linear-gradient(135deg,#ffffff40,#fff0);background-position:50%;background-repeat:repeat,no-repeat;background-size:1400px 1400px,cover;content:"";inset:0;opacity:.18;pointer-events:none;position:fixed;z-index:-1}.auth-shell{display:grid;gap:clamp(1.5rem,4vw,4rem);grid-template-columns:minmax(0,1.1fr) minmax(380px,460px);min-height:100vh;padding:clamp(1.5rem,4vw,4rem)}@media (max-width:1024px){.auth-shell{grid-template-columns:1fr;padding:clamp(1rem,6vw,2.5rem)}}.auth-hero{align-items:center;backdrop-filter:blur(16px);background:linear-gradient(140deg,#0f172a66,#0f172a47),linear-gradient(320deg,#3b82f629,#10b9811f,#f9a8d41a);border:1px solid #ffffff0d;border-radius:28px;box-shadow:0 30px 70px #02061740,0 10px 30px #0206172e;color:#f8fafc;display:flex;min-height:70vh;overflow:hidden;padding:clamp(2rem,4vw,3.5rem);position:relative}.auth-hero:after{background:radial-gradient(circle,#38bdf82e,#0000 70%);content:"";filter:blur(45px);inset:15%;position:absolute;z-index:0}.auth-hero__content,.auth-hero__footer{position:relative;z-index:1}.auth-hero__content{align-items:flex-start;display:flex;flex-direction:column;gap:.6rem;max-width:620px}.splitzy-badge{align-items:center;background:#f8fafc1f;border:1px solid #f8fafc40;border-radius:999px;box-shadow:0 8px 20px #02061766;color:#f8fafc;display:inline-flex;font-weight:700;gap:.65rem;letter-spacing:.2em;margin-bottom:1.1rem;padding:.45rem 1.1rem;text-transform:uppercase}.splitzy-badge span{font-size:.78rem}.hero-headline{font-size:clamp(2.5rem,5vw,3.8rem);line-height:1.1;margin:0 0 1rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#0f172a,#1e293b);background-clip:text;-webkit-background-clip:text}.auth-hero__subtitle{color:#f1f5f9e6;font-size:1.05rem;margin-bottom:2rem;max-width:520px}.auth-stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.auth-stat-card{background:#03071273;border:1px solid #f8fafc14;border-radius:18px;box-shadow:inset 0 0 0 1px #f8fafc0d;padding:1rem 1.2rem}.auth-stat-card h3{color:#f1f5f9;font-size:1.15rem;margin:0}.auth-stat-card p{color:#e2e8f0bf;font-size:.95rem;margin-top:.4rem}.feature-rotator{display:flex;height:2.2rem;justify-content:flex-start;margin-top:1.5rem;overflow:hidden;width:100%}.feature-line,.feature-rotator{align-items:center;position:relative}.feature-line{animation:featureFade 2.8s ease-in-out forwards;color:#e2e8f0;display:inline-flex;font-size:1.08rem;gap:.5rem;padding:.2rem 0}.feature-line:after{background:linear-gradient(90deg,#e2e8f0cc,#0000);border-radius:999px;content:"";display:inline-block;height:2px;opacity:.7;width:24px}@keyframes featureFade{0%{opacity:0;transform:translateY(12px)}12%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.muted{color:var(--text-muted);font-size:.95rem}.auth-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:26px;box-shadow:0 25px 50px #02061773;padding:clamp(1.25rem,3vw,2.5rem);position:relative}.auth-kicker{color:var(--brand-color);font-size:.75rem;font-weight:600;letter-spacing:.2em;margin:0 0 .75rem;text-transform:uppercase}.auth-card h2{color:var(--text-dark);font-size:2rem;margin:0}.auth-card header p.muted{margin-top:.4rem}.form-grid{gap:.9rem;margin-top:1.5rem}.form-grid,.input-field{display:flex;flex-direction:column}.input-field{gap:.45rem}.input-field label{color:var(--text-muted);font-size:.9rem;font-weight:600}.input-field input{background:#ffffff14;border:1px solid var(--border-color);border-radius:12px;color:var(--text-dark);font-size:.95rem;padding:.75rem .9rem;transition:border-color .2s ease,box-shadow .2s ease}.input-field input:focus{background:#ffffff1f;border-color:var(--brand-color);box-shadow:0 0 0 3px #38bdf840;outline:none}.input-hint{color:var(--text-muted);font-size:.85rem}.status-chip{align-items:center;background:#3b82f61f;border:1px solid #3b82f640;border-radius:999px;color:var(--brand-color);display:inline-flex;font-size:.85rem;gap:.4rem;padding:.4rem .85rem}.error-chip{background:#ef44441f;border-color:#ef44444d;color:var(--danger-color)}.success-chip{background:#22c55e1f;border-color:#22c55e4d;color:var(--success-color)}.primary-btn{background:linear-gradient(120deg,#2563eb,#7c3aed,#14b8a6);border:none;border-radius:16px;box-shadow:0 20px 35px #2563eb40;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:1rem 1.25rem;transition:transform .15s ease,box-shadow .15s ease;width:100%}.primary-btn:hover{box-shadow:0 25px 45px #2563eb59;transform:translateY(-2px)}.primary-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.muted-link{color:var(--brand-color);font-weight:600;text-decoration:none}.muted-link:hover{text-decoration:underline}.divider{color:var(--text-muted);font-size:.9rem;margin:1.25rem 0;position:relative;text-align:center}.divider:after,.divider:before{background:#94a3b859;content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.social-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.social-btn{align-items:center;background:#ffffff14;border:1px solid var(--border-color);border-radius:14px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem;transition:border-color .2s ease,transform .15s ease}.social-btn:hover{border-color:var(--brand-color);transform:translateY(-2px)}.auth-footnote{color:var(--text-muted);font-size:.85rem;margin-top:1.25rem;text-align:center}:root{--bg:radial-gradient(circle at 20% 15%,#38bdf82e,#0000 35%),radial-gradient(circle at 80% 20%,#22c55e24,#0000 32%),linear-gradient(135deg,#0b1021,#0f172a 40%,#0a0f1f);--card:#ffffff12;--card-strong:#ffffff1a;--border:#ffffff24;--text:#e8edf5;--muted:#e8edf5b8;--accent:#38bdf8;--accent-2:#22d3ee;--accent-3:#34d399;--shadow:0 18px 60px #02061773;--radius:18px;--blur:blur(24px)}*{box-sizing:border-box}html{scroll-behavior:smooth}.app-shell{background:var(--bg);color:var(--text);font-family:Inter,Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-bg,.app-shell{height:100vh;overflow:visible}.app-bg{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:16px 20px 20px}.topbar{backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;flex-shrink:0;justify-content:space-between;margin-bottom:20px;padding:14px 18px;position:relative;z-index:10000}.brand,.topbar{align-items:center;display:flex}.brand{gap:12px}.nav-icon-pill{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;color:#fffc;cursor:pointer;display:inline-flex;gap:0;height:36px;justify-content:center;overflow:hidden;padding:0 10px;transition:width .28s cubic-bezier(.4,0,.2,1),gap .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap;width:36px}.nav-icon-pill:hover{background:#38bdf826;border-color:var(--accent-2);box-shadow:0 4px 16px #38bdf833;color:var(--accent-2);gap:8px;padding:0 14px 0 12px;width:auto}.nav-icon-pill svg{flex-shrink:0;height:18px;transition:transform .18s ease;width:18px}.nav-icon-pill:hover svg{transform:scale(1.1)}.nav-icon-text{font-size:.85rem;font-weight:500;max-width:0;opacity:0;overflow:hidden;transition:max-width .28s cubic-bezier(.4,0,.2,1),opacity .2s ease .08s}.nav-icon-pill:hover .nav-icon-text{max-width:120px;opacity:1}.nav-icon-pill.active{border-color:#0000;box-shadow:0 4px 16px #38bdf859;font-weight:600}.nav-icon-pill.active,.nav-icon-pill.active:hover{background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);color:#0b132b}.chat-dropdown{position:relative;z-index:9000}.chat-menu{background:#0c101cfa;border:1px solid #ffffff0f;border-radius:14px;box-shadow:0 16px 32px #00000059;display:flex;flex-direction:column;min-width:260px;padding:6px 8px 8px;position:absolute;right:0;top:calc(100% + 8px);z-index:9999;z-index:2100}.chat-menu-header{align-items:center;border-bottom:1px solid #ffffff14;color:#fff;display:flex;font-size:.95rem;font-weight:700;padding:6px 8px 10px}.chat-menu-header,.chat-menu-header.tabs{gap:10px;justify-content:center}.tab-btn{background:#0000;border:1px solid #0000;border-radius:10px;color:var(--muted);cursor:pointer;font-weight:700;padding:8px 12px;transition:all .15s ease}.tab-btn.active{background:#38bdf81f;border:1px solid #38bdf84d;color:#fff}.tab-btn:hover{border:1px solid #ffffff29;color:#fff}.divider-vertical{background:#ffffff14;height:22px;width:1px}.chat-list-body{border-top:1px solid #ffffff0f;margin-top:4px;padding:4px 0 0}.badge{background:#22c55e33;border-radius:999px;color:#34d399;font-size:.75rem;font-weight:700;padding:2px 8px}.chat-menu-footer{margin-top:6px}.chip.small{font-size:.9rem;padding:6px 10px}.chat-windows-container{bottom:0;pointer-events:none;position:fixed;right:0;z-index:2200}.chat-windows-container>*{pointer-events:auto}.chat-pill{align-items:center;animation:pillSlideUp .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#12182afa,#0c101cfc);border:1px solid #ffffff1a;border-radius:12px;bottom:20px;box-shadow:0 6px 20px #0006;cursor:pointer;display:flex;gap:8px;padding:8px 10px;position:fixed;transition:all .25s cubic-bezier(.4,0,.2,1)}@keyframes pillSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.chat-pill:hover{border-color:#38bdf866;box-shadow:0 10px 28px #00000080;transform:translateY(-3px)}.avatar-xs{background:linear-gradient(135deg,var(--accent),var(--accent-3));border-radius:6px;color:#0b132b;display:grid;flex-shrink:0;font-size:.7rem;font-weight:700;height:24px;place-items:center;width:24px}.chat-pill-title{color:#fff;font-size:.85rem;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-pill-close{background:#0000;border:none;border-radius:6px;color:var(--muted);cursor:pointer;display:grid;height:20px;margin-left:2px;place-items:center;transition:all .15s ease;width:20px}.chat-pill-close:hover{background:#ef444433;color:#ef4444}.icon-btn{background:#ffffff0f;border:none;color:var(--muted);height:28px;width:28px}.icon-btn:hover{background:#ffffff1f}.icon-btn.close:hover{background:#ef444426;color:#ef4444}.chat-header-actions{align-items:center;display:flex;gap:6px}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-window{animation:chatSlideUp .25s ease-out;backdrop-filter:blur(20px);background:linear-gradient(165deg,#12182afa,#0c101cfc);border:1px solid #ffffff14;border-radius:18px;bottom:20px;box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0a;display:flex;flex-direction:column;max-height:500px;min-height:400px;overflow:hidden;position:fixed;width:380px}.chat-header{background:#ffffff05;border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:14px 16px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:12px}.chat-header-info .avatar-sm{font-size:1rem;height:36px;width:36px}.chat-header h4{color:#fff;font-size:1.05rem;font-weight:600;letter-spacing:.01em;margin:0}.chat-header .close-btn{background:#ffffff0a;border:1px solid #0000;border-radius:10px;color:var(--muted);cursor:pointer;display:grid;height:32px;place-items:center;transition:all .15s ease;width:32px}.chat-header .close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.chat-messages{background:#0000001a;display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.chat-bubble{animation:bubbleIn .2s ease-out;background:#ffffff0f;border:1px solid #ffffff0a;border-radius:16px;border-top-left-radius:4px;max-width:82%;padding:10px 14px}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.me{background:linear-gradient(135deg,#38bdf82e,#38bdf81f);border-color:#38bdf833;border-radius:16px;border-top-left-radius:16px;border-top-right-radius:4px;margin-left:auto}.chat-sender{color:var(--accent);font-size:.75rem;font-weight:600}.chat-bubble.me .chat-sender{color:#38bdf8}.chat-time{color:var(--muted);font-size:.65rem;opacity:.7}.chat-text{color:#ffffffeb;font-size:.9rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.chat-input-row{align-items:center;background:#ffffff05;border-top:1px solid #ffffff0f;display:flex;gap:10px;padding:12px 14px}.chat-input-row .input.modern{border-radius:12px;flex:1;font-size:.9rem;padding:10px 14px}.chat-input-row .chip.primary{border-radius:12px;display:grid;flex-shrink:0;height:40px;padding:0;place-items:center;width:40px}.chat-input-row .chip.primary:disabled{cursor:not-allowed;opacity:.4}.chat-header-text{display:flex;flex-direction:column;gap:1px}.chat-status{color:var(--muted);font-size:.7rem;font-weight:500}.chat-empty{align-items:center;display:flex;flex:1;flex-direction:column;gap:8px;justify-content:center;padding:40px 20px;text-align:center}.chat-empty-icon{background:#ffffff0a;border-radius:50%;color:var(--muted);display:grid;height:60px;margin-bottom:8px;place-items:center;width:60px}.chat-empty-icon.loading{animation:pulse 1.2s ease-in-out infinite;font-size:1.5rem;letter-spacing:2px}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.chat-empty p{color:#fffc;font-size:.95rem;font-weight:500;margin:0}.chat-empty span{color:var(--muted);font-size:.8rem}.brand-mark{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:12px;box-shadow:0 10px 30px #38bdf859;color:#0b132b;display:grid;font-weight:800;height:38px;letter-spacing:.02em;place-items:center;width:38px}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-name{color:#fff;font-size:1.05rem;font-weight:700}.brand-sub{color:var(--muted);font-size:.85rem}.top-actions{align-items:center;display:flex;gap:8px}.user-pill{background:#ffffff14;border:1px solid #ffffff24;cursor:pointer;padding:6px 10px;position:relative}.user-pill .avatar{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;color:#0b132b;display:grid;font-weight:800;height:34px;place-items:center;width:34px}.avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-meta{line-height:1.1}.user-name{font-size:.95rem}.user-pill.dropdown{position:relative;z-index:9000}.user-menu{background:#0f1422fa;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:170px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:9999}.user-menu-item{background:#0000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px;text-align:left;transition:background .15s ease}.user-menu-item:hover{background:#ffffff14}.user-menu-item.danger{color:#f87171}.chip{background:#ffffff14;border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;font-weight:600;padding:8px 12px;transition:all .15s ease}.chip.ghost{background:#0000;border-color:#ffffff2e;color:var(--muted)}.chip:hover{border-color:var(--accent-2);color:#fff}.chip.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;box-shadow:0 10px 24px #38bdf840;color:#0b132b}.chip.danger{background:#ef444426;border:1px solid #ef444466;color:#fecdd3}.chip.full{justify-content:center;width:100%}.chip.full.active{background:linear-gradient(135deg,var(--accent-3),var(--accent));color:#0b132b}.pill{align-items:center;background:#ffffff14;border:1px solid var(--border);border-radius:999px;color:var(--text);display:inline-flex;gap:8px;padding:6px 10px}.pill button{background:#0000;border:none;color:var(--muted);cursor:pointer}.input.modern{border:1px solid var(--border);border-radius:12px;color:var(--text);padding:10px 12px}.input.ghost,.input.modern{background:#ffffff14;width:100%}.input.ghost{border:1px dashed var(--border);border-radius:12px;color:var(--muted);padding:12px;text-align:center}.link{color:var(--accent-2);cursor:pointer;font-weight:700}.muted{color:var(--muted)}.muted.small{font-size:.9rem}.muted.tiny{font-size:.8rem}.hero-amount{color:#fff;font-size:1.8rem;font-weight:800;margin:4px 0 0;text-align:center}.amount-block{background:#ffffff0f;border:1px solid var(--border);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px 14px}.amount-input{font-size:1.05rem;padding:12px;text-align:left;width:100%}.amount-meta{align-items:center;display:flex;flex-direction:column;gap:6px}.inline-text.center{text-align:center;width:100%}.inline-panel{animation:fadeUp .2s ease;background:#ffffff0d;border:1px solid var(--border);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0a;margin-top:10px;padding:12px}.inline-panel .panel-body{display:flex;flex-direction:column;gap:10px}.swap-panel{animation:fadeSwap .22s ease}.inline-panel .modal-top{margin-bottom:10px}.itemized-panel{display:flex;flex-direction:column;gap:12px}.item-card{background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:10px}.item-row{align-items:center;display:grid;gap:10px;grid-template-columns:1.4fr .6fr auto}.share-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.share-chip{align-items:center;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;display:flex;gap:6px;padding:8px 10px}.share-name{color:#fff;font-weight:600}.tax-tip-row{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.totals-row{color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.totals-row .strong{color:#fff;font-weight:700}.error-text{color:var(--danger,#f87171);font-weight:600}.chip.ghost.sm{padding:6px 10px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSwap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.row-2col.equal{align-items:center;gap:14px;margin-top:6px}.group-select{align-items:center;color:var(--muted);display:flex;justify-content:flex-start}.react-datepicker-popper{z-index:30}.react-datepicker{background:#0c101cf7!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 25px 50px #0006,0 12px 25px #0000004d!important;color:#fff!important;overflow:hidden!important}.react-datepicker__header{background:#ffffff0f!important;border-bottom:1px solid var(--border)!important}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#fff!important}.react-datepicker__day,.react-datepicker__day-name{color:#e2e8f0!important}.react-datepicker__day:hover{background:#38bdf840!important}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background:var(--accent-2)!important;color:#0b1021!important}.react-datepicker__day--today{border:1px solid var(--accent-2)!important}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{display:none}.glass-card{backdrop-filter:var(--blur);background:#ffffff14;border:1px solid #ffffff24;border-radius:var(--radius);box-shadow:var(--shadow)}.list-stack{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.list-tile{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:border-color .15s ease,background .15s ease}.list-tile:hover{background:#ffffff0d;border-color:var(--accent-2)}.tile-body{display:flex;flex-direction:column;line-height:1.2}.tile-title{color:#fff;font-weight:700}.tile-sub{color:var(--muted);font-size:.9rem}.tile-action{background:#0000;border:none;color:var(--muted);cursor:pointer;font-size:1.2rem}.avatar-mini{background:linear-gradient(135deg,var(--accent),var(--accent-3));border-radius:10px;color:#0b132b;display:grid;font-weight:800;height:34px;letter-spacing:.02em;place-items:center;width:34px}.list-stack.compact{gap:4px}.list-row{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:6px 8px;transition:background .15s ease}.list-row:hover{background:#ffffff14}.avatar-sm{background:linear-gradient(135deg,var(--accent),var(--accent-3));border-radius:8px;color:#0b132b;display:grid;flex-shrink:0;font-size:.85rem;font-weight:700;height:28px;place-items:center;width:28px}.row-name{color:#fff;flex:1;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-tag{background:#ffffff0f;border-radius:4px;font-size:.75rem}.row-action,.row-tag{color:var(--muted);padding:2px 6px}.row-action{background:#0000;border:none;cursor:pointer;font-size:1rem;opacity:0;transition:opacity .15s ease}.list-row:hover .row-action{opacity:1}.dropdown-list{background:#0e1320e6}.dropdown-item{align-items:center;border-bottom:1px solid #0f172a14;cursor:pointer;display:flex;gap:10px;justify-content:space-between;min-height:44px;padding:10px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#ffffff0a}.dropdown-item .tile-body{align-items:flex-start;display:flex;flex:1;justify-content:center;line-height:1.2;margin:0 10px;min-height:36px}.dropdown-item .chip{border-radius:10px;font-size:.9rem;min-width:auto;padding:6px 12px}.dropdown-item .tile-title{line-height:1.1}.notif-wrapper{align-items:center;display:inline-flex;z-index:9000}.notif-bell,.notif-wrapper{position:relative}.notif-bell.active{background:#38bdf826;border-color:var(--accent-2);color:var(--accent-2)}.notif-bell.active,.notif-bell.has-unread{border-color:var(--accent-2);box-shadow:0 12px 24px #38bdf859}.notif-icon{flex-shrink:0;height:18px;width:18px}.notif-dot{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border:2px solid #0b1021;border-radius:9px;box-shadow:0 2px 6px #f9731666;color:#0b132b;display:flex;font-size:.7rem;font-weight:800;height:18px;justify-content:center;min-width:18px;padding:0 5px;pointer-events:none;position:absolute;right:-2px;top:-2px;z-index:10}.notif-dropdown{backdrop-filter:var(--blur);background:#0f1422fa;border:1px solid var(--border);border-radius:14px;box-shadow:0 25px 50px #00000073,0 12px 24px #00000059;max-height:420px;overflow:auto;padding:14px;pointer-events:auto;position:absolute;right:0;top:110%;width:340px;z-index:9999}.notif-dropdown:after{background:#0f1422f5;border-left:1px solid var(--border);border-top:1px solid var(--border);content:"";height:14px;position:absolute;right:18px;top:-8px;transform:rotate(45deg);width:14px}.notif-header{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:space-between;margin-bottom:10px}.notif-header+.notif-divider{margin:6px 0 10px}.notif-empty{color:var(--muted);padding:20px 0;text-align:center}.notif-item{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.notif-message{color:#e2e8f0;display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.notif-title{font-weight:700}.notif-sub,.notif-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-sub{color:var(--muted);font-size:.85rem}.notif-actions .chip.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b132b}.notif-actions .chip.ghost{color:#fff}.notif-actions{display:flex;flex-shrink:0;gap:6px}.notif-actions .chip{font-size:.8rem;padding:6px 10px}.notif-info{background:#38bdf814}.notif-action{background:#ffffff0a}.panel.slim-card{min-height:auto;padding:12px}.modal-overlay{align-items:center;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50000}.modal-overlay,.modal-overlay.glass-backdrop{backdrop-filter:blur(12px);background:#050a18d9}.modal-card-lg{padding:18px;width:min(620px,92vw)}.modal-card-sm{padding:16px;width:min(420px,90vw)}.modal-card{width:min(900px,96vw)}.elevated{box-shadow:0 20px 50px #0000002e}.floating{animation:riseIn .25s ease forwards;transform:translateY(0)}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-header-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.subhead{color:var(--muted);font-size:.95rem;font-weight:700}.pair-row{align-items:center;display:flex;gap:12px;margin-bottom:10px}.pair-row>*{flex:1}.pair-row .input.modern{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.modal-body{display:flex;flex-direction:column;gap:12px}.ghost-link{background:#0000;border:none;color:var(--accent-2);cursor:pointer;font-weight:700;padding:4px 0}.ghost-link:hover{text-decoration:underline}.tile-sub.small{color:#0f172a99;font-size:.85rem}.input.modern:disabled{cursor:not-allowed;opacity:.8}.select-row{align-items:center;display:flex}.select-row select.input.modern{margin-right:6px;padding-right:32px;width:100%}.dropdown-list{background:#0c101cf2;border:1px solid #ffffff24;border-radius:12px;margin-top:6px;max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height .35s ease,opacity .25s ease,transform .25s ease}.dropdown-list.open{max-height:260px;opacity:1;transform:translateY(0)}.dropdown-list.soft{background:#0c101cf2;border:1px solid #ffffff80}.friend-search-wrapper{flex:1;position:relative}.friend-search-dropdown{background:#0c101cfa;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0006;left:0;list-style:none;margin-top:4px;max-height:160px;overflow-y:auto;padding:4px;position:absolute;right:0;top:100%;z-index:100}.friend-search-item{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:8px 10px;transition:background .15s ease}.friend-search-item:hover{background:#ffffff1a}.modal-actions.end{justify-content:flex-end}.add-expense-grid{display:grid;gap:16px;grid-template-columns:1fr;margin:0 auto;max-height:90vh;max-width:780px;overflow:auto;padding:12px;width:95%}.modal-card{min-width:320px;padding:16px;width:100%}.modal-card.secondary{max-width:420px;min-width:320px}.modal-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.modal-title{font-size:20px;font-weight:700;margin:0}.modal-title-sm{font-size:16px;font-weight:700;margin:0}.row-2col{align-items:center;display:grid;gap:14px;grid-template-columns:1.2fr .8fr}.row-2col.equal{grid-template-columns:1fr 1fr}.amount-stack{display:flex;flex-direction:column;gap:6px}.kicker{color:var(--muted);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.modal-title,.modal-title-sm{color:#fff;margin:4px 0 0}.close-btn{background:#0000;border:1px solid var(--border);border-radius:10px;color:#fff;cursor:pointer;display:grid;height:32px;place-items:center;width:32px}.form-section{margin-bottom:12px}.label{color:var(--muted);display:block;font-size:.95rem;margin-bottom:6px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip-row.spaced{margin-top:12px}.multi-input{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0d;display:flex;flex-wrap:wrap;gap:8px;padding:8px 10px}.multi-input .pill{margin:0}.multi-input .chip-input{background:#0000;border:none;color:#fff;flex:1;font-size:.95rem;min-width:160px;outline:none;padding:6px 0}.inline-text{color:#fff}.footer-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.modal-content-sm{padding:16px;width:min(420px,90vw)}.modal-header{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:10px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.panel-body{color:#fff;display:flex;flex-direction:column;gap:10px}.radio-tile{align-items:center;background:#ffffff0d;border:1px solid var(--border);border-radius:12px;display:flex;gap:10px;padding:10px 12px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.radio-tile:hover{background:#ffffff14;border-color:var(--accent-2);box-shadow:0 6px 16px #38bdf826}.radio-tile input[type=radio]{accent-color:var(--accent-2);height:16px;width:16px}.radio-tile input[type=radio]:checked+span{color:#fff;font-weight:700}.boxed{border:1px solid var(--border);border-radius:12px;padding:10px}.inline-pair{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.input.compact{background:#ffffff0f;border:1px solid var(--border);border-radius:10px;color:#fff;padding:6px 8px;width:90px}.two-toggle{display:grid;gap:8px}.icon-row{display:flex;gap:12px;justify-content:space-between;width:100%}.icon-btn{background:#ffffff0d;border:1px solid var(--border);border-radius:12px;color:#fff;display:grid;height:48px;place-items:center;width:48px}.icon-btn.active{border-color:var(--accent-2);box-shadow:0 10px 24px #38bdf840}.user-pill{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:999px;display:flex;gap:10px;padding:8px 12px}.avatar{background:linear-gradient(135deg,var(--accent),var(--accent-3));border-radius:50%;color:#0b132b;display:grid;font-weight:800;height:34px;letter-spacing:.02em;place-items:center;width:34px}.user-meta{display:flex;flex-direction:column;line-height:1.2}.user-name{color:#fff;font-weight:700}.user-role{color:var(--muted);font-size:.8rem}.logout-link{background:#0000;border:none;color:var(--accent);cursor:pointer;font-weight:600;padding-left:6px}.main-grid{display:grid;flex:1;gap:16px;grid-template-columns:280px 1fr 260px;min-height:0;overflow:hidden;position:relative;transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1);z-index:1}.main-grid.right-panel-hidden{grid-template-columns:280px 1fr}.main-grid.right-panel-hidden .panel.sidebar{display:none}.panel{backdrop-filter:var(--blur);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:16px;position:relative;z-index:1}.panel-header{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:space-between;margin-bottom:12px}.panel-divider{background:var(--border);height:1px;margin:14px 0}.panel-divider.soft{margin:10px 0 8px;opacity:.8}.center-panel{background:linear-gradient(180deg,#ffffff0a,#ffffff05);overflow-y:auto}.expense-header{align-items:center;backdrop-filter:blur(12px);background:linear-gradient(180deg,#0f172afa,#0f172af2 80%,#0f172a00);border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 8px 24px -12px #00000080;display:flex;gap:12px;justify-content:space-between;margin:-16px -16px 0;padding:16px 16px 24px;position:sticky;top:0;z-index:100}.expense-head-left{display:flex;flex-direction:column;gap:6px}.expense-title-row{align-items:center;display:flex;gap:8px}.expense-title{font-size:1.45rem;font-weight:800;margin:0}.expense-subtitle{color:var(--muted);margin:0}.eyebrow{color:var(--accent-2);font-size:.8rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.filter-pill{background:#ffffff14;border:1px solid var(--border);color:#fff}.header-actions{align-items:center;display:flex;gap:10px}.left-panel,.right-panel{display:flex;flex-direction:column;gap:12px}.panel.left-panel,.panel.sidebar{overflow-x:hidden;overflow-y:auto}.panel.sidebar{display:flex;flex-direction:column;gap:0}.panel.sidebar .panel.slim-card{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.panel.sidebar .panel.slim-card .list-stack{flex:1;max-height:200px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#ffffff26 #0000;scrollbar-width:thin}.panel.sidebar .panel.slim-card .list-stack::-webkit-scrollbar{width:4px}.panel.sidebar .panel.slim-card .list-stack::-webkit-scrollbar-track{background:#0000}.panel.sidebar .panel.slim-card .list-stack::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.panel.sidebar .panel.slim-card .list-stack::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.sidebar-title{color:var(--muted);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sidebar-close-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;color:var(--muted);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .15s ease;width:24px}.sidebar-close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.nav-icon-pill.panel-toggle{background:#22c55e1a;border-color:#22c55e4d;color:#34d399}.nav-icon-pill.panel-toggle:hover{background:#22c55e33;border-color:#34d399;box-shadow:0 4px 16px #22c55e40;color:#34d399}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-track{background:#0000}.panel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.panel::-webkit-scrollbar-thumb:hover{background:#ffffff40}.quick-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:6px}.qa-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;border-radius:12px;box-shadow:0 12px 24px #38bdf840;color:#0b132b;cursor:pointer;font-weight:700;padding:10px 12px}.qa-btn.ghost{background:#ffffff0f;box-shadow:none;color:#fff}.insight-card,.qa-btn.ghost{border:1px solid var(--border)}.insight-card{background:var(--card-strong);border-radius:12px;justify-content:space-between;padding:12px}.insight-label{color:var(--muted);font-size:.9rem;margin:0 0 4px}.insight-value{margin:0}.insight-badge{background:#34d39924;border:1px solid #34d39952;border-radius:999px;color:#34d399;font-size:.85rem;font-weight:700;padding:6px 10px}.insight-badge.ghost{background:#ffffff0f;border-color:var(--border);color:var(--muted)}.spaced{margin-top:8px}.modal-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:400px}.modal-content h3{color:#fff;margin-bottom:16px}.search-input-modal{padding:8px;width:100%}.search-input-modal,.search-results-modal{border:1px solid #ccc;border-radius:4px;margin-bottom:12px}.search-results-modal{max-height:200px;overflow-y:auto}.search-item-modal{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px}.search-item-modal span{color:#333}.add-friend-modal-btn{background-color:#62d2a2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 10px}.add-friend-modal-btn:hover{opacity:.8}.modal-actions{text-align:right}.close-modal-btn{background-color:#ccc;border:none;border-radius:4px;cursor:pointer;padding:6px 12px}.close-modal-btn:hover{opacity:.8}.expense-list{display:flex;flex-direction:column;gap:24px;padding-bottom:48px}.expense-empty{color:var(--muted);padding:48px 24px;text-align:center}.expense-empty .empty-icon{font-size:3rem;margin-bottom:12px;opacity:.6}.expense-empty h3{color:#fff;font-size:1.1rem;margin-bottom:4px}.expense-empty p{font-size:.9rem}.month-section{display:flex;flex-direction:column;gap:10px}.month-header{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s ease;user-select:none}.month-header:hover{background:#ffffff1a;border-color:#ffffff26}.month-header.collapsed{background:#ffffff0a}.month-header-left{align-items:center;display:flex;gap:10px}.month-expand-icon{align-items:center;color:var(--accent-2);display:flex;justify-content:center;transition:transform .2s ease}.month-label{color:var(--accent-2);font-size:.8rem;font-weight:700;letter-spacing:.06em}.month-count{background:#ffffff14;border-radius:6px;color:var(--muted);font-size:.7rem;padding:2px 8px}.month-total{color:#fff;font-size:.85rem;font-weight:600}.expenses-stack{display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:all .3s ease}.expenses-stack.collapsed{display:none}.expense-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;cursor:pointer;padding:14px 16px;transition:all .2s ease}.expense-card:hover{background:#ffffff12;border-color:#ffffff2e;transform:translateY(-1px)}.expense-main{gap:14px}.expense-left,.expense-main{align-items:center;display:flex}.expense-left{gap:10px}.expense-date-badge{align-items:center;background:#38bdf81f;border:1px solid #38bdf833;border-radius:10px;display:flex;flex-direction:column;min-width:38px;padding:6px 8px}.expense-day{color:#fff;font-size:1.1rem;font-weight:800;line-height:1}.expense-month{color:var(--accent-2);font-size:.6rem;font-weight:600;letter-spacing:.05em}.expense-icon{font-size:1.4rem;opacity:.9}.expense-center{flex:1;min-width:0}.expense-title{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.expense-meta-item{align-items:center;color:var(--muted);display:flex;font-size:.75rem;gap:4px}.expense-meta-item.group-tag{background:#22c55e1f;border-radius:6px;color:#34d399;font-weight:500;padding:2px 8px}.expense-right{min-width:85px;text-align:right}.expense-total{color:#fff;font-size:1.05rem;font-weight:700}.expense-net{align-items:flex-end;display:flex;flex-direction:column;font-size:.75rem;margin-top:2px}.net-label{font-weight:500;opacity:.85}.net-amount{font-weight:700}.settled-badge{background:#ffffff14;border-radius:6px;color:var(--muted);font-size:.7rem;padding:2px 8px}.expense-expand{color:var(--muted);margin-left:8px}.expense-details{border-top:1px solid #ffffff1a;margin-top:14px;padding-top:14px}.expense-details-header{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px}.detail-row{align-items:center;color:var(--muted);display:flex;font-size:.8rem;gap:6px}.detail-row svg{color:var(--accent-2)}.expense-breakdown{background:#0003;border-radius:10px;margin-bottom:12px;overflow:hidden}.breakdown-header{background:#ffffff0d;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.breakdown-header,.breakdown-row{display:grid;gap:8px;grid-template-columns:1fr 70px 70px 70px;padding:10px 14px}.breakdown-row{border-top:1px solid #ffffff0d;color:#e2e8f0;font-size:.85rem}.breakdown-row.is-me{background:#38bdf814}.breakdown-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown-row.is-me .breakdown-name{color:var(--accent-2)}.breakdown-paid,.breakdown-share{color:var(--muted);text-align:right}.breakdown-net{font-weight:600;text-align:right}.breakdown-net.positive{color:#22c55e}.breakdown-net.negative{color:#ef4444}.expense-notes{background:#ffffff0a;border-radius:8px;font-size:.85rem;margin-bottom:10px;padding:10px 14px}.notes-label{color:var(--muted);margin-right:6px}.notes-text{color:#e2e8f0}.expense-footer{color:var(--muted);display:flex;font-size:.75rem;gap:8px}.category-selector{align-items:center;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:all .2s ease;width:100%}.category-selector:hover{background:#ffffff1a;border-color:#fff3}.category-icon{font-size:1.3rem}.category-label{flex:1;font-size:.95rem;text-align:left}.category-arrow{color:var(--muted);font-size:.7rem;transition:transform .2s ease}.category-picker{background:#0c101cfa;border:1px solid #ffffff24;border-radius:14px;box-shadow:0 16px 48px #00000080;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);left:0;margin-top:6px;max-height:280px;overflow-y:auto;padding:8px;position:absolute;right:0;top:100%;z-index:50}.category-option{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 8px;transition:all .15s ease}.category-option:hover{background:#ffffff14;color:#fff}.category-option.active{background:#38bdf826;border-color:#38bdf866;color:var(--accent-2)}.category-option .cat-icon{font-size:1.5rem}.category-option .cat-label{font-size:.7rem;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.form-section{position:relative}.profile-panel{display:flex;flex-direction:column;gap:14px;width:100%}.profile-header{align-items:center;display:flex;gap:12px}.back-pill{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;gap:6px;padding:6px 12px;transition:all .15s ease}.back-pill:hover{border-color:var(--accent-2);color:var(--accent-2)}.back-pill .back-text{font-size:.9rem}.panel-title{color:#fff;font-size:1.3rem;margin:2px 0 0}.profile-grid{display:grid;gap:12px;grid-template-columns:1fr}.profile-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:16px}.profile-card.skeleton{animation:shimmer 1.2s ease infinite;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:400% 400%;height:260px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.section-title{color:#fff;font-size:1rem;margin-bottom:12px}.alert{border:1px solid #ffffff1a;border-radius:10px;font-size:.9rem;padding:10px 12px}.alert.error{background:#ef44441f;border-color:#ef444466;color:#fecdd3}.alert.success{background:#22c55e1f;border-color:#22c55e66;color:#bbf7d0}.balance-cards-container{border-radius:14px;margin-bottom:16px;position:relative}.balance-cards-wrapper{border-radius:14px;overflow:hidden}.balance-cards-scroll{display:flex;transition:transform .35s cubic-bezier(.4,0,.2,1)}.balance-card-slide{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;box-sizing:border-box;flex-shrink:0;min-width:100%;padding:16px;width:100%}.balance-card-slide.positive{background:#22c55e14;border-color:#22c55e33}.balance-card-slide.negative{background:#ef444414;border-color:#ef444433}.balance-card-slide.personal{background:#818cf814;border-color:#818cf833}.balance-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.balance-icon{font-size:1.1rem;font-weight:700}.balance-title{color:var(--muted);flex:1;font-size:.85rem;font-weight:600}.balance-type-badge{font-size:.9rem;opacity:.7}.balance-amount{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.balance-breakdown{border-top:1px solid #ffffff14;display:flex;gap:16px;padding-top:12px}.breakdown-item{display:flex;flex:1;flex-direction:column;gap:2px}.breakdown-item .bd-label{color:var(--muted);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.breakdown-item .bd-value{color:#fff;font-size:.95rem;font-weight:700}.breakdown-item.positive .bd-value{color:#22c55e}.breakdown-item.negative .bd-value{color:#ef4444}.balance-dots{display:flex;gap:8px;justify-content:center;margin-top:12px;padding:4px 0}.balance-dot{background:#fff3;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .2s ease;width:8px}.balance-dot:hover{background:#fff6}.balance-dot.active{background:#38bdf8;border-radius:4px;width:20px}.balance-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;margin-bottom:12px;padding:16px}.balance-card.positive{background:#22c55e14;border-color:#22c55e33}.balance-card.negative{background:#ef444414;border-color:#ef444433}.stats-row{display:flex;gap:10px}.stat-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex:1;padding:14px;text-align:center}.stat-value{color:#fff;display:block;font-size:1.4rem;font-weight:800}.stat-label{color:var(--muted);display:block;font-size:.7rem;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.share-expense-modal{animation:modalSlideUp .25s ease-out;background:linear-gradient(145deg,#1a2332,#0f1722);border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;max-height:80vh;max-width:95vw;overflow:hidden;width:420px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-expense-modal .modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:18px 20px}.share-expense-modal .modal-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.share-expense-preview{align-items:center;background:#2dd4bf14;border-bottom:1px solid #ffffff0f;display:flex;gap:14px;padding:16px 20px}.expense-preview-icon{align-items:center;background:#ffffff1a;border-radius:14px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.expense-preview-info h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 4px}.expense-preview-amount{color:#2dd4bf;font-size:1.3rem;font-weight:700}.share-message-input{align-items:center;background:#ffffff08;border-top:1px solid #ffffff0f;display:flex;gap:10px;margin-top:8px;padding:12px 20px}.share-message-input svg{color:var(--muted);flex-shrink:0}.share-message-input input{background:#0000;border:none;flex:1;font-size:.9rem}.share-message-input input:focus{outline:none}.share-section-header{align-items:center;display:flex;justify-content:space-between;padding:14px 20px 8px}.share-section-header span{color:var(--muted);font-size:.85rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.select-all-btn{background:none;border:none;border-radius:6px;color:#2dd4bf;cursor:pointer;font-size:.8rem;font-weight:500;padding:4px 8px;transition:all .2s}.select-all-btn:hover{background:#2dd4bf26}.share-recipient-list{flex:1;max-height:280px;overflow-y:auto;padding:12px 16px}.share-recipient-list::-webkit-scrollbar{width:6px}.share-recipient-list::-webkit-scrollbar-track{background:#0000}.share-recipient-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.share-empty,.share-loading{color:var(--muted);font-size:.9rem;padding:40px 20px;text-align:center}.share-recipient-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:6px;padding:12px;transition:all .2s}.share-recipient-item:hover{background:#ffffff0f}.share-recipient-item.selected{background:#2dd4bf1f;border:1px solid #2dd4bf40}.share-recipient-avatar{align-items:center;background:linear-gradient(135deg,#2dd4bf,#14b8a6);border-radius:50%;color:#0f1722;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:42px;justify-content:center;width:42px}.share-recipient-avatar.group{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px}.share-recipient-info{flex:1;min-width:0}.share-recipient-name{color:#fff;font-size:.95rem;font-weight:500}.share-recipient-email,.share-recipient-name,.share-recipient-share{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-recipient-email,.share-recipient-share{color:var(--muted);font-size:.8rem}.share-recipient-share{color:#ef4444}.share-check{align-items:center;border:2px solid #fff3;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.share-check.checked{background:#2dd4bf;border-color:#2dd4bf;color:#0f1722}.share-footer{align-items:center;background:#0003;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 20px}.share-selected-count{color:var(--muted);font-size:.85rem}.share-footer .btn.primary{align-items:center;background:linear-gradient(135deg,#2dd4bf,#14b8a6);border:none;border-radius:10px;color:#0f1722;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.share-footer .btn.primary:hover:not(:disabled){box-shadow:0 4px 12px #2dd4bf4d;transform:translateY(-1px)}.share-footer .btn.primary:disabled{cursor:not-allowed;opacity:.5}.expense-share-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:var(--muted);cursor:pointer;display:flex;justify-content:center;margin-right:8px;padding:8px;transition:all .2s}.expense-share-btn:hover{background:#2dd4bf26;border-color:#2dd4bf4d;color:#2dd4bf;transform:scale(1.05)}.chat-bubble.expense-share{max-width:280px}.chat-expense-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;margin-top:6px;overflow:hidden}.chat-expense-header{align-items:center;background:#2dd4bf14;border-bottom:1px solid #ffffff0f;display:flex;gap:10px;padding:12px}.chat-expense-icon{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;font-size:1.6rem;height:40px;justify-content:center;width:40px}.chat-expense-title{flex:1;min-width:0}.chat-expense-title h5{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-expense-amount{color:#2dd4bf;font-size:1.1rem;font-weight:700}.chat-expense-details{background:#00000026;display:flex;gap:12px;padding:10px 12px}.chat-expense-detail{align-items:center;color:var(--muted);display:flex;font-size:.75rem;gap:5px}.chat-expense-detail svg{opacity:.7}.chat-expense-message{border-top:1px solid #ffffff0f;color:#ffffffd9;font-size:.85rem;font-style:italic;padding:10px 12px}.chat-reply-btn{background:none;border:none;border-radius:4px;color:var(--muted);cursor:pointer;margin-left:auto;opacity:0;padding:2px 6px;transition:all .2s}.chat-bubble:hover .chat-reply-btn{opacity:1}.chat-reply-btn:hover{background:#ffffff1a;color:#2dd4bf}.chat-reply-preview{background:#ffffff0f;border-left:3px solid #2dd4bf;border-radius:0 6px 6px 0;font-size:.75rem;margin-bottom:6px;padding:6px 10px}.chat-bubble.me .chat-reply-preview{background:#00000026;border-left-color:#fff6}.reply-to-name{color:#2dd4bf;display:block;font-weight:600;margin-bottom:2px}.chat-bubble.me .reply-to-name{color:#fffc}.reply-to-content{color:#fff9;display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reply-bar{align-items:center;animation:slideDown .15s ease-out;background:#2dd4bf1a;border-top:1px solid #2dd4bf33;display:flex;gap:10px;padding:8px 12px}.reply-bar-content{align-items:center;color:#2dd4bf;display:flex;flex:1;gap:8px;min-width:0}.reply-bar-content svg{flex-shrink:0}.reply-bar-label{font-weight:600}.reply-bar-label,.reply-bar-text{font-size:.75rem;white-space:nowrap}.reply-bar-text{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.reply-bar-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--muted);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.reply-bar-close:hover{background:#ffffff1a;color:#fff}.chat-meta{align-items:center;display:flex;gap:8px;margin-bottom:4px}.panel-header.clickable{border-radius:8px;cursor:pointer;margin:0 -8px 8px;padding:6px 8px;transition:all .15s ease}.panel-header.clickable:hover{background:#ffffff0a}.activity-header-text,.filter-header-text{align-items:center;color:var(--muted);display:flex;font-size:.85rem;gap:6px}.activity-header-text svg,.filter-header-text svg{color:var(--accent)}.filter-badge{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:6px;color:#0b132b;font-size:.65rem;font-weight:700;margin-left:4px;padding:2px 6px}.filters-panel{animation:slideDown .2s ease-out;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:12px}.filter-group,.filters-panel{margin-bottom:12px}.filter-group:last-child{margin-bottom:0}.filter-group label{align-items:center;color:var(--muted);display:flex;font-size:.75rem;gap:6px;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.filter-group label svg{color:var(--accent-2)}.filter-group select{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 10px;transition:all .15s ease;width:100%}.filter-group select:hover{border-color:#fff3}.filter-group select:focus{border-color:var(--accent);outline:none}.filter-group select option{background:#0f172a;color:#fff}.filter-chip{background:#ffffff0f;color:var(--muted);font-size:.75rem;font-weight:600;padding:6px 10px}.filter-chip:hover{border-color:#fff3}.filter-chip.active{background:#38bdf826;border-color:#38bdf866;color:var(--accent-2)}.clear-filters-btn{background:#ef44441a;border:1px solid #ef44444d;color:#f87171;font-weight:600;margin-top:12px;padding:8px;width:100%}.clear-filters-btn:hover{background:#ef444433;border-color:#ef444480}.recent-activity-section{border-top:1px solid #ffffff14;margin-top:auto;padding-top:12px}.activity-list{animation:fadeIn .2s ease-out;display:flex;flex-direction:column;gap:6px}.activity-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:all .15s ease}.activity-item:hover{background:#ffffff0f;border-color:#ffffff1a}.activity-icon{align-items:center;background:#38bdf81a;border-radius:8px;display:flex;flex-shrink:0;font-size:1.1rem;height:32px;justify-content:center;width:32px}.activity-content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.activity-desc{color:#fff;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-meta{align-items:center;color:var(--muted);display:flex;font-size:.7rem;gap:6px}.activity-group{background:#818cf826;border-radius:4px;color:#a5b4fc;font-weight:500;padding:1px 6px}.activity-time{color:var(--muted)}.activity-amount{flex-shrink:0;font-size:.8rem;font-weight:700}.activity-amount.positive{color:#22c55e}.activity-amount.negative{color:#ef4444}.no-activity{color:var(--muted);font-size:.85rem;padding:16px;text-align:center}.personal-expense-toggle{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.toggle-switch{display:inline-block;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch .slider{background:#ffffff26;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.toggle-switch .slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:all .3s ease;width:20px}.toggle-switch input:checked+.slider{background:linear-gradient(135deg,#38bdf8,#22d3ee)}.toggle-switch input:checked+.slider:before{transform:translateX(22px)}.toggle-label{color:#ffffffe6;font-size:.9rem;font-weight:500}.expense-actions{display:flex;gap:8px;margin-top:8px}.expense-action-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .15s ease}.expense-action-btn:hover{background:#ffffff1a;border-color:#fff3}.expense-action-btn.delete{border-color:#ef44444d;color:#ef4444}.expense-action-btn.delete:hover{background:#ef444426;border-color:#ef4444}.expense-action-btn.settle{border-color:#22c55e4d;color:#22c55e}.expense-action-btn.settle:hover,.expense-action-btn.settled{background:#22c55e26;border-color:#22c55e}.expense-action-btn.settled{color:#22c55e}.settle-modal{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.settle-modal-content{background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 24px 64px #00000080;max-width:400px;padding:24px;width:90%}.settle-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.settle-modal-header h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.settle-modal-close{background:none;border:none;color:#fff9;cursor:pointer;padding:4px}.settle-amount-info{background:#ffffff0a;border-radius:12px;margin-bottom:16px;padding:16px}.settle-amount-row{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.settle-amount-row:last-child{color:#fff;font-weight:700;margin-bottom:0}.settle-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.settle-option{align-items:center;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .15s ease}.settle-option:hover{background:#ffffff0a}.settle-option.active{background:#22c55e1a;border-color:#22c55e}.settle-option input[type=radio]{accent-color:#22c55e}.settle-partial-input{margin-top:12px}.settle-partial-input input{background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-size:.95rem;padding:10px 12px;width:100%}.settle-partial-input input:focus{border-color:#22c55e;outline:none}.settle-modal-actions{display:flex;gap:12px;justify-content:flex-end}.settle-modal-actions button{border-radius:10px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .15s ease}.settle-cancel-btn{background:#0000;border:1px solid #fff3;color:#fffc}.settle-cancel-btn:hover{background:#ffffff0f}.settle-confirm-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff}.settle-confirm-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 16px #22c55e4d}.personal-badge{align-items:center;background:#818cf826;border-radius:6px;color:#a5b4fc;display:inline-flex;font-size:.65rem;font-weight:600;gap:4px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.monthly-summary-card{background:linear-gradient(135deg,#38bdf81a,#22d3ee14);border:1px solid #38bdf833;border-radius:12px;margin-bottom:12px;padding:14px;text-align:center}.monthly-amount{color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;line-height:1}.monthly-comparison{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:6px}.trend-badge{border-radius:6px;display:inline-flex;font-weight:700;gap:2px;padding:2px 8px}.vs-last{color:var(--muted);font-size:.75rem}.kpi-grid-home{display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.kpi-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;display:flex;flex-direction:column;padding:10px 6px;transition:all .2s ease}.kpi-item:hover{background:#ffffff0d;transform:translateY(-1px)}.kpi-emoji{font-size:1rem;margin-bottom:4px}.kpi-number{color:#fff;font-size:1.1rem;font-weight:700}.kpi-text{color:#ffffff80;font-size:.6rem;letter-spacing:.3px;text-transform:uppercase}.kpi-item.pending .kpi-number{color:#fbbf24}.kpi-item.settled .kpi-number{color:#4ade80}.kpi-item.personal .kpi-number{color:#818cf8}.secondary-kpis{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:10px}.secondary-kpi{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.secondary-kpi:not(:last-child){border-bottom:1px solid #ffffff0a;padding-bottom:6px}.sk-label{color:#ffffff80;font-size:.7rem}.sk-value{color:#fff;font-size:.8rem;font-weight:600}.sk-value.highlight{color:#38bdf8}.stats-grid-compact{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.stat-compact{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:8px;padding:10px 12px;transition:all .15s ease}.stat-compact:hover{background:#ffffff0f;border-color:#ffffff1f}.stat-compact .stat-icon{color:var(--accent);opacity:.8}.stat-compact .stat-info{display:flex;flex-direction:column;gap:1px}.stat-compact .stat-num{color:#fff;font-size:1rem;font-weight:700;line-height:1}.stat-compact .stat-txt{color:var(--muted);font-size:.65rem;letter-spacing:.04em;text-transform:uppercase}.stat-compact.settled{align-items:center;background:#22c55e14;border-color:#22c55e33;flex-direction:column;text-align:center}.stat-compact.settled .stat-num{color:#22c55e}.notification-container{display:inline-block;position:relative}.notification-bell{background-color:#62d2a2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.notification-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 6px #0003;max-height:300px;overflow-y:auto;padding:10px;position:absolute;right:0;top:40px;width:300px;z-index:999}.no-notifications{color:#666;text-align:center}.notification-item{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;justify-content:space-between;padding:8px 0}.notification-item:last-child{border-bottom:none}.friend-request .sender-name{font-weight:700}.request-actions{display:flex;gap:6px}.accept-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.accept-btn:hover{background-color:#45a049}.reject-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.reject-btn:hover{opacity:.8}.expense-notification{align-items:center;border-bottom:1px solid #eee;display:flex;padding:8px 0}.expense-notification .notification-message{color:#333;font-weight:400}.analytics-dashboard{animation:fadeIn .3s ease-out;display:flex;flex-direction:column;height:100%;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.tooltip-content{animation:tooltipFade .2s ease-out;backdrop-filter:blur(12px);background:linear-gradient(145deg,#1e293bfa,#0f172afa);border:1px solid #38bdf84d;border-radius:10px;box-shadow:0 8px 32px #0006,0 0 20px #38bdf81a;color:#fffffff2;font-size:.75rem;line-height:1.5;max-width:280px;padding:10px 14px;pointer-events:none;position:fixed;text-align:center;transform:translateX(-50%);z-index:9999}.tooltip-top{transform:translateX(-50%) translateY(-100%)}.tooltip-bottom{transform:translateX(-50%) translateY(0)}@keyframes tooltipFade{0%{opacity:0;transform:translateX(-50%) translateY(-90%)}to{opacity:1;transform:translateX(-50%) translateY(-100%)}}.tooltip-content:after{border-color:#1e293bfa #0000 #0000;border-style:solid;border-width:6px 6px 0;bottom:-6px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tooltip-bottom:after{border-color:#0000 #0000 #1e293bfa;border-width:0 6px 6px;bottom:auto;top:-6px}.info-icon{color:#38bdf880;margin-left:4px;opacity:0;transition:opacity .2s ease}.insight-card:hover .info-icon,.section-header:hover .header-info{opacity:1}.header-info{color:#38bdf866;margin-left:6px;vertical-align:middle}.analytics-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff0f;border-radius:18px 18px 0 0;display:flex;flex-shrink:0;justify-content:space-between;margin:-16px -16px 0;padding:12px 16px}.analytics-title{align-items:center;display:flex;gap:10px}.analytics-title svg{color:#38bdf8}.analytics-title h2{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.analytics-controls{align-items:center;display:flex;gap:10px}.date-range-selector{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:2px;padding:3px}.range-btn{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .15s ease}.range-btn:hover{background:#ffffff0f;color:#fff}.range-btn.active{background:linear-gradient(135deg,#38bdf8,#22d3ee);color:#0b132b}.icon-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.icon-btn:hover{background:#ffffff14;border-color:#fff3;color:#fff}.icon-btn.filter-toggle.active{background:linear-gradient(135deg,#38bdf8,#22d3ee);border-color:#0000;color:#0b132b}.icon-btn.filter-toggle.has-filters{position:relative}.filter-badge{background:#fb7185;border:2px solid #0b132b;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.inline-filters{animation:slideDown .2s ease-out;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:16px;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.filter-item{display:flex;flex-direction:column;gap:6px}.filter-item label{align-items:center;color:#ffffff80;display:flex;font-size:.7rem;font-weight:600;gap:6px;letter-spacing:.03em;text-transform:uppercase}.filter-select{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;min-width:160px;padding:8px 12px}.filter-select:focus{border-color:#38bdf8;outline:none}.filter-chips{display:flex;gap:6px}.filter-chip{background:#0000;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .15s ease}.filter-chip:hover{background:#ffffff0f;color:#fff}.filter-chip.active{background:linear-gradient(135deg,#38bdf8,#22d3ee);border-color:#0000;color:#0b132b;font-weight:600}.clear-filters-btn{align-items:center;background:#fb718526;border:1px solid #fb71854d;border-radius:8px;color:#fb7185;cursor:pointer;display:flex;font-size:.8rem;gap:4px;margin-left:auto;padding:6px 12px;transition:all .15s ease}.clear-filters-btn:hover{background:#fb718540}.active-filter-tag{align-items:center;background:linear-gradient(145deg,#38bdf81f,#22d3ee14);border:1px solid #38bdf833;border-radius:10px;color:#ffffffe6;display:flex;font-size:.8rem;gap:10px;margin-top:12px;padding:8px 14px}.active-filter-tag svg{color:#38bdf8}.active-filter-tag strong{color:#38bdf8;font-weight:600}.active-filter-tag .filter-count{background:#38bdf833;border-radius:12px;color:#38bdf8;font-size:.7rem;font-weight:600;margin-left:auto;padding:3px 10px}.active-filter-tag button{background:none;border:none;color:inherit;cursor:pointer;display:flex;padding:2px}.analytics-content{flex:1;overflow-y:auto;padding:16px 0}.analytics-content::-webkit-scrollbar{width:6px}.analytics-content::-webkit-scrollbar-track{background:#0000}.analytics-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.hero-kpi-section{margin-bottom:16px}.hero-kpi-grid{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr));width:100%}@media (max-width:1100px){.hero-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.hero-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hero-kpi{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;box-sizing:border-box;cursor:default;display:flex;gap:10px;min-width:0;padding:14px 12px;transition:all .2s ease;width:100%}.hero-kpi:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.hero-kpi.selected{background:#38bdf814;border-color:#38bdf8;cursor:pointer}.hero-emoji{flex-shrink:0;font-size:1.4rem}.hero-kpi-content{display:flex;flex-direction:column;gap:2px;min-width:0}.hero-kpi-value{color:#fff;font-size:1.15rem;font-weight:800;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-kpi-label{color:#ffffff80;font-size:.65rem;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.hero-kpi.total{background:linear-gradient(135deg,#f472b614,#f472b60a);border-color:#f472b626}.hero-kpi.count{background:linear-gradient(135deg,#818cf814,#818cf80a);border-color:#818cf826}.hero-kpi.forecast{background:linear-gradient(135deg,#fbbf2414,#fbbf240a);border-color:#fbbf2426}.hero-kpi.peak{background:linear-gradient(135deg,#f9731614,#f973160a);border-color:#f9731626}.hero-kpi.settlement{background:linear-gradient(135deg,#4ade8014,#4ade800a);border-color:#4ade8026;cursor:pointer}.hero-kpi.velocity{background:linear-gradient(135deg,#38bdf814,#38bdf80a);border-color:#38bdf826}.hero-kpi.velocity.up{background:linear-gradient(135deg,#ef444414,#ef44440a);border-color:#ef444426}.hero-kpi.velocity.down{background:linear-gradient(135deg,#22c55e14,#22c55e0a);border-color:#22c55e26}.secondary-kpi-strip{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin-bottom:16px;padding:10px 16px}.strip-kpi{align-items:center;display:flex;gap:8px;padding:4px 14px}.strip-kpi.clickable{border-radius:8px;cursor:pointer;transition:all .15s ease}.strip-kpi.clickable:hover{background:#ffffff0d}.strip-icon{color:#38bdf8;height:14px;opacity:.8;width:14px}.strip-value{color:#fff;font-size:.9rem;font-weight:700}.strip-label{color:#ffffff80;font-size:.7rem}.strip-divider{background:#ffffff1a;height:20px;width:1px}@media (max-width:800px){.secondary-kpi-strip{gap:6px}.strip-divider{display:none}.strip-kpi{background:#ffffff08;border-radius:8px;padding:6px 10px}}.kpi-grid-top{margin-bottom:16px}.kpi-row{flex-wrap:wrap}.kpi-card,.kpi-row{display:flex;gap:10px}.kpi-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;cursor:pointer;flex:1;min-width:140px;padding:12px 14px;transition:all .2s ease}.kpi-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-1px)}.kpi-card.selected{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf84d}.kpi-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.kpi-content{display:flex;flex-direction:column;gap:2px}.kpi-value{color:#fff;font-size:1.1rem;font-weight:700}.kpi-label{color:#ffffff80;font-size:.7rem;letter-spacing:.3px;text-transform:uppercase}.analytics-top-charts{display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:12px}@media (max-width:1200px){.analytics-top-charts{grid-template-columns:1fr 1fr}}@media (max-width:800px){.analytics-top-charts{grid-template-columns:1fr}}.chart-panel{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:14px}.chart-panel .section-header h3{font-size:.85rem;margin-bottom:12px}.monthly-panel .monthly-bars.compact{align-items:flex-end;display:flex;gap:6px;height:120px;justify-content:space-between}.monthly-bars.compact .month-bar-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;height:100%}.monthly-bars.compact .month-bar{align-items:flex-start;background:linear-gradient(0deg,#818cf8cc,#818cf866);border-radius:6px 6px 0 0;display:flex;justify-content:center;padding-top:4px;transition:all .3s ease;width:100%}.monthly-bars.compact .month-bar-wrapper.current .month-bar{background:linear-gradient(0deg,#38bdf8,#38bdf880)}.monthly-bars.compact .month-bar-value{color:#fff;font-size:.6rem;font-weight:600;white-space:nowrap}.monthly-bars.compact .month-bar-label{color:#ffffff80;font-size:.65rem;margin-top:6px}.expense-type-compact{align-items:center;display:flex;gap:14px}.type-donut-mini{flex-shrink:0;height:90px;width:90px}.type-donut-mini svg{height:100%;width:100%}.type-legend-compact{display:flex;flex:1;flex-direction:column;gap:8px}.type-row{align-items:center;background:#ffffff08;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 10px;transition:all .2s ease}.type-row.active,.type-row:hover{background:#ffffff0f}.type-dot{height:8px;width:8px}.type-name{color:#fffc;font-size:.75rem}.type-amount{color:#fff;font-size:.75rem;font-weight:600;margin-left:auto}.type-badge{background:#ffffff1a;border-radius:10px;color:#fff9;font-size:.65rem;padding:2px 6px}.payment-bars-compact{display:flex;flex-direction:column;gap:12px}.payment-row{display:flex;flex-direction:column;gap:6px}.payment-header{align-items:center;display:flex;justify-content:space-between}.payment-label{color:#ffffffb3;font-size:.75rem}.payment-value{color:#fff;font-size:.85rem;font-weight:700}.payment-bar-track{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.payment-bar-fill{background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:4px;height:100%;transition:width .5s ease}.payment-bar-fill.warning{background:linear-gradient(90deg,#fbbf24,#f97316)}.payment-count{color:#fff6;font-size:.65rem}.spending-trend-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:12px;padding:14px}.trend-chart-area.wide{height:100px;margin:12px 0}.trend-chart-area.wide .area-chart{height:100%}.trend-chart-area.wide svg{height:80px;width:100%}.chart-stats.inline{border-top:1px solid #ffffff0f;display:flex;gap:24px;justify-content:center;padding-top:8px}.chart-stats.inline .chart-stat{text-align:center}.friend-balances-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;box-sizing:border-box;margin-bottom:12px;padding:16px;width:100%}.friend-balances-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));width:100%}.friend-balances-grid .friend-balance-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease}.friend-balances-grid .friend-balance-card:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-1px)}.friend-balances-grid .friend-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;height:40px;justify-content:center;width:40px}.friend-balances-grid .friend-name{color:#fff;font-size:.9rem;font-weight:600}.friend-balances-grid .friend-balance-amount{font-size:1rem;font-weight:700;margin-left:auto}.friend-balance-card{align-items:center;background:#ffffff08;border-radius:10px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.friend-balance-card:hover{background:#ffffff0d}.friend-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.friend-details{flex:1;min-width:0}.friend-name{color:#fff;display:block;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-bar-container{background:#ffffff1a;border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.friend-bar{border-radius:2px;height:100%;transition:width .5s ease}.friend-bar.positive{background:linear-gradient(90deg,#4ade80,#22c55e)}.friend-bar.negative{background:linear-gradient(90deg,#fb7185,#ef4444)}.friend-amount{flex-shrink:0;font-size:.8rem;font-weight:700}.friend-amount.positive{color:#4ade80}.friend-amount.negative{color:#fb7185}.insight-cards{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}@media (max-width:1100px){.insight-cards{grid-template-columns:repeat(2,1fr)}}.insight-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease}.insight-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-1px)}.insight-card.selected{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf84d,0 4px 12px #38bdf81a}.insight-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.insight-card.velocity .insight-icon{background:#818cf826;color:#818cf8}.insight-card.velocity.up .insight-icon{background:#ef444426;color:#ef4444}.insight-card.velocity.down .insight-icon{background:#22c55e26;color:#22c55e}.insight-card.highlight .insight-icon{background:#38bdf826;color:#38bdf8}.insight-card.forecast .insight-icon{background:#fbbf2426;color:#fbbf24}.insight-card.score .insight-icon{background:#4ade8026;color:#4ade80}.insight-content{display:flex;flex-direction:column;gap:2px}.insight-value{color:#fff;font-size:1.1rem;font-weight:700}.insight-label{color:#ffffff80;font-size:.7rem;letter-spacing:.03em;text-transform:uppercase}.analytics-dual-grid{display:grid;gap:12px;grid-template-columns:1fr 1.5fr;margin-bottom:12px}@media (max-width:900px){.analytics-dual-grid{grid-template-columns:1fr}}.trend-section-inline{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;display:flex;flex-direction:column;padding:14px}.trend-chart-inline{flex:1;margin:10px 0;min-height:100px}.trend-chart-inline .area-chart{display:flex;flex-direction:column;height:100%}.trend-chart-inline svg{flex:1;min-height:70px;width:100%}.chart-stats-inline{border-top:1px solid #ffffff0f;display:flex;gap:16px;justify-content:center;padding-top:8px}.chart-stats-inline .chart-stat{text-align:center}.analytics-main-grid{display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:12px}.category-section,.chart-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:14px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-header h3{align-items:center;color:#ffffffe6;display:flex;font-size:.85rem;font-weight:600;gap:8px;margin:0}.section-header h3 svg{color:#38bdf8}.trend-badge{align-items:center;border-radius:8px;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px}.trend-badge.up{background:#ef444426;color:#ef4444}.trend-badge.down{background:#22c55e26;color:#22c55e}.trend-badge.stable{background:#ffffff14;color:#ffffffb3}.trend-chart-area{height:140px;margin-bottom:12px}.area-chart{display:flex;flex-direction:column;height:100%}.area-chart svg{flex:1;width:100%}.chart-labels{color:#fff6;display:flex;font-size:.65rem;justify-content:space-between;padding:6px 0 0}.chart-stats{border-top:1px solid #ffffff0f;display:flex;gap:16px;padding-top:10px}.chart-stat{align-items:center;display:flex;flex:1;flex-direction:column;gap:2px}.chart-stat .stat-value{color:#fff;font-size:.9rem;font-weight:700}.chart-stat .stat-label{color:#fff6;font-size:.65rem;text-transform:uppercase}.category-visual{align-items:center;display:flex;flex-direction:column;gap:14px}.donut-chart{height:140px;width:140px}.donut-chart svg{height:100%;width:100%}.donut-total{fill:#fff;font-size:.9rem;font-weight:700}.donut-label{fill:#ffffff80;font-size:.55rem;text-transform:uppercase}.category-legend{display:flex;flex-direction:column;gap:6px;width:100%}.legend-item{align-items:center;display:flex;font-size:.8rem;gap:8px}.legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.legend-icon{font-size:.9rem}.legend-name{color:#fffc;flex:1;text-transform:capitalize}.legend-amount{color:#fff;font-weight:600}.legend-item{border-radius:6px;cursor:pointer;margin:-4px -6px;padding:4px 6px;transition:all .15s ease}.legend-item:hover{background:#ffffff0d}.legend-item.active{background:#38bdf81a;border:1px solid #38bdf84d}.analytics-secondary-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}@media (max-width:1000px){.analytics-secondary-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.analytics-secondary-grid{grid-template-columns:1fr}}.groups-section,.heatmap-section,.top-expenses-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:14px}.weekday-bars-container{display:flex;gap:8px;height:130px;justify-content:space-between;padding:10px 0 0}.weekday-bar-col{max-width:48px}.weekday-bar-col,.weekday-bar-wrapper{align-items:center;display:flex;flex:1;flex-direction:column}.weekday-bar-wrapper{justify-content:flex-end;min-height:90px;position:relative;width:100%}.weekday-bar{background:linear-gradient(180deg,#38bdf8,#818cf8);border-radius:6px 6px 2px 2px;max-width:32px;min-height:4px;transition:all .3s ease;width:100%}.weekday-bar:not(.active){background:#ffffff1a}.weekday-bar-col:hover .weekday-bar{filter:brightness(1.2);transform:scaleX(1.05)}.weekday-amount{color:#fffc;font-size:.6rem;font-weight:700;opacity:0;position:absolute;top:-4px;transform:translateY(8px);transition:all .2s ease;white-space:nowrap}.weekday-bar-col:hover .weekday-amount{opacity:1;transform:translateY(0)}.weekday-label{color:#ffffff80;font-size:.7rem;font-weight:600;margin-top:8px;text-align:center}.weekday-bar-col:hover .weekday-label{color:#38bdf8}.heatmap-insight{align-items:center;background:#38bdf814;border-radius:8px;color:#38bdf8;display:flex;font-size:.7rem;gap:6px;margin-top:10px;padding:8px 10px}.group-list{display:flex;flex-direction:column;gap:8px}.group-item{align-items:center;background:#ffffff05;border-radius:10px;display:flex;gap:10px;padding:8px;transition:all .15s ease}.group-item:hover{background:#ffffff0d}.group-avatar{align-items:center;border-radius:8px;color:#0b132b;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.group-info{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.group-name{color:#fff;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-count{color:#fff6;font-size:.65rem}.group-amount{color:#38bdf8;font-size:.85rem;font-weight:700}.top-expenses-list{display:flex;flex-direction:column;gap:6px}.top-expense-item{align-items:center;background:#ffffff05;border-radius:10px;display:flex;gap:10px;padding:8px;transition:all .15s ease}.top-expense-item:hover{background:#ffffff0d}.expense-rank{color:#ffffff4d;font-size:.7rem;font-weight:700;width:20px}.expense-icon{font-size:1.1rem}.expense-info{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.expense-name{color:#fff;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-date{color:#fff6;font-size:.65rem}.expense-amount{color:#fb7185;font-size:.85rem;font-weight:700}.top-expense-item.settled{opacity:.7}.top-expense-item.settled .expense-amount{color:#4ade80}.settled-badge{background:#4ade8026;border-radius:4px;color:#4ade80;display:inline-block;font-size:.6rem;font-weight:600;margin-left:6px;padding:2px 6px;text-transform:uppercase}.settlement-row{margin-bottom:16px}.settlement-section.full-width{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:14px}.settlement-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.settlement-card{align-items:center;background:#ffffff05;border-radius:10px;display:flex;gap:10px;padding:10px;transition:all .15s ease}.settlement-card:hover{background:#ffffff0d}.settlement-avatar{align-items:center;border-radius:50%;color:#0b132b;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:36px;justify-content:center;width:36px}.settlement-details{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.settlement-name{color:#fff;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settlement-bar-container{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.settlement-bar{border-radius:2px;height:100%;transition:width .3s ease}.settlement-bar.positive{background:linear-gradient(90deg,#22c55e,#4ade80)}.settlement-bar.negative{background:linear-gradient(90deg,#ef4444,#fb7185)}.settlement-amount{flex-shrink:0;font-size:.85rem;font-weight:700}.settlement-amount.positive{color:#22c55e}.settlement-amount.negative{color:#ef4444}.analytics-footer{border-top:1px solid #ffffff0f;color:#fff6;font-size:.7rem;justify-content:space-between;padding:12px 0}.analytics-footer,.period-info{align-items:center;display:flex}.period-info{gap:6px}.update-time{font-weight:500}.analytics-error,.analytics-loading{align-items:center;color:#fff9;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.analytics-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #38bdf833;border-radius:50%;border-top-color:#38bdf8;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.analytics-error{color:#ef4444}.retry-btn{align-items:center;background:#38bdf826;border:1px solid #38bdf84d;border-radius:8px;color:#38bdf8;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s ease}.retry-btn:hover{background:#38bdf840}.no-data{align-items:center;color:#fff6;display:flex;font-size:.85rem;height:100%;justify-content:center;min-height:80px}.no-data.centered{padding:20px;text-align:center}.analytics-advanced-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}@media (max-width:1024px){.analytics-advanced-grid{grid-template-columns:1fr}}.monthly-comparison-section{background:linear-gradient(135deg,#1e293b80,#0f172ab3);border:1px solid #ffffff0f;border-radius:14px;padding:14px}.monthly-bars{align-items:flex-end;display:flex;gap:8px;height:120px;justify-content:space-between;padding:8px 0}.month-bar-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;gap:6px;height:100%;justify-content:flex-end}.month-bar{align-items:flex-start;background:linear-gradient(0deg,#38bdf880,#818cf899);border-radius:6px 6px 0 0;display:flex;justify-content:center;min-height:5%;padding-top:4px;position:relative;transition:all .3s ease;width:100%}.month-bar-wrapper.current .month-bar{background:linear-gradient(0deg,#38bdf8,#818cf8);box-shadow:0 0 12px #38bdf866}.month-bar-value{color:#ffffffb3;font-size:.6rem;font-weight:600;opacity:0;position:absolute;top:-18px;transition:opacity .2s ease;white-space:nowrap}.month-bar-wrapper:hover .month-bar-value{opacity:1}.month-bar-label{color:#ffffff80;font-size:.65rem;font-weight:500}.month-bar-wrapper.current .month-bar-label{color:#38bdf8;font-weight:700}.expense-type-section{background:linear-gradient(135deg,#1e293b80,#0f172ab3);border:1px solid #ffffff0f;border-radius:14px;padding:14px}.expense-type-visual{align-items:center;display:flex;gap:16px}.type-donut{flex-shrink:0;height:100px;width:100px}.type-donut svg{height:100%;width:100%}.donut-count{fill:#fff;font-size:18px;font-weight:800}.donut-sublabel{fill:#ffffff80;font-size:8px}.type-legend{display:flex;flex:1;flex-direction:column;gap:10px}.type-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:all .15s ease}.type-item.active,.type-item:hover{background:#ffffff14;border-color:#ffffff26}.type-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.type-info{display:flex;flex:1;flex-direction:column;gap:2px}.type-label{color:#ffffffb3;font-size:.75rem}.type-value{color:#fff;font-size:.9rem;font-weight:700}.type-count{background:#ffffff0f;border-radius:4px;color:#fff6;font-size:.7rem;padding:2px 6px}.payment-status-section{background:linear-gradient(135deg,#1e293b80,#0f172ab3);border:1px solid #ffffff0f;border-radius:14px;padding:14px}.payment-status-bars{display:flex;flex-direction:column;gap:14px}.status-bar-item{display:flex;flex-direction:column;gap:6px}.status-bar-header{align-items:center;display:flex;justify-content:space-between}.status-label{color:#fffc;font-size:.8rem;font-weight:500}.status-value{color:#fff;font-size:.9rem;font-weight:700}.status-bar-track{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.status-bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.status-bar-fill.settled{background:linear-gradient(90deg,#22c55e,#4ade80)}.status-bar-fill.pending{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.status-count{color:#fff6;font-size:.65rem}.spending-insights-row{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}@media (max-width:900px){.spending-insights-row{grid-template-columns:repeat(2,1fr)}}.insight-stat-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease}.insight-stat-card:hover{background:#ffffff0f;border-color:#ffffff1a}.insight-stat-card.highlight{background:linear-gradient(135deg,#38bdf81a,#818cf81a);border-color:#38bdf833}.stat-icon{flex-shrink:0;font-size:1.5rem}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-number{color:#fff;font-size:1rem;font-weight:800}.stat-text{color:#ffffff80;font-size:.65rem;letter-spacing:.03em;text-transform:uppercase}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.right-3{right:.75rem}.right-4{right:1rem}.top-3{top:.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.table{display:table}.max-h-40{max-height:10rem}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-20{width:5rem}.w-24{width:6rem}.w-\[320px\]{width:320px}.w-\[60px\]{width:60px}.w-\[80px\]{width:80px}.w-full{width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-40{--tw-bg-opacity:0.4}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.tracking-wider{letter-spacing:.05em}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.last\:border-0:last-child{border-width:0}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}
/*# sourceMappingURL=main.a4ee7983.css.map*/