.sidebar{background:var(--bg-panel);border-right:1px solid var(--border-glass);flex-direction:column;gap:24px;height:100vh;padding:26px 16px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:10px;padding:0 6px;display:flex}.sidebar-brand-mark{background:linear-gradient(145deg, var(--gold-soft), var(--gold));color:#1a1408;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex}.sidebar-brand-name{letter-spacing:.02em;color:var(--text-hi);font-size:16px;font-weight:600}.sidebar-brand-dot{color:var(--gold)}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-nav-item{color:var(--text-mid);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);font-size:13.5px;font-family:var(--font-sans);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 10px;text-decoration:none;display:flex}.sidebar-nav-item:hover{color:var(--text-hi);background:#ffffff08}.sidebar-nav-item.active{background:var(--gold-dim);color:var(--gold-soft);font-weight:500}.sidebar-nav-icon{opacity:.7;text-align:center;flex-shrink:0;width:16px;font-size:14px}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-low);padding:0 10px 6px;font-size:11px}.sidebar-trips{flex-direction:column;flex:1;display:flex}.sidebar-trip-list{flex-direction:column;gap:3px;display:flex}.sidebar-trip-chip{color:var(--text-mid);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);font-size:13px;font-family:var(--font-sans);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 10px;display:flex}.sidebar-trip-chip:hover{color:var(--text-hi);background:#ffffff08}.sidebar-trip-chip.active{background:var(--bg-card);border-color:var(--border-glass);color:var(--text-hi)}.sidebar-trip-chip.new-trip{color:var(--text-low);font-size:12.5px}.sidebar-trip-chip.new-trip:hover{color:var(--gold-soft)}.sidebar-trip-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-trip-meta{font-family:var(--font-mono);color:var(--text-low);flex-shrink:0;font-size:11px}.sidebar-trip-chip.active .sidebar-trip-meta{color:var(--gold)}.sidebar-footer{border-top:1px solid var(--border-glass);align-items:center;gap:10px;margin-top:auto;padding:12px 8px 4px;display:flex}.sidebar-user{flex:1;min-width:0}.sidebar-user-name{color:var(--text-hi);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.sidebar-user-email{color:var(--text-low);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sidebar-logout{width:28px;height:28px;color:var(--text-low);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.sidebar-logout:hover{color:var(--red);background:#e085851a;border-color:#e0858533}.app-shell{z-index:1;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid;position:relative}.app-main{min-width:0;min-height:100vh;overflow-y:auto}.page-transition{min-height:100vh}.mobile-topbar,.sidebar-backdrop{display:none}@media (width<=900px){.app-shell{display:block}.mobile-topbar{z-index:60;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);background:#05060ad1;align-items:center;gap:14px;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-brand{letter-spacing:.02em;font-size:15px;font-weight:600}.mobile-brand span{color:var(--gold)}.mobile-menu-btn{border:1px solid var(--border-glass);background:var(--bg-card);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:34px;height:34px;display:flex}.mobile-menu-btn span{background:var(--text-mid);border-radius:2px;width:16px;height:1.5px}.sidebar-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);background:#0009;display:block;position:fixed;inset:0}.sidebar{z-index:90;width:min(var(--sidebar-width), 78vw);transition:transform .28s cubic-bezier(.32,.72,0,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:8px 0 40px #00000080}.sidebar.open{transform:translate(0)}.sidebar-close{background:var(--bg-card);border:1px solid var(--border-glass);width:28px;height:28px;color:var(--text-low);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;font-size:12px;display:flex}.sidebar-close:hover{color:var(--text-hi)}}@media (width>=901px){.sidebar-close{display:none}}:root{--bg-deep:#05060a;--bg-panel:#0c0e16;--bg-card:#ffffff09;--bg-card-hover:#ffffff0e;--bg-input:#ffffff0a;--border-glass:#ffffff14;--border-focus:#d4af6a66;--gold:#d4af6a;--gold-soft:#e8cd9a;--gold-dim:#d4af6a26;--gold-bright:#f0d98c;--text-hi:#f1efe9;--text-mid:#a8a9b4;--text-low:#666876;--green:#6fcf97;--green-dim:#6fcf971f;--red:#e08585;--red-dim:#e085851f;--blue:#7eb8f7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-glow-gold:0 0 20px #d4af6a1f;--font-sans:"Sora", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--sidebar-width:230px;--transition-fast:.15s ease;--transition-base:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);background:radial-gradient(ellipse 900px 500px at 15% -10%, #d4af6a12, transparent 60%), radial-gradient(ellipse 700px 700px at 110% 20%, #786ec80d, transparent 60%), var(--bg-deep);color:var(--text-hi);min-height:100vh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.form-input:focus-visible,.form-select:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #d4af6a14}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;border-radius:var(--radius-md);background:var(--bg-panel);border:1px solid var(--border-focus);color:var(--text-hi);transition:top var(--transition-fast);padding:10px 16px;font-size:14px;position:fixed;top:-100px;left:16px}.skip-link:focus-visible{top:12px}.stars{z-index:0;pointer-events:none;opacity:.45;background-image:radial-gradient(1px 1px at 20px 30px,#ffffffe6,#0000),radial-gradient(1px 1px at 140px 80px,#fffc,#0000),radial-gradient(1.5px 1.5px at 300px 150px,#fff9,#0000),radial-gradient(1px 1px at 400px 60px,#ffffffe6,#0000),radial-gradient(1px 1px at 500px 200px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 650px 40px,#fffc,#0000),radial-gradient(1px 1px at 800px 180px,#ffffffb3,#0000),radial-gradient(1px 1px at 950px 100px,#ffffffe6,#0000),radial-gradient(1px 1px at 70px 220px,#ffffff80,#0000),radial-gradient(1px 1px at 230px 10px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 580px 130px,#fff9,#0000),radial-gradient(1px 1px at 740px 250px,#fffc,#0000),radial-gradient(1px 1px at 860px 50px,#fff9,#0000),radial-gradient(1px 1px at 100px 170px,#d4af6a66,#0000),radial-gradient(1px 1px at 450px 90px,#d4af6a4d,#0000);background-repeat:repeat;background-size:1000px 300px;position:fixed;inset:0}.glass{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px)}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-glass);background:var(--bg-card);color:var(--text-hi);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px 16px;font-size:13.5px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-card-hover);border-color:#ffffff1f}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(145deg, var(--gold-soft), var(--gold));color:#1a1408;border:none;font-weight:600}.btn-primary:hover{background:linear-gradient(145deg, var(--gold-bright), var(--gold-soft))}.btn-ghost{color:var(--text-mid);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-card);border-color:var(--border-glass);color:var(--text-hi)}.btn-danger{color:var(--red);border-color:#e085854d}.btn-danger:hover{background:var(--red-dim)}.btn-sm{padding:7px 12px;font-size:12.5px}.btn-lg{padding:13px 22px;font-size:15px}.btn-full{justify-content:center;width:100%}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;font-weight:500}.form-input{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-hi);font-family:var(--font-sans);width:100%;transition:border-color var(--transition-fast);outline:none;padding:11px 14px;font-size:14px}.form-input::placeholder{color:var(--text-low)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #d4af6a14}.form-input.error{border-color:#e0858580}.form-input-mono{font-family:var(--font-mono)}.form-error{color:var(--red);margin-top:2px;font-size:12px}.form-select{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-hi);font-family:var(--font-sans);width:100%;transition:border-color var(--transition-fast);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666876' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;outline:none;padding:11px 14px;font-size:14px}.avatar{border:1px solid var(--border-glass);font-family:var(--font-sans);color:var(--gold-soft);background:linear-gradient(145deg,#3a3550,#1f1c2e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.avatar-sm{width:26px;height:26px;font-size:10px}.avatar-md{width:32px;height:32px;font-size:12px}.avatar-lg{width:42px;height:42px;font-size:16px}.badge{border-radius:var(--radius-full);border:1px solid var(--border-glass);background:var(--bg-card);align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:500;display:inline-flex}.badge-gold{background:var(--gold-dim);color:var(--gold-soft);border-color:#d4af6a40}.badge-green{background:var(--green-dim);color:var(--green);border-color:#6fcf9740}.badge-red{background:var(--red-dim);color:var(--red);border-color:#e0858540}.mono-amount{font-family:var(--font-mono);font-weight:500}.mono-amount.positive{color:var(--green)}.mono-amount.negative{color:var(--red)}.mono-amount.neutral{color:var(--text-mid)}.mono-amount.gold{color:var(--gold-soft)}.divider{background:var(--border-glass);height:1px}.spinner{border:2px solid #ffffff1a;border-top-color:var(--gold);border-radius:50%;width:20px;height:20px;animation:.75s linear infinite spin}.spinner-lg{width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tally-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tally-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tally-toast-in{0%{opacity:0;transform:translate(40px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes tally-modal-in{0%{opacity:0;transform:translateY(26px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.enter-fade-up{animation:.24s ease-out both tally-fade-in-up}.page-enter{animation:.18s ease-out both tally-fade-in-up}.backdrop-enter{animation:.18s both tally-fade-in}.toast-enter{animation:.24s cubic-bezier(.32,.72,0,1) both tally-toast-in}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);padding:var(--space-4);background:#000000a6;justify-content:center;align-items:center;transition:opacity .18s;animation:.18s both tally-fade-in;display:flex;position:fixed;inset:0}.modal-overlay-leaving{opacity:0;animation:none}.modal{border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--space-8);background:#0f1120;width:100%;max-width:520px;max-height:90vh;transition:opacity .18s,transform .28s cubic-bezier(.34,1.3,.5,1);animation:.28s cubic-bezier(.34,1.3,.5,1) both tally-modal-in;overflow-y:auto}.modal-leaving{opacity:0;animation:none;transform:translateY(14px)scale(.98)}.modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:18px;font-weight:600}.modal-close{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-low);background:var(--bg-card);border:1px solid var(--border-glass);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.modal-close:hover{color:var(--text-hi);background:var(--bg-card-hover)}.empty-state{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-6);text-align:center;flex-direction:column;display:flex}.empty-state-icon{opacity:.5;font-size:40px}.empty-state-title{color:var(--text-hi);font-size:16px;font-weight:600}.empty-state-desc{color:var(--text-mid);max-width:300px;font-size:13.5px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.text-gold{color:var(--gold-soft)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-mid{color:var(--text-mid)}.text-low{color:var(--text-low)}.text-mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.mt-auto{margin-top:auto}.toast-container{z-index:200;gap:var(--space-3);flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-hi);align-items:center;gap:var(--space-3);background:#1a1d2e;min-width:260px;padding:12px 16px;font-size:13.5px;display:flex;box-shadow:0 8px 32px #0006}.toast.success{border-color:#6fcf9740}.toast.error{border-color:#e0858540}@media (width<=900px){.modal{padding:var(--space-6)}.toast-container{align-items:stretch;bottom:16px;left:16px;right:16px}.toast{min-width:0}}@media (width<=560px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:none;max-height:92vh;padding:var(--space-6) var(--space-5)}.auth-page{padding:16px}.auth-card{padding:28px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}