html,body{margin:0;padding:0}.login-main-container{display:flex;min-height:100vh;height:100vh;background:linear-gradient(120deg,#eaf1fb 60%,#c7e0fa);font-family:Segoe UI,Arial,sans-serif;border-radius:0;overflow:hidden;box-shadow:none;justify-content:center;align-items:center}.login-logo-container{width:100%;height:130px;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow:visible;margin-bottom:.5rem}.login-logo{height:220px;max-height:220px;width:auto;display:block;object-fit:contain;margin:0}.login-title{font-family:Segoe UI,cursive,sans-serif;color:#2563eb;font-size:2.5rem;margin-bottom:2.2rem;font-weight:800;letter-spacing:1.5px}.login-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:1.2rem;margin-bottom:.7rem}.login-input{padding:1.1rem;border-radius:14px;border:1.5px solid #2563eb;font-size:1.08rem;outline:none;transition:border .2s,box-shadow .2s;background:#f7faff;box-shadow:0 1px 4px #2563eb0a}.login-input:focus{border-color:#1d4ed8;box-shadow:0 2px 8px #2563eb1a}.login-btn{padding:1.1rem;border-radius:14px;border:none;background:linear-gradient(90deg,#2563eb 60%,#60a5fa);color:#fff;font-weight:700;font-size:1.15rem;cursor:pointer;margin-top:.7rem;margin-bottom:.2rem;box-shadow:0 2px 12px #2563eb1a;transition:background .2s,transform .15s}.login-btn:hover{background:linear-gradient(90deg,#1d4ed8 60%,#2563eb);transform:translateY(-2px) scale(1.03)}.login-right{flex:1;position:relative;min-width:0;min-height:100%;display:flex;align-items:stretch;justify-content:stretch;background:transparent;overflow:hidden;border-top-right-radius:0;border-bottom-right-radius:0}.login-right.login-info-box{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(120deg,#eaf1fb 60%,#c7e0fa);border-radius:0 18px 18px 0;margin:40px 48px 40px 0;width:50vw;box-shadow:0 8px 32px #2c3e5021,0 1.5px 8px #2563eb12;padding:0 3vw;position:relative;overflow:hidden;background-image:url(https://www.transparenttextures.com/patterns/cubes.png),linear-gradient(120deg,#eaf1fb 60%,#c7e0fa);background-size:220px,cover;background-repeat:repeat,no-repeat}.login-main-container{display:flex;min-height:100vh;height:100vh;background:transparent;border-radius:0;overflow:hidden;box-shadow:none;justify-content:center;align-items:center}.login-left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:56px 44px 48px;position:relative;box-shadow:0 8px 32px #2c3e5021,0 1.5px 8px #2563eb12;border-radius:18px;margin:40px 32px 40px 48px;max-width:420px}.login-signup-link{margin-top:1.7rem;text-align:center;color:#2563eb;font-size:1.08rem;background:#f0f6ff;padding:.8rem 1.3rem;border-radius:12px;box-shadow:0 2px 8px #2563eb14;display:inline-block;font-weight:500;letter-spacing:.2px}.signup-link-btn{color:#fff;background:#2563eb;margin-left:.7em;padding:.35em 1.1em;border-radius:7px;text-decoration:none;font-weight:600;transition:background .2s,box-shadow .2s;box-shadow:0 1px 6px #2563eb21;font-size:1.08rem}.signup-link-btn:hover{background:#1d4ed8;box-shadow:0 2px 12px #2563eb2e}.login-success{background:#eaf1fb;color:#2563eb;border-radius:14px;padding:2.2rem 1.5rem 1.7rem;margin:2.2rem 0 1.2rem;font-size:1.25rem;font-weight:700;text-align:center;box-shadow:0 2px 12px #2563eb1a;letter-spacing:.2px;line-height:1.6;animation:popin .4s cubic-bezier(.68,-.55,.27,1.55)}.login-success .signup-link-btn{margin-top:1.2rem;display:inline-block;font-size:1.13rem;padding:.6em 2.1em;border-radius:10px;background:linear-gradient(90deg,#2563eb 60%,#60a5fa);color:#fff;font-weight:700;box-shadow:0 2px 8px #2563eb1a;transition:background .18s,box-shadow .18s,transform .13s}.login-success .signup-link-btn:hover{background:linear-gradient(90deg,#1d4ed8 60%,#2563eb);box-shadow:0 4px 18px #2563eb2e;transform:translateY(-2px) scale(1.04)}@keyframes popin{0%{transform:scale(.7);opacity:0}80%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.login-right.login-info-box{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(120deg,#eaf1fb 60%,#c7e0fa);border-radius:0 18px 18px 0;margin:40px 48px 40px 0;width:50vw;box-shadow:0 8px 32px #2c3e5021,0 1.5px 8px #2563eb12;padding:0 3vw;position:relative;overflow:hidden;background-image:url(https://www.transparenttextures.com/patterns/cubes.png),linear-gradient(120deg,#eaf1fb 60%,#c7e0fa);background-size:220px,cover;background-repeat:repeat,no-repeat}.login-info-box:before,.login-info-box:after{content:"";position:absolute;border-radius:50%;opacity:.13;z-index:0}.login-info-box:before{width:180px;height:180px;background:#2563eb;top:8%;left:7%;animation:float1 7s ease-in-out infinite alternate}.login-info-box:after{width:120px;height:120px;background:#60a5fa;bottom:10%;right:8%;animation:float2 9s ease-in-out infinite alternate}@keyframes float1{0%{transform:translateY(0) scale(1)}to{transform:translateY(30px) scale(1.08)}}@keyframes float2{0%{transform:translateY(0) scale(1)}to{transform:translateY(-24px) scale(1.12)}}.login-info-title{color:#1746a2;font-size:3.3rem;font-weight:900;font-family:Poppins,Segoe UI,Georgia,serif;letter-spacing:2.5px;margin-bottom:1.3rem;text-align:center;text-shadow:0 6px 24px rgba(37,99,235,.13),0 1.5px 8px rgba(37,99,235,.07);background:linear-gradient(90deg,#2563eb 60%,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px #c7e0fa);transition:font-size .2s;z-index:1}.login-info-tagline{color:#2563eb;font-size:1.65rem;font-weight:900;text-align:center;background:#eaf1fb;border-radius:18px;padding:1.7rem 2.5rem 1.3rem;box-shadow:0 8px 32px #2563eb21;letter-spacing:.5px;line-height:1.7;margin-bottom:2.2rem;min-width:270px;min-height:54px;font-family:Poppins,Segoe UI,Arial,sans-serif;animation:popin .4s cubic-bezier(.68,-.55,.27,1.55);border-left:6px solid #2563eb;border-right:6px solid #60a5fa;filter:drop-shadow(0 2px 8px #c7e0fa);z-index:1}.login-info-desc{color:#1d3557;font-size:1.22rem;font-weight:500;text-align:center;margin-top:1.2rem;line-height:1.9;letter-spacing:.17px;font-family:Poppins,Segoe UI,Arial,sans-serif;background:#f7faff;border-radius:14px;padding:1.7rem 2rem;box-shadow:0 6px 24px #2563eb17;max-width:560px;border:1.5px solid #eaf1fb;filter:drop-shadow(0 2px 8px #c7e0fa);z-index:1}.login-info-desc p{margin:0 0 .7em;font-size:1.22rem;font-family:inherit}.login-info-desc p:last-child{margin-bottom:0}@media (max-width: 1200px){.login-main-container{flex-direction:column;min-height:unset;height:100vh;justify-content:flex-start;align-items:stretch}.login-left{margin:0;border-radius:18px 18px 0 0;max-width:100vw;box-shadow:none;padding:32px 12px;width:100vw}.login-right.login-info-box{display:none!important}.login-info-title{font-size:2.1rem;margin-bottom:.7rem;letter-spacing:1.2px}.login-info-tagline{font-size:1.08rem;padding:.7rem .7rem .6rem;min-width:0;min-height:0;border-left:3px solid #2563eb;border-right:3px solid #60a5fa}.login-info-desc{font-size:.98rem;padding:.7rem;max-width:98vw}.login-info-box:before{width:90px;height:90px;top:4%;left:4%}.login-info-box:after{width:60px;height:60px;bottom:5%;right:4%}}.sidebar-container{position:fixed;left:0;top:0;width:250px;height:100vh;background:#fff;box-shadow:2px 0 24px #2563eb14;display:flex;flex-direction:column;justify-content:space-between;z-index:100}.sidebar-top{padding:32px 0 0;display:flex;flex-direction:column;align-items:center}.sidebar-logo-box{display:flex;flex-direction:column;align-items:center;margin-bottom:36px;width:100%;height:110px;justify-content:flex-start;position:relative;top:0;left:0;margin-top:-70px}.sidebar-logo{height:220px;max-height:210px;width:auto;display:block;object-fit:contain;margin:0 auto;z-index:1;position:relative}.sidebar-logo-title{display:none}.sidebar-nav{width:100%;display:flex;flex-direction:column;gap:18px;align-items:center;z-index:2;position:relative}.sidebar-link{width:80%;padding:.9rem 0;text-align:center;border-radius:10px;color:#2563eb;font-size:1.13rem;font-weight:600;text-decoration:none;background:#f0f6ff;transition:background .18s,color .18s,box-shadow .18s;box-shadow:0 1px 4px #2563eb0f}.sidebar-link.active{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);color:#fff;box-shadow:0 2px 12px #2563eb21}.sidebar-link:hover:not(.active){background:#e3edfa;color:#1746a2;box-shadow:0 2px 8px #2563eb14}.sidebar-bottom{padding:0 0 32px;display:flex;flex-direction:column;align-items:center}.sidebar-signout-btn{width:80%;padding:.9rem 0;border-radius:10px;border:none;background:#e5edfa;color:#2563eb;font-size:1.13rem;font-weight:700;cursor:pointer;transition:background .18s,color .18s;box-shadow:0 1px 4px #2563eb0f}.sidebar-signout-btn:hover{background:#2563eb;color:#fff}.sidebar-hamburger{display:none;position:fixed;top:18px;left:18px;width:38px;height:38px;z-index:201;background:#fff;border-radius:8px;box-shadow:0 2px 8px #2563eb1a;border:none;cursor:pointer;justify-content:center;align-items:center;padding:0}.sidebar-hamburger span,.sidebar-hamburger span:before,.sidebar-hamburger span:after{display:block;background:#2563eb;height:4px;width:26px;border-radius:2px;position:relative;transition:all .2s}.sidebar-hamburger span:before,.sidebar-hamburger span:after{content:"";position:absolute;left:0}.sidebar-hamburger span:before{top:-9px}.sidebar-hamburger span:after{top:9px}.sidebar-overlay{display:none}.sidebar-overlay.active{display:block;position:fixed;z-index:200;top:0;left:0;right:0;bottom:0;background:#2563eb21}.sidebar-container.mobile-active{position:fixed!important;left:0;top:0;width:100vw!important;height:100vh!important;background:#fff;z-index:201;box-shadow:0 4px 32px #2563eb21;flex-direction:column!important;justify-content:flex-start;align-items:center;border-radius:0;min-height:100vh;transition:transform .2s;display:flex}.sidebar-close-btn{position:absolute;top:18px;right:18px;width:38px;height:38px;background:#f0f6ff;border:none;border-radius:8px;font-size:2rem;color:#2563eb;cursor:pointer;z-index:202;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2563eb1a}@media (max-width: 1200px){.home-cards-container{max-width:98vw;gap:1vw}.home-card{min-width:180px;max-width:260px;padding:18px 0}.home-chart-box,.home-piechart-box,.home-barchart-box{max-width:98vw!important;min-width:0!important;width:98vw!important}}@media (max-width: 1200px){.sidebar-container{display:none!important}.sidebar-hamburger{display:flex!important}.sidebar-overlay.active{display:block}.sidebar-container.mobile-active{display:flex!important}.sidebar-link,.sidebar-signout-btn{width:94vw!important;min-width:0!important;max-width:94vw!important;font-size:1.05rem!important;padding:.8rem 0!important}.sidebar-bottom{margin-top:auto;width:100%;display:flex;justify-content:center;padding-bottom:32px}}@media (max-width: 480px){.home-cards-container{gap:8px}.home-card{min-width:0;max-width:96vw;width:96vw;padding:12px 0;font-size:.98rem}.home-chart-box,.home-piechart-box,.home-barchart-box{max-width:96vw!important;min-width:0!important;width:96vw!important;padding:10px 4px!important}}@media (max-width: 350px){.home-card{font-size:.85rem;padding:8px 0}.home-chart-box,.home-piechart-box,.home-barchart-box{padding:6px 2px!important}}.home-cards-container{display:flex;gap:32px;justify-content:center;margin:32px 0 36px}.home-card{background:#fff;border-radius:16px;box-shadow:0 4px 18px #2563eb1a;padding:32px 38px;min-width:180px;text-align:center;transition:box-shadow .2s,transform .2s;border:2px solid #eaf1fb}.home-card:hover{box-shadow:0 8px 32px #2563eb29;transform:translateY(-4px) scale(1.03);border-color:#60a5fa}.home-card-title{color:#2563eb;font-size:1.15rem;font-weight:700;margin-bottom:.7rem;letter-spacing:.5px}.home-card-value{color:#1d3557;font-size:2.1rem;font-weight:800;letter-spacing:1px}@media (max-width: 900px){.home-cards-container{flex-direction:column;gap:18px;align-items:center}.home-card{min-width:0;width:90vw;padding:24px 0}}.home-charts-row{display:flex;gap:32px;justify-content:space-between;align-items:flex-start;width:100%;max-width:1100px;margin:0 auto 32px}@media (max-width: 1100px){.home-charts-row{flex-direction:column;gap:24px;max-width:98vw}.home-chart-box{min-width:0;width:98vw;max-width:98vw;margin:0 auto;height:340px}.home-piechart-box{aspect-ratio:1 / 1;max-width:98vw}.home-barchart-box{min-width:0;max-width:98vw}}.home-layout{display:flex;min-height:100vh;background:linear-gradient(120deg,#eaf1fb 60%,#c7e0fa)}.home-main-content{flex:1;margin-left:250px;padding:30px 40px 32px;min-height:100vh;background:transparent;overflow-x:auto;box-sizing:border-box}.home-quote-box{background:#f7faff;border-radius:18px;box-shadow:0 6px 24px #2563eb1a;padding:18px 36px;margin:4px auto 8px;width:92%;max-width:1100px;font-size:1.45rem;color:#2563eb;font-weight:700;text-align:center;letter-spacing:.7px;font-family:Segoe UI,Georgia,serif;display:flex;align-items:center;justify-content:center;min-height:44px;position:relative;font-style:italic;border-left:5px solid #2563eb;border-right:5px solid #60a5fa}.home-quote-box:before{content:"“";font-size:2.1rem;color:#60a5fa;margin-right:12px;font-family:serif;font-style:normal}.home-quote-box:after{content:"”";font-size:2.1rem;color:#60a5fa;margin-left:12px;font-family:serif;font-style:normal}.home-cards-container{display:flex;gap:2vw;justify-content:space-between;align-items:flex-start;margin:6px 0 32px;width:100%;max-width:100%;min-width:320px}.home-card{background:linear-gradient(120deg,#f7faff 60%,#eaf1fb);border-radius:20px;box-shadow:0 4px 18px #2563eb21;padding:24px 0;min-width:240px;max-width:340px;width:100%;text-align:center;transition:box-shadow .15s,transform .15s,border-color .15s,background .15s;border:2px solid #eaf1fb;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;margin:0 1vw}.home-card:hover{box-shadow:0 8px 24px #2563eb21;transform:translateY(-2px) scale(1.025);border-color:#2563eb;background:linear-gradient(120deg,#f0f6ff 60%,#eaf1fb)}.home-card-title{color:#1746a2;font-size:1.22rem;font-weight:800;margin-bottom:.2rem;letter-spacing:.4px;font-family:Segoe UI,Georgia,serif;display:flex;align-items:center;justify-content:center;text-shadow:0 2px 8px rgba(37,99,235,.07);text-transform:capitalize}.home-card-title:before{content:"";display:inline-block;width:22px;height:22px;margin-right:9px;background-size:contain;background-repeat:no-repeat}.home-card:nth-child(1) .home-card-title:before{background-image:url(/trip.png)}.home-card:nth-child(2) .home-card-title:before{background-image:url(/expense.png)}.home-card:nth-child(3) .home-card-title:before{background-image:url(/friends.png)}.home-card-value{color:#1d3557;font-size:1.55rem;font-weight:800;letter-spacing:.5px;font-family:Segoe UI,Arial,sans-serif}.home-charts-row{display:flex;gap:2vw;justify-content:space-between;align-items:flex-start;width:100%;max-width:1100px;margin:0 auto 32px}.home-chart-box{background:#fff;border-radius:18px;box-shadow:0 4px 18px #2563eb1a;padding:24px 18px 18px;flex:1 1 0;min-width:320px;max-width:540px;display:flex;flex-direction:column;align-items:center;margin:0;height:340px}.home-piechart-box{aspect-ratio:1 / 1;max-width:340px;width:100%;height:320px;min-width:240px;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-barchart-box{min-width:340px;max-width:600px}.home-chart-title{color:#1746a2;font-size:1.25rem;font-weight:800;margin-bottom:18px;letter-spacing:.5px;text-align:center;font-family:Segoe UI,Georgia,serif;text-shadow:0 2px 8px rgba(37,99,235,.07);text-transform:capitalize}.home-chart-loading,.home-chart-empty{color:#aaa;font-size:1.1rem;margin-top:40px}.home-chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;justify-content:center}.home-chart-legend-item{display:flex;align-items:center;font-size:1rem;color:#2563eb;font-weight:500}.home-chart-legend-color{width:16px;height:16px;border-radius:4px;margin-right:6px;display:inline-block}@media (max-width: 1200px){.home-charts-row{flex-direction:column;gap:2vw;width:98vw;max-width:94vw;align-items:center}.home-main-content{width:98vw;margin-left:0;padding:18px 1vw}.home-quote-box{width:94vw;max-width:94vw;margin:8px auto 16px;padding:10px 1vw;font-size:1.05rem;border-radius:12px;min-height:28px}.home-chart-box,.home-piechart-box,.home-barchart-box{width:min(96vw,540px)!important;max-width:100%!important;min-width:0!important;margin:0 auto;padding:12px 1vw!important}}@media (max-width: 900px){.home-quote-box,.home-cards-container{width:94vw;max-width:94vw;margin-left:0;margin-right:0}.home-quote-box{font-size:1rem;padding:8px 6px;border-radius:10px;min-height:30px;margin-top:4px}.home-cards-container{flex-direction:column;gap:12px;align-items:center;justify-content:flex-start;width:98vw;margin-left:0;margin-right:0}.home-card{min-width:0;width:90vw;max-width:98vw;padding:16px 0;height:60px;border-radius:14px;margin:0 0 10px}}@media (max-width: 480px){.home-main-content{width:98vw;max-width:98vw;padding:6px 1vw 8px;margin:0 auto}.home-quote-box{width:95vw;max-width:95vw;margin:8px auto 12px;padding:8px 1vw;font-size:.98rem;border-radius:10px;min-height:24px}.home-cards-container{gap:8px;width:98vw}.home-card{min-width:0;max-width:98vw;width:98vw;padding:8px 0;font-size:.98rem}.home-chart-box,.home-piechart-box,.home-barchart-box{max-width:93vw!important;min-width:0!important;width:95vw!important;margin:0 auto;padding:6px 1vw!important}}@media (max-width: 350px){.home-main-content{width:98vw;max-width:98vw;padding:2px 0;margin:0 auto}.home-quote-box{width:94vw;max-width:94vw;margin:6px auto 8px;padding:4px .5vw;font-size:.85rem;border-radius:8px;min-height:18px}.home-cards-container{gap:8px;width:98vw}.home-card{min-width:0;max-width:98vw;width:98vw;padding:4px 0;font-size:.85rem}.home-chart-box,.home-piechart-box,.home-barchart-box{width:94vw!important;max-width:100%!important;padding:2px 0!important;margin:0 auto}}.home-card{font-size:.85rem;padding:4px 0}.home-chart-box,.home-piechart-box,.home-barchart-box{width:94vw!important;max-width:100%!important;padding:2px 0!important;margin:0 auto}.trips-layout{display:flex;min-height:100vh;background:linear-gradient(120deg,#eaf1fb 60%,#c7e0fa)}.trips-main-content{flex:1;margin-left:250px;padding:32px 40px;min-height:100vh;background:transparent;overflow-x:auto;box-sizing:border-box}.trips-header-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px;gap:18px;flex-wrap:wrap}.trips-heading{color:#1746a2;font-size:2.3rem;font-weight:900;letter-spacing:.7px;font-family:Segoe UI,Georgia,serif;text-shadow:0 2px 8px rgba(37,99,235,.09);margin-bottom:0}.trips-create-btn{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);color:#fff;font-weight:800;font-size:1.18rem;border:none;border-radius:14px;padding:.8em 2.1em;cursor:pointer;box-shadow:0 2px 12px #2563eb1a;display:flex;align-items:center;gap:.7em;transition:background .18s,box-shadow .18s,transform .13s;margin-top:0;margin-left:0}.trips-create-btn:hover{background:linear-gradient(90deg,#1d4ed8 60%,#2563eb);box-shadow:0 4px 18px #2563eb2e;transform:translateY(-2px) scale(1.04)}.trips-create-icon{font-size:1.4em;font-weight:900}.trips-search-row{display:flex;align-items:center;gap:10px;margin-bottom:24px;justify-content:space-between}.trips-search-input{padding:.9em 1.3em;border-radius:12px;border:1.7px solid #2563eb;font-size:1.13rem;outline:none;background:#f7faff;box-shadow:0 1px 4px #2563eb0a;width:340px;max-width:100%;transition:border .2s,box-shadow .2s}.trips-search-input:focus{border-color:#1d4ed8;box-shadow:0 2px 8px #2563eb1a}.trips-search-btn{background:#2563eb;color:#fff;border:none;border-radius:10px;padding:.8em 1.3em;font-size:1.18rem;cursor:pointer;transition:background .18s,box-shadow .18s;box-shadow:0 1px 6px #2563eb21}.trips-search-btn:hover{background:#1d4ed8;box-shadow:0 2px 12px #2563eb2e}.trips-list{display:flex;flex-direction:column;gap:18px;max-height:65vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.trips-list::-webkit-scrollbar{display:none}.trip-card{background:#fff;border-radius:16px;box-shadow:0 4px 18px #2563eb1a;padding:22px 28px;display:flex;flex-direction:column;gap:10px;border:2px solid #eaf1fb;transition:box-shadow .18s,border-color .18s,transform .15s;position:relative;min-width:0;max-width:100%}.trip-card:hover{box-shadow:0 8px 32px #2563eb29;border-color:#60a5fa;transform:translateY(-2px) scale(1.01)}.trip-title-row{font-size:1.35rem;font-weight:800;color:#2563eb;font-family:Segoe UI,Georgia,serif;margin-bottom:2px;letter-spacing:.2px}.trip-members-row{font-size:1.08rem;color:#1d3557;display:flex;gap:8px;align-items:center;margin-bottom:18px}.trip-label{color:#2563eb;font-weight:600;margin-right:4px}.trip-created-by{position:absolute;right:22px;bottom:14px;font-size:1.01rem;color:#2563eb;font-weight:600;font-family:Segoe UI,Arial,sans-serif;opacity:.85}.trips-loading,.trips-empty{color:#aaa;font-size:1.1rem;margin-top:40px;text-align:center}@media (max-width: 1200px){.trips-main-content{margin-left:0;padding:18px 1vw;width:100vw!important;max-width:100vw!important;min-width:0;box-sizing:border-box}.trips-header-row,.trips-search-row,.trips-list{max-width:98vw;width:98vw}.trip-card{max-width:98vw;width:98vw;padding:18px 0;border-radius:14px}.sidebar-container{display:none!important}.sidebar-hamburger{display:flex!important}.sidebar-overlay.active{display:block}.sidebar-container.mobile-active{display:flex!important}.sidebar-link,.sidebar-signout-btn{width:94vw!important;min-width:0!important;max-width:94vw!important;font-size:1.05rem!important;padding:.8rem 0!important}}@media (max-width: 900px){.trips-layout{width:100vw!important;min-width:0!important;margin:0!important;padding:0!important;box-sizing:border-box;overflow-x:hidden;gap:0!important}.trips-main-content{margin-left:0!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box}.trips-header-row,.trips-search-row{width:96vw;max-width:96vw}.trips-list{width:96vw;max-width:96vw;gap:10px}.trip-card{width:90vw;max-width:90vw;min-width:0;padding:12px 0;border-radius:12px}.sidebar-link,.sidebar-signout-btn{width:96vw!important;min-width:0!important;max-width:96vw!important;font-size:1.02rem!important;padding:.7rem 0!important}}@media (max-width: 480px){.trips-main-content{padding:6px 1vw 8px;width:98vw;max-width:98vw}.trips-header-row,.trips-list{width:98vw;max-width:98vw}.trips-search-row{flex-direction:column-reverse;align-items:stretch;gap:8px;width:98vw;max-width:98vw}.trip-card{width:96vw;max-width:96vw;padding:8px 0;font-size:.98rem;border-radius:10px}.sidebar-link,.sidebar-signout-btn{width:98vw!important;font-size:.98rem!important;padding:.6rem 0!important}}@media (max-width: 350px){.trips-main-content{padding:2px 0;width:99vw;max-width:99vw}.trips-header-row,.trips-search-row,.trips-list{width:99vw;max-width:99vw}.trip-card{width:94vw;max-width:94vw;padding:4px 0;font-size:.85rem;border-radius:8px}.sidebar-link,.sidebar-signout-btn{width:99vw!important;font-size:.85rem!important;padding:.5rem 0!important}}.create-trip-form-container{max-width:600px;margin:40px auto 0;background:#fff;border-radius:20px;box-shadow:0 6px 24px #2563eb21;padding:38px 36px 32px;display:flex;flex-direction:column;align-items:center}.create-trip-heading{color:#1746a2;font-size:2.1rem;font-weight:900;margin-bottom:30px;letter-spacing:.7px;font-family:Segoe UI,Georgia,serif;text-shadow:0 2px 8px rgba(37,99,235,.09);text-align:center}.create-trip-form{width:100%;display:flex;flex-direction:column;gap:22px}.create-trip-form label{color:#2563eb;font-weight:700;font-size:1.13rem;margin-bottom:6px;letter-spacing:.2px}.create-trip-input{padding:1.1em 1.3em;border-radius:12px;border:1.7px solid #2563eb;font-size:1.13rem;outline:none;background:#f7faff;box-shadow:0 1px 4px #2563eb0a;transition:border .2s,box-shadow .2s;margin-bottom:2px}.create-trip-input:focus{border-color:#1d4ed8;box-shadow:0 2px 8px #2563eb1a}.create-trip-error{color:#e11d48;font-size:1.08rem;margin-bottom:8px;text-align:center}.create-trip-btn{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);color:#fff;font-weight:800;font-size:1.18rem;border:none;border-radius:14px;padding:.9em 2.2em;cursor:pointer;box-shadow:0 2px 12px #2563eb1a;margin-top:18px;align-self:flex-end;transition:background .18s,box-shadow .18s,transform .13s}.create-trip-btn:hover{background:linear-gradient(90deg,#1d4ed8 60%,#2563eb);box-shadow:0 4px 18px #2563eb2e;transform:translateY(-2px) scale(1.04)}@media (max-width: 600px){.create-trip-form-container{max-width:98vw;padding:18px 4vw}.create-trip-heading{font-size:1.3rem;margin-bottom:18px}.create-trip-btn{font-size:1rem;padding:.7em 1.2em}}.trip-navbar{display:flex;gap:18px;margin-bottom:32px;margin-top:8px;justify-content:flex-end}.trip-nav-link{color:#2563eb;font-size:1.13rem;font-weight:700;padding:8px 22px;border-radius:8px 8px 0 0;background:#f7faff;text-decoration:none;transition:background .15s,color .15s;border:2px solid transparent;border-bottom:none}.trip-nav-link.active,.trip-nav-link:hover{background:#fff;color:#1746a2;border:2px solid #2563eb;border-bottom:none;z-index:2}@media (max-width: 900px){.trip-navbar{flex-direction:column;gap:8px;margin-bottom:18px;align-items:stretch;justify-content:flex-start;width:94%;max-width:94%;margin-left:auto;margin-right:auto}.trip-nav-link{width:100%;text-align:center;border-radius:8px;font-size:1.05rem;padding:10px 14px;margin:0}}@media (max-width: 480px){.trip-navbar{gap:4px;margin-bottom:10px}.trip-nav-link{font-size:.98rem;padding:8px;border-radius:7px;text-align:center}}.trip-overview-chart-box{background:#f7faff;border-radius:14px;box-shadow:0 2px 8px #2563eb12;padding:18px 18px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;height:320px}.trip-overview-chart-title{color:#2563eb;font-size:1.13rem;font-weight:700;margin-bottom:12px;letter-spacing:.3px;text-align:center;font-family:Segoe UI,Georgia,serif;width:100%;display:flex;justify-content:center}.trip-overview-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;justify-content:center}.trip-overview-legend-item{display:flex;align-items:center;font-size:1rem;color:#2563eb;font-weight:500}.trip-overview-legend-color{width:16px;height:16px;border-radius:4px;margin-right:6px;display:inline-block}.trip-overview-chart-empty{color:#aaa;font-size:1.1rem;margin-top:40px;text-align:center}.trip-overview-box{background:#fff;border-radius:18px;box-shadow:0 4px 18px #2563eb1a;padding:32px 36px;margin:32px auto 0;max-width:1100px;display:flex;flex-direction:column;gap:32px}.trip-overview-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}.trip-overview-title{color:#1746a2;font-size:2.1rem;font-weight:900;letter-spacing:.5px;font-family:Segoe UI,Georgia,serif;text-shadow:0 2px 8px rgba(37,99,235,.09);margin-bottom:8px}.trip-overview-section{font-size:1.13rem;color:#1d3557;margin-bottom:4px}.trip-overview-total-box{background:#f7faff;border-radius:12px;box-shadow:0 2px 8px #2563eb12;padding:18px 32px;display:flex;flex-direction:column;align-items:center;min-width:180px}.trip-overview-total{color:#2563eb;font-size:1.7rem;font-weight:800;margin-top:4px}.trip-overview-charts-row{display:flex;gap:40px;justify-content:center;align-items:flex-start;margin-top:32px}.trip-overview-charts-row>:first-child{flex:0 1 30%;max-width:30%;min-width:180px;height:320px}.trip-overview-charts-row>:last-child{flex:0 1 70%;max-width:70%;min-width:260px;height:320px}@media (max-width: 1200px){.trip-overview-box{max-width:98vw;padding:18px 2vw}.trip-overview-header-row{flex-direction:column;align-items:flex-start;gap:18px}.trip-overview-charts-row{flex-direction:column;gap:24px;max-width:98vw;margin-top:18px}.trip-overview-charts-row>:first-child,.trip-overview-charts-row>:last-child{width:98vw;max-width:98vw;min-width:0;margin:0 auto;height:260px}}@media (max-width: 900px){.trip-overview-box{max-width:96vw;padding:12px 1vw}.trip-overview-header-row{gap:12px}.trip-overview-charts-row{gap:16px;max-width:96vw;margin-top:10px}.trip-overview-charts-row>:first-child,.trip-overview-charts-row>:last-child{width:90vw;max-width:90vw;min-width:0;height:200px}}@media (max-width: 480px){.trip-overview-box{max-width:98vw;padding:6px 1vw 8px;gap:12px}.trip-overview-header-row{gap:8px}.trip-overview-charts-row{gap:8px;max-width:98vw;margin-top:6px}.trip-overview-charts-row>:first-child,.trip-overview-charts-row>:last-child{width:90vw;max-width:90vw;min-width:0;height:140px}}@media (max-width: 350px){.trip-overview-box{max-width:99vw;padding:2px 0;gap:6px}.trip-overview-header-row{gap:4px}.trip-overview-charts-row{gap:4px;max-width:99vw;margin-top:2px}.trip-overview-charts-row>:first-child,.trip-overview-charts-row>:last-child{width:90vw;max-width:90vw;min-width:0;height:80px}}.trip-user-piechart-box{background:#f7faff;border-radius:14px;box-shadow:0 2px 8px #2563eb12;padding:18px 18px 8px;min-width:320px;max-width:420px;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;height:340px}.trip-user-piechart-title{color:#2563eb;font-size:1.13rem;font-weight:700;margin-bottom:12px;letter-spacing:.3px;text-align:center;font-family:Segoe UI,Georgia,serif;width:100%;display:flex;justify-content:center}.trip-user-piechart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;justify-content:center}.trip-user-piechart-legend-item{display:flex;align-items:center;font-size:1rem;color:#2563eb;font-weight:500}.trip-user-piechart-legend-color{width:16px;height:16px;border-radius:4px;margin-right:6px;display:inline-block}.trip-user-piechart-loading,.trip-user-piechart-empty{color:#aaa;font-size:1.1rem;margin-top:40px;text-align:center}.trip-user-content-row{display:flex;gap:40px;justify-content:center;align-items:stretch;margin-top:0;margin-bottom:0;padding:0;flex-wrap:wrap}.trip-user-balances-box{background:#f7faff;border-radius:14px;box-shadow:0 2px 8px #2563eb12;padding:28px 32px;min-width:320px;max-width:100%;flex:1 1 0;display:flex;flex-direction:column;align-items:center;margin:0;height:340px;overflow-x:auto}.trip-user-section-title{color:#2563eb;font-size:1.18rem;font-weight:700;margin-bottom:18px;letter-spacing:.3px;text-align:center;font-family:Segoe UI,Georgia,serif}.trip-user-balance-list{list-style:none;padding:0;margin:0;width:100%}.trip-user-balance-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e3e8f0;font-size:1.08rem;word-break:break-word}.trip-user-balance-list li:last-child{border-bottom:none}.trip-user-balance-name{font-weight:600;color:#1746a2}.trip-user-balance-amount{font-weight:700}.trip-user-balance-list .owe .trip-user-balance-amount{color:#e11d48}.trip-user-balance-list .get .trip-user-balance-amount{color:#059669}.trip-user-balance-list .settled .trip-user-balance-amount{color:#64748b}.trip-user-loading,.trip-user-error,.trip-user-empty{color:#aaa;font-size:1.1rem;margin-top:40px;text-align:center}@media (max-width: 1200px){.trip-user-content-row{flex-direction:column;gap:18px;align-items:stretch;max-width:96vw;margin-top:0;margin-bottom:0;padding:0}.trip-user-balances-box{min-width:0;width:96vw;max-width:96vw;margin:0 auto;height:280px;padding:12px 1vw;min-height:180px}.trip-user-section-title{font-size:1.08rem;margin-bottom:10px}.trip-user-balance-list{min-height:120px;font-size:1rem}}@media (max-width: 900px){.trip-user-content-row{flex-direction:column;gap:18px;max-width:94vw;margin-top:12px}.trip-user-balances-box{min-width:0;width:94vw;max-width:94vw;margin:0 auto;height:280px;padding:12px 1vw;min-height:180px}.trip-user-section-title{font-size:1.08rem;margin-bottom:10px}.trip-user-balance-list{min-height:120px;font-size:1rem}}@media (max-width: 480px){.trip-user-content-row{gap:10px;max-width:98vw;margin-top:8px}.trip-user-balances-box{width:94vw;max-width:94vw;padding:8px 2vw;height:220px}.trip-user-balance-list{min-height:80px;font-size:.95rem}}@media (max-width: 350px){.trip-user-content-row{gap:6px;max-width:99vw;margin-top:4px}.trip-user-balances-box{width:94vw;max-width:94vw;padding:4px 1vw;height:140px}.trip-user-balance-list{min-height:40px;font-size:.85rem}}.split-matrix-title{color:#1746a2;font-size:1.7rem;font-weight:800;margin-bottom:24px;letter-spacing:.5px;font-family:Segoe UI,Georgia,serif;text-align:left}.split-matrix-table-container{background:#f7faff;border-radius:16px;box-shadow:0 2px 8px #2563eb12;padding:32px 24px 24px;margin:0 auto;max-width:90%;overflow-x:auto}.split-matrix-table{width:100%;min-width:600px;border-collapse:collapse;font-size:1.08rem;background:#fff;border-radius:10px;overflow:hidden}.split-matrix-table th,.split-matrix-table td{padding:12px 16px;text-align:center;border-bottom:1px solid #e3e8f0}.split-matrix-table th{background:#eaf1fb;color:#2563eb;font-weight:700;font-size:1.1rem}.split-matrix-table tr:last-child td{border-bottom:none}.split-matrix-table .self{background:#f3f4f6;color:#aaa;font-style:italic}.split-matrix-table .owe{background:#fee2e2;color:#e11d48;font-weight:700}.split-matrix-table .get{background:#d1fae5;color:#059669;font-weight:700}.split-matrix-table .settled{background:#f7faff;color:#64748b}.split-matrix-loading,.split-matrix-error,.split-matrix-empty{color:#aaa;font-size:1.1rem;margin-top:40px;text-align:center}@media (max-width: 1200px){.split-matrix-table-container{padding:14px 1vw;max-width:98vw}.split-matrix-table{min-width:400px;font-size:1rem}}@media (max-width: 900px){.split-matrix-table-container{padding:8px 1vw;max-width:96vw}.split-matrix-table{min-width:320px;font-size:.95rem}}@media (max-width: 480px){.split-matrix-table-container{padding:4px 1vw;max-width:98vw}.split-matrix-table{min-width:240px;font-size:.88rem}}@media (max-width: 350px){.split-matrix-table-container{padding:2px 0;max-width:99vw}.split-matrix-table{min-width:120px;font-size:.78rem}}.expense-log-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:18px;flex-wrap:wrap}.expense-log-title{color:#1746a2;font-size:1.7rem;font-weight:800;letter-spacing:.5px;font-family:Segoe UI,Georgia,serif;margin:0}.expense-log-actions{display:flex;align-items:center;gap:14px}.expense-log-filter{padding:.6em 1.2em;border-radius:10px;border:1.5px solid #2563eb;font-size:1.08rem;background:#f7faff;color:#1746a2;outline:none;transition:border .18s}.expense-log-add-btn{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);color:#fff;font-weight:800;font-size:1.08rem;border:none;border-radius:10px;padding:.7em 1.7em;cursor:pointer;box-shadow:0 2px 8px #2563eb1a;display:flex;align-items:center;gap:.5em;transition:background .18s,box-shadow .18s,transform .13s}.expense-log-add-btn:hover{background:linear-gradient(90deg,#1d4ed8 60%,#2563eb);box-shadow:0 4px 18px #2563eb2e;transform:translateY(-2px) scale(1.04)}.expense-log-add-icon{font-size:1.3em;font-weight:900}.expense-log-list-scroll{max-height:480px;overflow-y:auto;margin-bottom:18px;scrollbar-width:none;-ms-overflow-style:none}.expense-log-list-scroll::-webkit-scrollbar{display:none}.expense-log-list{display:flex;flex-direction:column;gap:18px}.expense-log-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #2563eb12;padding:22px 28px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;position:relative}.expense-log-main{flex:1 1 0;display:flex;flex-direction:column;gap:6px}.expense-log-desc{font-size:1.18rem;font-weight:700;color:#2563eb;margin-bottom:2px}.expense-log-amt{font-size:1.13rem;font-weight:800;color:#059669}.expense-log-cat{font-size:1.01rem;color:#1746a2;font-weight:600}.expense-log-paidby,.expense-log-split{font-size:.98rem;color:#64748b}.expense-log-actions-row{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.expense-log-edit-btn,.expense-log-delete-btn{background:#f7faff;border:none;border-radius:8px;font-size:1.25rem;cursor:pointer;padding:6px 10px;transition:background .15s,box-shadow .15s;box-shadow:0 1px 4px #2563eb12}.expense-log-edit-btn:hover{background:#e0e7ff}.expense-log-delete-btn:hover{background:#fee2e2}.expense-log-loading,.expense-log-error,.expense-log-empty{color:#aaa;font-size:1.1rem;margin-top:40px;text-align:center}.expense-log-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000002e;z-index:1000;display:flex;align-items:center;justify-content:center}.expense-log-modal{background:#fff;border-radius:14px;box-shadow:0 4px 24px #2563eb2e;padding:32px 38px 24px;min-width:320px;max-width:90vw;display:flex;flex-direction:column;align-items:center}.expense-log-modal-title{font-size:1.18rem;font-weight:700;color:#e11d48;margin-bottom:22px;text-align:center}.expense-log-modal-actions{display:flex;gap:18px}.expense-log-modal-btn{padding:.7em 2.1em;border-radius:8px;border:none;font-size:1.08rem;font-weight:700;cursor:pointer;transition:background .15s}.expense-log-modal-btn.delete{background:#e11d48;color:#fff}.expense-log-modal-btn.cancel{background:#f7faff;color:#2563eb}.expense-log-modal-btn.delete:hover{background:#be123c}.expense-log-modal-btn.cancel:hover{background:#e0e7ff}@media (max-width: 1200px){.expense-log-header-row,.expense-log-list-scroll{max-width:98vw;width:98vw}.expense-log-card{max-width:98vw;width:98vw;padding:18px 0 14px;border-radius:14px}}@media (max-width: 900px){.expense-log-header-row,.expense-log-actions{flex-direction:column-reverse;align-items:stretch;gap:8px;width:98vw;max-width:98vw}.expense-log-list-scroll{width:98vw;max-width:98vw}.expense-log-card{width:96vw;max-width:96vw;padding:8px 0;font-size:.98rem;border-radius:10px;flex-direction:column;gap:10px}.expense-log-actions-row{flex-direction:row;gap:10px;align-items:center}}@media (max-width: 480px){.expense-log-header-row,.expense-log-actions{flex-direction:column-reverse;align-items:stretch;gap:8px;width:98vw;max-width:98vw}.expense-log-list-scroll{width:98vw;max-width:98vw}.expense-log-card{width:96vw;max-width:96vw;padding:8px 0;font-size:.98rem;border-radius:10px}}@media (max-width: 350px){.expense-log-header-row,.expense-log-actions,.expense-log-list-scroll{width:99vw;max-width:99vw}.expense-log-card{width:94vw;max-width:94vw;padding:4px 0;font-size:.85rem;border-radius:8px}}.add-expense-form{background:#fff;border-radius:38px;box-shadow:0 6px 32px #2563eb21,0 1.5px 6px #0000000a;padding:32px 36px 72px;margin:6vh auto 8vh;max-width:520px;min-width:320px;width:90%;max-height:80vh;min-height:60vh;display:flex;flex-direction:column;gap:18px;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:#2563eb #eaf1fb}.add-expense-form::-webkit-scrollbar{width:8px;background:#eaf1fb;border-radius:8px}.add-expense-form::-webkit-scrollbar-thumb{background:#2563eb;border-radius:8px}.add-expense-form h2{color:#1746a2;font-size:1.5rem;font-weight:800;margin-bottom:8px;text-align:center}.add-expense-form label{font-weight:600;color:#2563eb;margin-bottom:2px}.add-expense-form input[type=text],.add-expense-form input[type=number],.add-expense-form select{padding:10px 14px;border-radius:8px;border:1.5px solid #2563eb;font-size:1.08rem;margin-bottom:8px;outline:none;transition:border .18s}.add-expense-form input:focus,.add-expense-form select:focus{border:2px solid #1746a2}.add-expense-custom-category{padding:10px 14px;border-radius:8px;border:1.5px solid #2563eb;font-size:1.08rem;margin-bottom:8px;outline:none;transition:border .18s;margin-top:-4px}.add-expense-custom-category:focus{border:2px solid #1746a2}.add-expense-paidby-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.add-paidby-btn{background:#eaf1fb;color:#2563eb;font-weight:700;border:none;border-radius:8px;padding:7px 18px;cursor:pointer;margin-bottom:8px;font-size:1.05rem;transition:background .15s}.add-paidby-btn:hover{background:#2563eb;color:#fff}.remove-paidby-btn{background:#fee2e2;color:#e11d48;border:none;border-radius:8px;font-size:1.2rem;font-weight:700;padding:0 10px;cursor:pointer;transition:background .15s}.remove-paidby-btn:hover{background:#e11d48;color:#fff}.add-expense-split-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.add-expense-multiselect{min-height:44px;font-size:1.08rem;border-radius:8px;border:1.5px solid #2563eb;padding:8px 10px;margin-bottom:8px;background:#f7faff}.add-expense-error{color:#e11d48;font-weight:600;margin-bottom:8px;text-align:center}.add-expense-btn{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);color:#fff;font-weight:800;font-size:1.08rem;border:none;border-radius:10px;padding:.7em 1.7em;cursor:pointer;box-shadow:0 2px 8px #2563eb1a;margin-top:24px;margin-bottom:0;align-self:flex-end;transition:background .18s,box-shadow .18s,transform .13s}.add-expense-btn:hover{background:linear-gradient(90deg,#1d4ed8 60%,#2563eb);box-shadow:0 4px 18px #2563eb2e;transform:translateY(-2px) scale(1.04)}.add-expense-split-checkboxes{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;padding:6px 0 0}.add-expense-split-checkboxes label{font-weight:500;color:#2563eb;font-size:1.05rem;display:flex;align-items:center;gap:6px;background:#f7faff;border-radius:6px;padding:4px 10px;cursor:pointer;-webkit-user-select:none;user-select:none}.add-expense-split-checkboxes input[type=checkbox]{accent-color:#2563eb;width:18px;height:18px}@media (max-width: 900px){.add-expense-form{max-width:98vw;min-width:0;min-height:0;padding:18px 2vw}}.edit-expense-form-main{background:#fff;border-radius:38px;box-shadow:0 6px 32px #2563eb21,0 1.5px 6px #0000000a;padding:32px 36px 72px;margin:6vh auto 8vh;max-width:520px;min-width:320px;width:90%;display:flex;flex-direction:column;gap:18px;max-height:80vh;min-height:60vh;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:#2563eb #eaf1fb}.edit-expense-form-main h2{color:#1746a2;font-size:1.5rem;font-weight:800;margin-bottom:8px;text-align:center}.edit-expense-form-main label{font-weight:600;color:#2563eb;margin-bottom:2px}.edit-expense-form-main input[type=text],.edit-expense-form-main input[type=number],.edit-expense-form-main select{padding:10px 14px;border-radius:8px;border:1.5px solid #2563eb;font-size:1.08rem;margin-bottom:8px;outline:none;transition:border .18s}.edit-expense-form-main input:focus,.edit-expense-form-main select:focus{border:2px solid #1746a2}.edit-expense-paidby-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.edit-paidby-btn{background:#eaf1fb;color:#2563eb;font-weight:700;border:none;border-radius:8px;padding:7px 18px;cursor:pointer;margin-bottom:8px;font-size:1.05rem;transition:background .15s}.edit-paidby-btn:hover{background:#2563eb;color:#fff}.remove-editpaidby-btn{background:#fee2e2;color:#e11d48;border:none;border-radius:8px;font-size:1.2rem;font-weight:700;padding:0 10px;cursor:pointer;transition:background .15s}.remove-editpaidby-btn:hover{background:#e11d48;color:#fff}.edit-expense-split-checkboxes{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;padding:6px 0 0}.edit-expense-split-checkboxes label{font-weight:500;color:#2563eb;font-size:1.05rem;display:flex;align-items:center;gap:6px;background:#f7faff;border-radius:6px;padding:4px 10px;cursor:pointer;-webkit-user-select:none;user-select:none}.edit-expense-split-checkboxes input[type=checkbox]{accent-color:#2563eb;width:18px;height:18px}.edit-expense-custom-category{padding:10px 14px;border-radius:8px;border:1.5px solid #2563eb;font-size:1.08rem;margin-bottom:8px;outline:none;transition:border .18s;margin-top:-4px}.edit-expense-custom-category:focus{border:2px solid #1746a2}.edit-expense-error{color:#e11d48;font-weight:600;margin-bottom:8px;text-align:center}.edit-expense-btn{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);color:#fff;font-weight:800;font-size:1.08rem;border:none;border-radius:10px;padding:.7em 1.7em;cursor:pointer;box-shadow:0 2px 8px #2563eb1a;margin-top:24px;margin-bottom:0;align-self:flex-end;transition:background .18s,box-shadow .18s,transform .13s}.edit-expense-btn:hover{background:linear-gradient(90deg,#1d4ed8 60%,#2563eb);box-shadow:0 4px 18px #2563eb2e;transform:translateY(-2px) scale(1.04)}.edit-expense-form-main::-webkit-scrollbar{width:8px;background:#eaf1fb;border-radius:8px}.edit-expense-form-main::-webkit-scrollbar-thumb{background:#2563eb;border-radius:8px}@media (max-width: 900px){.edit-expense-form-main{max-width:98vw;min-width:0;min-height:0;padding:18px 2vw}}.friend-navbar{display:flex;justify-content:center;align-items:center;gap:0;background:none;border-radius:0;box-shadow:none;margin:32px 0;padding:0}.friend-navbar a{color:#2563eb;font-weight:700;font-size:1.13rem;text-decoration:none;padding:12px 38px 10px;border-radius:12px 12px 0 0;border:none;background:none;margin:0 2px;position:relative;transition:color .15s;border-bottom:2.5px solid transparent}.friend-navbar a.active{color:#1746a2;background:#fff;border-bottom:2.5px solid #2563eb;z-index:2}.friend-navbar a:hover{color:#1746a2;background:#f7faff}.friend-navbar-link{color:#2563eb;font-weight:700;font-size:1.13rem;text-decoration:none;padding:12px 38px 10px;border-radius:12px 12px 0 0;border:none;background:none;margin:0 2px;position:relative;transition:color .15s;border-bottom:2.5px solid transparent}.friend-navbar-link.active{color:#1746a2;background:#fff;border-bottom:2.5px solid #2563eb;z-index:2}.friend-navbar-link:hover{color:#1746a2;background:#f7faff}@media (max-width: 900px){.friend-navbar{flex-direction:column;align-items:stretch;gap:8px;margin:18px 0}.friend-navbar a,.friend-navbar-link{width:100%;text-align:center;padding:10px 0 8px;font-size:1rem;border-radius:8px;margin:0}}@media (max-width: 480px){.friend-navbar{gap:4px;margin:10px 0}.friend-navbar a,.friend-navbar-link{font-size:.98rem;padding:8px 0 6px;border-radius:7px}}.friends-add-row{display:flex;gap:18px;margin-bottom:24px;justify-content:center}.friends-id-input{padding:10px 16px;border-radius:10px;border:1.5px solid #2563eb;font-size:1.08rem;min-width:260px;outline:none;transition:border .18s}.friends-id-input:focus{border:2px solid #1746a2}.friends-add-btn{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);color:#fff;font-weight:800;font-size:1.08rem;border:none;border-radius:10px;padding:.7em 1.7em;cursor:pointer;box-shadow:0 2px 8px #2563eb1a;transition:background .18s,box-shadow .18s,transform .13s}.friends-add-btn:hover{background:linear-gradient(90deg,#1d4ed8 60%,#2563eb);box-shadow:0 4px 18px #2563eb2e;transform:translateY(-2px) scale(1.04)}.friends-add-msg{color:#059669;font-weight:700;margin-bottom:10px;text-align:center}.friends-error{color:#e11d48;font-weight:700;margin-bottom:10px;text-align:center}.friends-list-container{background:#fff;border-radius:18px;box-shadow:0 2px 8px #2563eb12;padding:32px 24px 24px;margin:0 auto;max-width:900px;min-width:420px;width:100%;min-height:180px;max-height:420px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.friends-list-container::-webkit-scrollbar{display:none}.friends-list{list-style:none;padding:0;margin:0;width:100%}.friends-list-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #e3e8f0;font-size:1.13rem}.friends-list-item:last-child{border-bottom:none}.friends-list-name{font-weight:700;color:#1746a2}.friends-list-item .owe{color:#e11d48;font-weight:700}.friends-list-item .get{color:#059669;font-weight:700}.friends-list-item .settled{color:#64748b}.friends-loading,.friends-empty{color:#aaa;font-size:1.1rem;margin-top:40px;text-align:center}@media (max-width: 1200px){.friends-list-container{padding:12px 2vw;max-width:94vw;min-width:0;width:94vw}.friends-add-row{flex-direction:column;gap:10px;align-items:stretch;width:98vw;max-width:98vw}.friends-list-item{font-size:1rem;padding:10px 0}}@media (max-width: 900px){.friends-list-container{padding:12px 2vw;max-width:94vw;min-width:0;width:94vw}.friends-add-row{flex-direction:column;gap:10px;align-items:stretch;width:98vw;max-width:98vw}.friends-list-item{font-size:1rem;padding:10px 0}}@media (max-width: 480px){.friends-list-container{padding:8px 1vw;max-width:94vw;min-width:0;width:94vw}.friends-add-row{gap:6px;width:99vw;max-width:99vw}.friends-id-input{min-width:0;font-size:.98rem;padding:8px}.friends-add-btn{font-size:.98rem;padding:.6em 1.2em}.friends-list-item{font-size:.95rem;padding:8px 0}}@media (max-width: 350px){.friends-list-container{padding:4px .5vw;max-width:96vw;min-width:0;width:96vw}.friends-add-row{gap:3px;width:100vw;max-width:100vw}.friends-id-input{font-size:.85rem;padding:6px 4px}.friends-add-btn{font-size:.85rem;padding:.4em .8em}.friends-list-item{font-size:.85rem;padding:4px 0}}.incoming-req-container{background:#fff;border-radius:18px;box-shadow:0 2px 8px #2563eb12;padding:32px 24px 24px;margin:0 auto;max-width:900px;min-width:420px;width:100%;min-height:180px}.incoming-req-title{color:#1746a2;font-size:1.3rem;font-weight:800;margin-bottom:18px;text-align:center}.incoming-req-list{list-style:none;padding:0;margin:0;width:100%;max-height:320px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.incoming-req-list::-webkit-scrollbar{display:none}.incoming-req-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #e3e8f0;font-size:1.13rem}.incoming-req-item:last-child{border-bottom:none}.incoming-req-sender{font-weight:700;color:#1746a2}.incoming-req-username{color:#64748b;font-weight:400;font-size:1rem}.incoming-req-actions{display:flex;gap:10px}.incoming-req-accept{background:#059669;color:#fff;font-weight:700;border:none;border-radius:8px;padding:7px 18px;cursor:pointer;font-size:1.05rem;transition:background .15s}.incoming-req-accept:hover{background:#047857}.incoming-req-reject{background:#fee2e2;color:#e11d48;font-weight:700;border:none;border-radius:8px;padding:7px 18px;cursor:pointer;font-size:1.05rem;transition:background .15s}.incoming-req-reject:hover{background:#e11d48;color:#fff}.incoming-req-msg{color:#059669;font-weight:700;margin-bottom:10px;text-align:center}.incoming-req-error{color:#e11d48;font-weight:700;margin-bottom:10px;text-align:center}.incoming-req-loading,.incoming-req-empty{color:#aaa;font-size:1.1rem;margin-top:40px;text-align:center}@media (max-width: 1200px){.incoming-req-container{padding:12px 2vw;max-width:94vw;min-width:0;width:94vw}}@media (max-width: 900px){.incoming-req-container{padding:12px 2vw;max-width:94vw;min-width:0;width:94vw}.incoming-req-item{font-size:1rem;padding:10px 0;flex-direction:column;align-items:flex-start;gap:6px}.incoming-req-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.incoming-req-container{padding:8px 1vw;max-width:94vw;min-width:0;width:94vw}.incoming-req-item{font-size:.95rem;padding:8px 0;gap:4px}.incoming-req-actions{gap:6px}.incoming-req-accept,.incoming-req-reject{font-size:.95rem;padding:6px 10px}}@media (max-width: 350px){.incoming-req-container{padding:4px .5vw;max-width:96vw;min-width:0;width:96vw}.incoming-req-item{font-size:.85rem;padding:4px 0;gap:2px}.incoming-req-accept,.incoming-req-reject{font-size:.85rem;padding:4px 6px}}.outgoing-req-container{background:#fff;border-radius:18px;box-shadow:0 2px 8px #2563eb12;padding:32px 24px 24px;margin:0 auto;max-width:900px;min-width:420px;width:100%;min-height:180px}.outgoing-req-title{color:#1746a2;font-size:1.3rem;font-weight:800;margin-bottom:18px;text-align:center}.outgoing-req-list{list-style:none;padding:0;margin:0;width:100%;max-height:320px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.outgoing-req-list::-webkit-scrollbar{display:none}.outgoing-req-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #e3e8f0;font-size:1.13rem}.outgoing-req-item:last-child{border-bottom:none}.outgoing-req-receiver{font-weight:700;color:#1746a2}.outgoing-req-username{color:#64748b;font-weight:400;font-size:1rem}.outgoing-req-status{color:#2563eb;font-weight:700;background:#eaf1fb;border-radius:8px;padding:7px 18px;font-size:1.05rem}.outgoing-req-error{color:#e11d48;font-weight:700;margin-bottom:10px;text-align:center}.outgoing-req-loading,.outgoing-req-empty{color:#aaa;font-size:1.1rem;margin-top:40px;text-align:center}@media (max-width: 1200px){.outgoing-req-container{padding:12px 2vw;max-width:94vw;min-width:0;width:94vw}}@media (max-width: 900px){.outgoing-req-container{padding:12px 2vw;max-width:94vw;min-width:0;width:94vw}.outgoing-req-item{font-size:1rem;padding:10px 0;flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 480px){.outgoing-req-container{padding:8px 1vw;max-width:94vw;min-width:0;width:94vw}.outgoing-req-item{font-size:.95rem;padding:8px 0;gap:4px}.outgoing-req-status{font-size:.95rem;padding:6px 10px}}@media (max-width: 350px){.outgoing-req-container{padding:4px .5vw;max-width:96vw;min-width:0;width:96vw}.outgoing-req-item{font-size:.85rem;padding:4px 0;gap:2px}.outgoing-req-status{font-size:.85rem;padding:4px 6px}}.page404-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#eaf1fb 60%,#c7e0fa);animation:fadein404 .7s}@keyframes fadein404{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.page404-content{background:#fff;border-radius:18px;box-shadow:0 8px 32px #2c3e5021,0 1.5px 8px #2563eb12;padding:48px 36px 36px;display:flex;flex-direction:column;align-items:center;animation:popin404 .5s cubic-bezier(.68,-.55,.27,1.55)}@keyframes popin404{0%{transform:scale(.8);opacity:0}80%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.page404-icon{font-size:3.5rem;margin-bottom:.5em;animation:bounce404 1.2s infinite alternate}@keyframes bounce404{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.page404-title{font-size:5rem;font-weight:900;color:#2563eb;margin-bottom:.2em;letter-spacing:2px;text-shadow:0 2px 8px #c7e0fa}.page404-message{font-size:1.35rem;color:#1746a2;margin-bottom:1.5em;font-weight:700;text-align:center;max-width:340px}.page404-home-btn{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);color:#fff;font-weight:700;font-size:1.15rem;border:none;border-radius:12px;padding:.8em 2.1em;cursor:pointer;box-shadow:0 2px 12px #2563eb1a;transition:background .18s,box-shadow .18s,transform .13s}.page404-home-btn:hover{background:linear-gradient(90deg,#1d4ed8 60%,#2563eb);box-shadow:0 4px 18px #2563eb2e;transform:translateY(-2px) scale(1.04)}@media (max-width: 600px){.page404-content{padding:24px 8px}.page404-title{font-size:3rem}.page404-message{font-size:1.05rem}.page404-home-btn{font-size:1rem;padding:.7em 1.2em}.page404-icon{font-size:2.2rem}}