*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}@media(max-width:768px){html{font-size:16px}body{min-height:100vh;min-height:-webkit-fill-available}}.cl-internal-b3fm6y{background:linear-gradient(135deg,#0d3320,#14532d)!important;border:1px solid #166534!important}.cl-internal-1dauvpw,[data-localization-key=unstable__developmentMode]{color:#22c55e!important}.cl-footer:after,.cl-footerAction:after{background:none!important}.modal-overlay,.modal-container{pointer-events:auto}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}body{margin:0;padding:0;overflow-x:hidden}@media(max-width:768px){body{overflow-x:hidden;width:100%;position:relative}*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}}@font-face{font-family:A3;src:url(/Fonts/a3.woff2) format("woff2")}@font-face{font-family:AAA;src:url(/Fonts/aaa.woff2) format("woff2")}@font-face{font-family:AAAA1;src:url(/Fonts/aaaa1.woff2) format("woff2")}@font-face{font-family:AB;src:url(/Fonts/ab.woff2) format("woff2")}@font-face{font-family:AC;src:url(/Fonts/ac.otf) format("opentype")}@font-face{font-family:PP;src:url(/Fonts/pp.woff2) format("woff2")}@font-face{font-family:Q1;src:url(/Fonts/q1.woff2) format("woff2")}@font-face{font-family:SC;src:url(/Fonts/sc.woff) format("woff")}@font-face{font-family:SG;src:url(/Fonts/sg.woff2) format("woff2")}@font-face{font-family:X1;src:url(/Fonts/x1.ttf) format("truetype")}@font-face{font-family:Y1;src:url(/Fonts/y1.woff2) format("woff2")}@font-face{font-family:Y2;src:url(/Fonts/y2.woff2) format("woff2")}@font-face{font-family:Z1;src:url(/Fonts/z1.woff2) format("woff2")}#dashboard{min-height:100vh;width:100vw;margin-top:5vw;overflow-x:hidden}#dashhead{height:14vw;width:60vw;margin-left:20vw;display:flex;flex-direction:column;justify-content:center;align-items:center}#dashhead h1{font-family:A3,sans-serif;font-size:8vw;font-weight:700;margin-top:-1vw}#dashhead h3{font-family:A3,sans-serif;font-size:2vw;font-weight:700;color:#292929}#dashhead h5{font-family:A3,sans-serif;font-size:1vw;font-weight:500;color:#4b5563}#dashmid{display:flex;justify-content:center;gap:2vw;padding:1.5vw 4vw;flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:.8vw;background:#fff;border:1px solid #e5e7eb;border-radius:1.2vw;padding:1.5vw 2vw;min-width:12vw;box-shadow:0 2px 8px #0000000a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff0,#fffc,#fff0);transform:translate(-100%);transition:transform .6s ease}.stat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #0000001a;border-color:#d1d5db}.stat-card:hover:before{transform:translate(100%)}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(-5deg)}.stat-card:hover .stat-value{transform:scale(1.05)}.stat-icon{width:2.2vw;height:2.2vw;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:1.8vw;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.stat-icon-red{background-color:#fef2f2;color:#ef4444}.stat-card:hover .stat-icon-red{background-color:#fee2e2;box-shadow:0 4px 12px #ef444433}.stat-icon-green{background-color:#f0fdf4;color:#22c55e}.stat-card:hover .stat-icon-green{background-color:#dcfce7;box-shadow:0 4px 12px #22c55e33}.stat-icon-purple{background-color:#f5f3ff;color:#8b5cf6}.stat-card:hover .stat-icon-purple{background-color:#ede9fe;box-shadow:0 4px 12px #8b5cf633}.stat-icon-blue{background-color:#ecfeff;color:#06b6d4}.stat-card:hover .stat-icon-blue{background-color:#cffafe;box-shadow:0 4px 12px #06b6d433}.stat-content{display:flex;flex-direction:column;gap:.2vw}.stat-label{font-family:Inter,sans-serif;font-size:1.1vw;font-weight:500;color:#6b7280}.stat-value{font-family:Inter,sans-serif;font-size:1.8vw;font-weight:700;color:#111827}#dashbot{width:80vw;margin-left:10vw;padding:2vw 0}#dashbotbuttons{display:flex;justify-content:center;gap:1.5vw;flex-wrap:wrap}#dashbotbuttons a{text-decoration:none}.dash-btn{display:flex;align-items:center;gap:.6vw;padding:1vw 2vw;border:none;border-radius:.8vw;font-family:A3,sans-serif;font-size:1vw;font-weight:500;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.dash-btn i{font-size:1.3vw;transition:transform .3s ease}.dash-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff3,#fff0 50%);opacity:0;transition:opacity .3s ease}.dash-btn:hover:before{opacity:1}.dash-btn:hover{transform:translateY(-3px)}.dash-btn:hover i{transform:scale(1.15)}.dash-btn:active{transform:translateY(-1px)}.dash-btn:hover{box-shadow:0 8px 25px #10b98166}#dashbotothers{display:flex;justify-content:center;gap:2vw;padding:2vw 4vw;flex-wrap:wrap}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:1vw;padding:1.5vw;min-width:30vw;max-width:38vw;flex:1;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.dashboard-card:hover{box-shadow:0 8px 24px #00000014}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5vw}.card-header h2{font-family:A3,sans-serif;font-size:1.3vw;font-weight:600;color:#111827;margin:0}.view-all-btn{background:transparent;border:1px solid #e5e7eb;border-radius:.5vw;padding:.4vw 1vw;font-family:Inter,sans-serif;font-size:.85vw;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:#f3f4f6;border-color:#d1d5db}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2vw 1vw;text-align:center}.empty-icon{width:4vw;height:4vw;background:#f3f4f6;border-radius:1vw;display:flex;align-items:center;justify-content:center;margin-bottom:1vw}.empty-icon i{font-size:2vw;color:#8b5cf6}.empty-state h3{font-family:A3,sans-serif;font-size:1.2vw;font-weight:600;color:#111827;margin:0 0 .5vw}.empty-state p{font-family:Inter,sans-serif;font-size:.9vw;color:#6b7280;margin:0}.expense-item{display:flex;align-items:center;gap:1vw;padding:1vw;border:1px solid #f3f4f6;border-radius:.8vw;margin-bottom:.8vw;transition:all .2s ease}.expense-item:last-child{margin-bottom:0}.expense-item:hover{background:#fafafa;border-color:#e5e7eb}.expense-icon{width:2.8vw;height:2.8vw;background:#eff6ff;border-radius:.6vw;display:flex;align-items:center;justify-content:center}.expense-icon i{font-size:1.4vw;color:#3b82f6}.expense-details{flex:1;display:flex;flex-direction:column;gap:.2vw}.expense-title{font-family:A3,sans-serif;font-size:1vw;font-weight:600;color:#111827}.expense-meta{font-family:Inter,sans-serif;font-size:.8vw;color:#6b7280}.expense-amount-section{display:flex;flex-direction:column;align-items:flex-end;gap:.3vw}.expense-amount{font-family:A3,sans-serif;font-size:1.1vw;font-weight:700;color:#111827}.expense-tag{background:#ecfdf5;color:#059669;font-family:Inter,sans-serif;font-size:.7vw;font-weight:500;padding:.2vw .6vw;border-radius:.4vw}@media(max-width:768px){#dashboard{margin-top:60px;padding:0;min-height:100vh}#dashhead{height:auto;width:90%;margin-left:5%;padding:30px 0 20px}#dashhead h1{font-size:48px;margin-top:0}#dashhead h3{font-size:20px}#dashhead h5{font-size:14px}#dashmid{flex-direction:column;padding:0 16px;gap:12px}.stat-card{width:100%;min-width:auto;padding:16px 20px;border-radius:12px;gap:12px}.stat-icon{width:48px;height:48px;font-size:24px;border-radius:10px}.stat-content{gap:4px}.stat-label{font-size:14px}.stat-value{font-size:24px}#dashbot{width:100%;margin-left:0;padding:20px 16px}#dashbotbuttons{flex-direction:column;gap:12px}#dashbotbuttons a{width:100%}.dash-btn{width:100%;padding:14px 20px;font-size:15px;gap:10px;border-radius:12px;justify-content:center}.dash-btn i{font-size:18px}#dashbotothers{flex-direction:column;padding:0 16px 20px;gap:16px}.dashboard-card{width:100%;min-width:auto;max-width:none;padding:20px;border-radius:12px}.card-header h2{font-size:18px}.view-all-btn{padding:8px 14px;font-size:13px;border-radius:8px}.empty-icon{width:60px;height:60px;border-radius:12px}.empty-icon i{font-size:30px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}.expense-item{padding:14px;border-radius:10px;gap:12px}.expense-icon{width:48px;height:48px;border-radius:10px}.expense-icon i{font-size:22px}.expense-title{font-size:15px}.expense-meta{font-size:13px}.expense-amount{font-size:16px}.expense-tag{font-size:11px;padding:4px 8px;border-radius:6px}}@media(max-width:480px){#dashhead h1{font-size:36px}#dashhead h3{font-size:18px}#dashhead h5{font-size:13px}.stat-card{padding:14px 16px}.stat-icon{width:44px;height:44px;font-size:22px}.stat-label{font-size:13px}.stat-value{font-size:22px}.dash-btn{padding:12px 16px;font-size:14px}.dashboard-card{padding:16px}.card-header h2{font-size:16px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overscroll-behavior:contain;pointer-events:auto}.modal-container{background:#fff;border-radius:1vw;width:30vw;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px #00000026;font-family:A3,sans-serif;animation:modalSlideIn .3s ease;position:relative;display:flex;flex-direction:column;pointer-events:auto}.modal-container:before{content:"";position:absolute;inset:0;border-radius:1vw;pointer-events:none}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5vw 2vw;border-bottom:1px solid #f3f4f6;flex-shrink:0}.modal-header h2{font-size:1.4vw;font-weight:600;color:#111827;margin:0}.close-btn{background:none;border:none;padding:.5vw;cursor:pointer;color:#9ca3af;border-radius:.3vw;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-form{padding:1.5vw 2vw;overflow:visible}.form-group{margin-bottom:1.5vw;position:relative}.form-group label{display:block;font-size:.9vw;font-weight:500;color:#374151;margin-bottom:.5vw}.required{color:#ef4444}.select-wrapper{position:relative;z-index:1}.select-wrapper select{width:100%;padding:.9vw 1vw;font-size:.95vw;font-family:A3,sans-serif;border:1px solid #e5e7eb;border-radius:.5vw;background:#fff;color:#111827;appearance:none;cursor:pointer;transition:all .2s ease;position:relative;z-index:10}.select-wrapper select:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a;z-index:100}.select-arrow{position:absolute;right:1vw;top:50%;transform:translateY(-50%);pointer-events:none;color:#9ca3af}.form-group input[type=text]{width:100%;padding:.9vw 1vw;font-size:.95vw;font-family:A3,sans-serif;border:1px solid #e5e7eb;border-radius:.5vw;color:#111827;transition:all .2s ease;box-sizing:border-box}.form-group input[type=text]:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a}.form-group input::placeholder{color:#9ca3af}.amount-input{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:.5vw;overflow:hidden;transition:all .2s ease}.amount-input:focus-within{border-color:#4a7c59;box-shadow:0 0 0 3px #4a7c591a}.currency-symbol{padding:.9vw 1vw;background:#f9fafb;color:#6b7280;font-size:1vw;font-weight:500;border-right:1px solid #e5e7eb}.amount-input input{flex:1;padding:.9vw 1vw;font-size:1.2vw;font-family:A3,sans-serif;border:none;color:#111827;text-align:right}.amount-input input:focus{outline:none}.amount-input input::placeholder{color:#d1d5db}.split-type-options{display:flex;background:#f3f4f6;border-radius:.5vw;padding:.3vw}.split-option{flex:1;display:flex;align-items:center;justify-content:center;gap:.4vw;padding:.7vw 1vw;border:none;background:transparent;font-family:A3,sans-serif;font-size:.9vw;font-weight:500;color:#6b7280;cursor:pointer;border-radius:.4vw;transition:all .2s ease}.split-option:hover{color:#374151}.split-option.active{background:#fff;color:#4a7c59;box-shadow:0 2px 8px #00000014}.split-option svg{width:1vw;height:1vw}.dollar-icon,.percent-icon{font-size:.9vw;font-weight:600}.modal-actions{display:flex;gap:1vw;padding:1.5vw 2vw;border-top:1px solid #f3f4f6;flex-shrink:0;background:#fff}.cancel-btn{flex:1;padding:.9vw 1.5vw;background:#fff;border:1px solid #e5e7eb;border-radius:.5vw;font-family:A3,sans-serif;font-size:.95vw;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.submit-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5vw;padding:.9vw 1.5vw;background:#1fa463;border:none;border-radius:.5vw;font-family:A3,sans-serif;font-size:.95vw;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #1fa4634d}.submit-btn:hover{background:#178a52;transform:translateY(-2px);box-shadow:0 6px 20px #1fa46366}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.submit-btn svg{width:1vw;height:1vw}.modal-container::-webkit-scrollbar{width:6px}.modal-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.modal-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.modal-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.form-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.8vw 1vw;border-radius:.5vw;font-size:.85vw;margin-bottom:1vw}.splits-section{background:#f9fafb;border-radius:.5vw;padding:1vw}.splits-list{display:flex;flex-direction:column;gap:.8vw;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto}.split-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.8vw 1vw;border-radius:.4vw;border:1px solid #e5e7eb}.split-member-name{font-size:.9vw;font-weight:500;color:#374151}.split-input-wrapper{display:flex;align-items:center;gap:.3vw}.split-input-wrapper input{width:5vw;padding:.5vw;font-size:.9vw;font-family:A3,sans-serif;border:1px solid #e5e7eb;border-radius:.3vw;text-align:right}.split-input-wrapper input:focus{outline:none;border-color:#4a7c59}.split-currency,.split-percent{font-size:.85vw;color:#6b7280;font-weight:500}.split-calculated{font-size:.8vw;color:#9ca3af;margin-left:.5vw}.splits-total{margin-top:.8vw;padding-top:.8vw;border-top:1px solid #e5e7eb;font-size:.85vw;color:#6b7280;text-align:right}.equal-split-preview{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5vw;padding:1vw}.split-preview-text{margin:0;font-size:.9vw;color:#166534;font-weight:500}.add-expense-modal{max-height:90vh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;display:flex;flex-direction:column;pointer-events:auto;-webkit-overflow-scrolling:touch}.add-expense-modal-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto;-webkit-overflow-scrolling:touch}.add-expense-submit{background:#1fa463!important;box-shadow:0 4px 15px #1fa4634d!important}.add-expense-submit:hover{background:#178a52!important;box-shadow:0 6px 20px #1fa46366!important}.paid-by-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5vw}.multiple-payers-toggle{display:flex;align-items:center;gap:.5vw;font-size:.85vw;color:#6b7280;cursor:pointer}.multiple-payers-toggle input{width:1vw;height:1vw;accent-color:#1fa463;cursor:pointer}.multiple-payers-list{display:flex;flex-direction:column;gap:.5vw;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5vw;padding:.8vw;max-height:12vw;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto}.payer-item{display:flex;justify-content:space-between;align-items:center;padding:.8vw 1vw;background:#fff;border:1px solid #e5e7eb;border-radius:.4vw;transition:all .2s ease}.payer-item.selected{border-color:#1fa463;background:#f0fdf4}.payer-name{font-size:.95vw;font-weight:500;color:#374151}.payer-amount-input{display:flex;align-items:center;gap:.3vw;background:#f9fafb;border:1px solid #d1d5db;border-radius:.4vw;padding:.4vw .6vw}.payer-item.selected .payer-amount-input{background:#fff;border-color:#1fa463}.payer-amount-input .currency-symbol{color:#6b7280;font-size:.85vw}.payer-amount-input input{width:5vw;border:none;outline:none;font-size:.85vw;text-align:right;padding:0}.payer-amount-input input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.payer-total{display:flex;justify-content:space-between;align-items:center;padding:.5vw .8vw;border-top:1px solid #e5e7eb;margin-top:.3vw;font-size:.85vw;font-weight:500}.payer-total .valid{color:#1fa463}.payer-total .invalid{color:#ef4444}@media(max-width:768px){.modal-container{width:90vw;max-width:500px;border-radius:16px;max-height:90vh;overflow-y:auto;overflow-x:hidden}.modal-header{padding:16px 20px}.modal-header h2{font-size:20px}.close-btn{padding:8px;font-size:24px}.modal-form{padding:16px 20px 20px;overflow-y:visible;overflow-x:hidden}.form-group{margin-bottom:16px}.form-group label{font-size:14px;margin-bottom:8px}.select-wrapper select,.form-group input[type=text]{padding:12px 14px;font-size:15px;border-radius:8px}.select-arrow{right:14px;font-size:18px}.currency-symbol{padding:12px 14px;font-size:15px}.amount-input input{padding:12px 14px;font-size:18px}.split-type-options{padding:4px;border-radius:8px}.split-option{padding:10px 14px;font-size:14px;gap:6px;border-radius:8px}.split-option svg{width:16px;height:16px}.dollar-icon,.percent-icon{font-size:14px}.modal-actions{gap:12px;margin-top:20px;padding-top:16px}.cancel-btn,.submit-btn{padding:12px 20px;font-size:15px;border-radius:8px}.submit-btn svg{width:16px;height:16px}.form-error{padding:12px 14px;font-size:14px;border-radius:8px}.splits-section{padding:12px;border-radius:8px}.splits-list{gap:10px}.split-item{padding:12px;border-radius:8px}.split-member-name{font-size:14px}.split-input-wrapper input{width:70px;padding:8px;font-size:14px;border-radius:6px}.split-currency,.split-percent{font-size:14px}.split-calculated{font-size:13px}.splits-total{margin-top:10px;padding-top:10px;font-size:14px}.equal-split-preview{padding:12px;border-radius:8px}.split-preview-text{font-size:14px}.paid-by-header{margin-bottom:8px}.multiple-payers-toggle{font-size:14px;gap:8px}.multiple-payers-toggle input{width:18px;height:18px}.multiple-payers-list{padding:10px;border-radius:8px;max-height:250px}.payer-item{padding:12px;border-radius:8px}.payer-name{font-size:15px}.payer-amount-input{padding:8px 10px;border-radius:8px}.payer-amount-input .currency-symbol{font-size:14px;padding:0}.payer-amount-input input{width:70px;font-size:14px}.payer-total{padding:8px 10px;font-size:14px}}@media(max-width:480px){.modal-container{width:95vw;border-radius:12px}.modal-header{padding:14px 16px}.modal-header h2{font-size:18px}.modal-form{padding:14px 16px 16px}.form-group{margin-bottom:14px}.form-group label{font-size:13px}.select-wrapper select,.form-group input[type=text]{padding:10px 12px;font-size:14px}.amount-input input{font-size:16px}.split-option{padding:8px 10px;font-size:13px}.cancel-btn,.submit-btn{padding:10px 16px;font-size:14px}.payer-item{flex-direction:column;align-items:flex-start;gap:10px}.payer-amount-input input{width:100px}}@media(max-width:768px){.modal-container{width:95vw;max-height:90vh;border-radius:16px}.modal-header{padding:16px 20px}.modal-header h2{font-size:20px}.close-btn{padding:8px}.modal-form{padding:16px 20px 20px}.form-group{margin-bottom:16px}.form-group label{font-size:14px;margin-bottom:6px}.select-wrapper select,.form-group input[type=text]{padding:12px 14px;font-size:15px;border-radius:8px}.select-arrow{right:14px}.amount-input{border-radius:8px}.currency-symbol{padding:12px 14px;font-size:15px}.amount-input input{padding:12px 14px;font-size:18px}.split-type-options{border-radius:8px;padding:6px}.split-option{padding:10px 14px;font-size:14px;border-radius:6px}.split-option svg{width:18px;height:18px}.dollar-icon,.percent-icon{font-size:14px}.modal-actions{gap:12px;margin-top:20px;padding-top:16px;flex-direction:column}.cancel-btn,.submit-btn{width:100%;padding:12px 20px;font-size:16px;border-radius:8px}.form-error{padding:12px 14px;font-size:14px;border-radius:8px}.splits-section{border-radius:8px;padding:12px}.splits-list{gap:10px}.split-item{padding:12px 14px;border-radius:6px}.split-member-name{font-size:14px}.split-input-wrapper input{width:70px;padding:8px;font-size:14px;border-radius:6px}.split-currency,.split-percent{font-size:13px}.split-calculated{font-size:12px}.splits-total{margin-top:10px;padding-top:10px;font-size:13px}.equal-split-preview{border-radius:8px;padding:12px}.split-preview-text{font-size:14px}.add-expense-modal{max-height:85vh}.add-expense-modal-content{max-height:65vh}.multiple-payers-toggle{font-size:13px}.multiple-payers-toggle input{width:16px;height:16px}.multiple-payers-list{border-radius:8px;padding:10px;max-height:200px}.payer-item{padding:12px 14px;border-radius:6px}.payer-name{font-size:15px}.payer-amount-input{border-radius:6px;padding:6px 10px}.payer-amount-input .currency-symbol{font-size:13px;padding:0}.payer-amount-input input{width:70px;font-size:14px}.payer-total{padding:8px 12px;margin-top:6px;font-size:13px}}#navbar{height:5vw;width:100%;position:fixed;top:0;left:0;background-color:#f5f5fe66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;align-items:center;padding:0 2vw;z-index:1000;border:1px solid #e5e7eb}#navbarleft{height:100%;display:flex;align-items:center}#navbarleft #navlogo{height:4.5vw;width:auto}#navbarright{height:100%;display:flex;align-items:center;gap:20px}#navbarright a{text-decoration:none}#navdash{display:flex;align-items:center;gap:.8vw;font-family:Inter,sans-serif;font-size:.9vw;font-weight:600;color:#374151;background-color:#fff;padding:.6vw 1.2vw;border-radius:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;border:1px solid #e5e7eb;text-decoration:none}#navdash:hover{background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}#navdash:active{transform:translateY(0);box-shadow:0 1px 3px #0000000a;background-color:#f3f4f6}#navdash i{font-size:1.2vw;color:#374151}#navprofile{display:flex;align-items:center;gap:.8vw;font-family:Inter,sans-serif;font-size:.9vw;font-weight:600;color:#374151;background-color:#fff;padding:.6vw 1.2vw;border-radius:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;border:1px solid #e5e7eb;text-decoration:none}#navprofile:hover{background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}#navprofile:active{transform:translateY(0);box-shadow:0 1px 3px #0000000a;background-color:#f3f4f6}#navprofile i{font-size:1.2vw;color:#374151}@media(max-width:768px){#navbar{height:60px;padding:0 16px}#navbarleft #navlogo{height:45px}#navbarright{gap:10px}#navdash,#navprofile{font-size:13px;padding:8px 12px;gap:6px;border-radius:8px}#navdash i,#navprofile i{font-size:16px}#navbarright .cl-userButtonBox,#navbarright .cl-avatarBox{width:38px!important;height:38px!important}}@media(max-width:480px){#navbar{height:55px;padding:0 12px}#navbarleft #navlogo{height:40px}#navbarright{gap:8px}#navdash,#navprofile{font-size:12px;padding:6px 10px;gap:5px}#navdash i,#navprofile i{font-size:14px}#navbarright .cl-userButtonBox,#navbarright .cl-avatarBox{width:38px!important;height:38px!important}#navbarright .cl-userButtonPopoverCard{min-width:280px!important;min-height:auto!important}#navbarright .cl-userButtonPopoverActionButton{font-size:14px!important}#navbarright .cl-userPreviewMainIdentifier{font-size:16px!important}#navbarright .cl-userPreviewSecondaryIdentifier{font-size:13px!important}}.login-page{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#0a0a0a,#121212,#1a1a2e);position:relative;overflow:hidden;padding:40px 20px}.login-background{position:absolute;inset:0;overflow:hidden;z-index:0}.gradient-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s ease-in-out infinite}.blob-1{width:600px;height:600px;background:linear-gradient(135deg,#1db954,#1ed760);top:-200px;left:-100px;animation-delay:0s}.blob-2{width:500px;height:500px;background:linear-gradient(135deg,#2dd4bf,#14b8a6);bottom:-150px;right:-100px;animation-delay:-5s}.blob-3{width:400px;height:400px;background:linear-gradient(135deg,#1db954,#2dd4bf);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.login-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:420px}.login-branding{text-align:center}.login-logo{height:70px;width:auto;filter:drop-shadow(0 10px 30px rgba(29,185,84,.4));animation:logoGlow 3s ease-in-out infinite alternate}@keyframes logoGlow{0%{filter:drop-shadow(0 10px 30px rgba(29,185,84,.4))}to{filter:drop-shadow(0 10px 40px rgba(29,185,84,.6))}}.login-form-wrapper{width:100%;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-footer{font-family:Inter,sans-serif;color:#fff9;font-size:.9rem;text-align:center;animation:fadeIn 1s ease-out .3s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cl-internal-16vtwdp,.cl-internal-b3fm6y,[class*=cl-internal]>[style*="background: repeating-linear-gradient"]{background:#141414!important;border:none!important}.cl-internal-1dauvpw,[data-localization-key*=development],a[href*="clerk.com"][style*=color]{color:#1db954!important}.cl-footer,.cl-card>div:last-child{background-image:none!important}@media(max-width:768px){.login-page{padding:20px 16px}.login-logo{height:60px}.login-content{gap:24px;max-width:100%;padding:0 16px}.blob-1,.blob-2{width:400px;height:400px}.blob-3{width:300px;height:300px}.login-footer{font-size:.85rem}}@media(max-width:480px){.login-page{padding:16px 12px}.login-logo{height:50px}.login-content{gap:20px;padding:0 12px}.blob-1,.blob-2{width:300px;height:300px}.blob-3{width:200px;height:200px}.login-footer{font-size:.8rem}}#group{margin-top:5vw;min-height:130vh}#grouphead{font-family:A3,sans-serif;font-size:2.5vw;color:#111827;margin-left:2vw;margin-bottom:2vw}#grouphead h6{font-family:A3,sans-serif;font-size:1.2vw;font-weight:400;color:#6b7280;margin-top:-.5vw}#grouphead h1{font-weight:600;font-family:A3,sans-serif}#groupmainbut{margin-left:2vw;margin-bottom:2vw}.create-group-btn{font-family:A3,sans-serif;font-size:1vw;font-weight:500;color:#fff;background-color:#2db47d;border:none;padding:.9vw 1.8vw;border-radius:.6vw;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2db47d4d}.create-group-btn:hover{background-color:#25a06e;box-shadow:0 6px 20px #2db47d66;transform:translateY(-2px)}#groupmainlist{display:flex;flex-wrap:wrap;gap:2vw;margin-left:2vw;margin-right:2vw}.group-card{background:#fff;border-radius:1.2vw;padding:1.8vw;width:20vw;box-shadow:0 8px 30px #0000000f;font-family:A3,sans-serif;transition:all .3s ease;border:1px solid rgba(0,0,0,.04);cursor:pointer}.group-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.group-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2vw}.group-icon{background-color:#dcfce7;color:#2db47d;padding:1vw;border-radius:.7vw;display:flex;align-items:center;justify-content:center}.group-icon svg{width:1.6vw;height:1.6vw}.group-arrow{font-size:1.8vw;color:#c4c4c4;cursor:pointer;transition:color .2s ease}.group-arrow:hover{color:#2db47d}.group-name{font-size:1.5vw;font-weight:700;color:#111827;margin:0 0 1.2vw}.group-stats{display:flex;gap:2vw;margin-bottom:1.5vw;padding-bottom:1.2vw;border-bottom:1px solid #f3f4f6}.stat{display:flex;flex-direction:column}.stat-label{font-size:.75vw;color:#9ca3af;margin-bottom:.3vw;text-transform:uppercase;letter-spacing:.02vw}.stat-value{font-size:1.2vw;font-weight:700;color:#111827}.group-members{display:flex;align-items:center;margin-top:.5vw}.member-avatar{width:2.2vw;height:2.2vw;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75vw;font-weight:600;border:3px solid white;box-shadow:0 2px 8px #7c3aed4d}.member-avatar-img{width:2.2vw;height:2.2vw;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 2px 8px #00000026}#groupdetail{margin-left:2vw;margin-right:2vw;font-family:A3,sans-serif}.back-btn{display:flex;align-items:center;gap:.5vw;background:#fff;border:1px solid #e5e7eb;padding:.6vw 1.2vw;border-radius:.5vw;font-family:A3,sans-serif;font-size:.9vw;color:#374151;cursor:pointer;transition:all .2s ease;margin-bottom:1.5vw}.back-btn:hover{background:#f9fafb;border-color:#d1d5db}.back-btn span{font-size:1.2vw}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2vw}.detail-title{font-size:2.5vw;font-weight:700;color:#111827;margin:0 0 .8vw}.detail-members-info{display:flex;align-items:center;gap:.8vw}.detail-avatars{display:flex}.members-count{font-size:1vw;color:#6b7280}.detail-actions{display:flex;gap:1vw}.add-member-btn{display:flex;align-items:center;gap:.5vw;background:#fff;border:1px solid #e5e7eb;padding:.8vw 1.5vw;border-radius:.5vw;font-family:A3,sans-serif;font-size:.95vw;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.add-member-btn:hover{background:#f9fafb;border-color:#d1d5db}.add-expense-btn{display:flex;align-items:center;gap:.5vw;background:#2db47d;border:none;padding:.8vw 1.5vw;border-radius:.5vw;font-family:A3,sans-serif;font-size:.95vw;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #2db47d4d}.add-expense-btn:hover{background:#25a06e;transform:translateY(-2px)}.detail-tabs{display:flex;background:#f3f4f6;border-radius:.6vw;padding:.3vw;margin-bottom:1.5vw}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5vw;padding:.8vw 1.5vw;border:none;background:transparent;font-family:A3,sans-serif;font-size:.95vw;font-weight:500;color:#6b7280;cursor:pointer;border-radius:.5vw;transition:all .2s ease}.tab:hover{color:#374151}.tab.active{background:#fff;color:#2db47d;box-shadow:0 2px 8px #00000014}.tab svg{width:1vw;height:1vw}.expenses-list{display:flex;flex-direction:column;gap:1vw}.expense-item{display:flex;align-items:center;background:#fff;padding:1.5vw;border-radius:.8vw;box-shadow:0 2px 10px #0000000a;border:1px solid #f3f4f6;transition:all .2s ease}.expense-item:hover{box-shadow:0 4px 15px #00000014}.expense-icon{background-color:#dcfce7;color:#2db47d;padding:.8vw;border-radius:.5vw;display:flex;align-items:center;justify-content:center;margin-right:1.2vw}.expense-icon svg{width:1.2vw;height:1.2vw}.expense-details{flex:1}.expense-title{font-size:1.1vw;font-weight:600;color:#111827;margin:0 0 .3vw}.expense-meta{display:flex;align-items:center;gap:1vw;font-size:.85vw;color:#6b7280}.split-badge{background:#dcfce7;color:#2db47d;padding:.2vw .6vw;border-radius:.3vw;font-size:.75vw;font-weight:500}.split-badge.multi-payer{background:#dbeafe;color:#3b82f6}.expense-amount{font-size:1.3vw;font-weight:700;color:#111827}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4vw 2vw;color:#9ca3af;font-size:1vw}.empty-state.settled{color:#2db47d}.empty-state svg{margin-bottom:1vw;color:#2db47d}.balances-list{display:flex;flex-direction:column;gap:1vw}.balance-item{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1.5vw;border-radius:.8vw;box-shadow:0 2px 10px #0000000a;border:1px solid #f3f4f6;gap:1vw}.balance-user{display:flex;align-items:center;gap:1vw;flex:1}.balance-arrow{display:flex;align-items:center;gap:.5vw;color:#6b7280;font-size:.9vw}.balance-arrow svg{color:#9ca3af}.balance-name{font-size:1.1vw;font-weight:600;color:#111827}.balance-amount{font-size:1.2vw;font-weight:700}.balance-amount.positive{color:#2db47d}.balance-amount.negative{color:#ef4444}.settle-list{display:flex;flex-direction:column;gap:1vw}.settle-item{display:flex;align-items:center;background:#fff;padding:1.5vw;border-radius:.8vw;box-shadow:0 2px 10px #0000000a;border:1px solid #f3f4f6;gap:1vw}.settle-from,.settle-to{display:flex;align-items:center;gap:.8vw}.settle-from span,.settle-to span{font-size:1vw;font-weight:600;color:#111827}.settle-arrow{display:flex;align-items:center;gap:.5vw;color:#9ca3af;flex:1;justify-content:center}.settle-arrow span{font-size:.85vw;font-weight:500}.settle-amount{font-size:1.2vw;font-weight:700;color:#111827;margin-left:auto}.settle-actions{display:flex;gap:.5vw;align-items:center}.settle-btn-simple{padding:.6vw 1.2vw;background:#2db47d;color:#fff;border:none;border-radius:.4vw;font-family:A3,sans-serif;font-size:.85vw;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pay-btn{display:flex;align-items:center;gap:.4vw;padding:.6vw 1.2vw;border:none;border-radius:.4vw;font-family:A3,sans-serif;font-size:.85vw;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.payment-icon{width:1.2vw;height:1.2vw;object-fit:contain}.pay-btn svg{width:1vw;height:1vw}.settle-btn{background:#2db47d;color:#fff;border:none;padding:.6vw 1.2vw;border-radius:.4vw;font-family:A3,sans-serif;font-size:.85vw;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4vw}.settle-btn svg{width:1vw;height:1vw}.settle-btn:hover{background:#25a06e;transform:translateY(-1px)}@media(max-width:768px){#group{margin-top:60px;min-height:100vh;padding:0 16px}#grouphead{font-size:24px;margin:20px 0}#grouphead h6{font-size:14px;margin-top:4px}#grouphead h1{font-size:28px}#groupmainbut{margin:0 0 20px}.create-group-btn{width:100%;font-size:15px;padding:12px 20px;border-radius:10px}#groupmainlist{flex-direction:column;gap:16px;margin:0}.group-card{width:100%;padding:20px;border-radius:12px}.group-icon{padding:12px;border-radius:10px}.group-icon svg{width:24px;height:24px}.group-arrow{font-size:24px}.group-name{font-size:20px;margin-bottom:12px}.group-stats{gap:24px;margin-bottom:16px;padding-bottom:12px}.stat-label{font-size:11px;margin-bottom:4px}.stat-value{font-size:16px}.member-avatar,.member-avatar-img{width:32px;height:32px;font-size:13px}#groupdetail{margin:0 16px}.back-btn{padding:10px 16px;font-size:14px;border-radius:8px;gap:8px;margin-bottom:16px}.back-btn span{font-size:18px}.detail-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.detail-title{font-size:28px;margin-bottom:12px}.detail-members-info{gap:12px}.members-count{font-size:14px}.detail-actions{width:100%;flex-direction:column;gap:10px;display:flex!important;visibility:visible!important}.add-member-btn,.add-expense-btn{width:100%;padding:12px 18px;font-size:15px;border-radius:10px;justify-content:center;display:flex!important;visibility:visible!important}.detail-tabs{border-radius:10px;padding:4px;margin-bottom:16px}.tab{padding:10px 16px;font-size:14px;border-radius:8px}.tab svg{width:16px;height:16px}.expenses-list,.balances-list,.settle-list{gap:12px}.expense-item,.balance-item,.settle-item{padding:16px;border-radius:10px}.expense-icon{padding:12px;border-radius:8px;margin-right:12px}.expense-icon svg{width:20px;height:20px}.expense-title,.balance-name{font-size:16px}.expense-meta,.balance-meta{font-size:13px}.split-badge{padding:4px 8px;font-size:11px;border-radius:6px}.expense-amount,.balance-amount,.settle-amount{font-size:18px}.settle-actions{display:flex;gap:8px;flex-wrap:wrap;width:100%}.settle-btn-simple{padding:10px 16px;font-size:13px;border-radius:8px;flex:1;min-width:80px}.pay-btn{padding:10px 14px;font-size:13px;border-radius:8px;flex:1;min-width:90px;gap:6px}.payment-icon{width:18px;height:18px}.pay-btn svg{width:16px;height:16px}.gpay-icon{width:18px;height:18px;font-size:11px}.phonepe-icon{width:18px;height:18px;font-size:12px}.settle-btn{padding:10px 16px;font-size:14px;border-radius:8px;gap:6px}.settle-btn svg{width:16px;height:16px}.empty-state{padding:40px 20px}.empty-state svg{width:60px;height:60px;margin-bottom:16px}}@media(max-width:480px){#grouphead h1{font-size:24px}#grouphead h6{font-size:13px}.create-group-btn{font-size:14px;padding:10px 16px}.group-card{padding:16px}.group-name{font-size:18px}.stat-label{font-size:10px}.stat-value{font-size:14px}.detail-title{font-size:24px}.tab{padding:8px 12px;font-size:13px}.expense-title,.balance-name{font-size:15px}.expense-amount,.balance-amount{font-size:16px}}@media(max-width:768px){#group{margin-top:70px;min-height:100vh;padding:0 16px}#grouphead{font-size:18px;margin-left:0;margin-bottom:20px}#grouphead h1{font-size:32px}#grouphead h6{font-size:14px;margin-top:4px}#groupmainbut{margin-left:0;margin-bottom:20px}.create-group-btn{width:100%;font-size:16px;padding:12px 24px;border-radius:8px}#groupmainlist{flex-direction:column;gap:16px;margin-left:0;margin-right:0}.group-card{width:100%;padding:20px;border-radius:12px}.group-card-header{margin-bottom:16px}.group-icon{padding:12px;border-radius:8px}.group-icon svg{width:24px;height:24px}.group-arrow svg{width:20px;height:20px}.group-name{font-size:20px;margin-bottom:6px}.group-members-count{font-size:14px}.group-stats{gap:16px;margin-top:16px;padding-top:16px}.stat h4{font-size:18px}.stat p{font-size:13px}.group-detail-page{padding:80px 16px 20px}.group-detail-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.header-left{gap:12px}.group-detail-icon{width:60px;height:60px}.group-detail-icon svg{width:30px;height:30px}.group-detail-info h1{font-size:28px}.group-detail-info p{font-size:14px}.header-actions{width:100%;flex-direction:column;gap:12px}.add-member-btn,.add-expense-btn{width:100%;font-size:15px;padding:12px 20px;justify-content:center;display:flex!important;visibility:visible!important}.group-content{flex-direction:column;gap:20px}.expenses-section,.members-section{width:100%;padding:20px;border-radius:12px}.section-header h2{font-size:20px}.expense-item{padding:14px}.expense-icon{width:44px;height:44px}.expense-icon svg{width:20px;height:20px}.expense-details h4{font-size:15px}.expense-meta{font-size:12px}.expense-amount{font-size:18px}.expense-tag{font-size:11px;padding:4px 8px}.member-item{padding:14px}.member-avatar{width:44px;height:44px;font-size:16px}.member-info h4{font-size:15px}.member-info p{font-size:12px}.member-balance{font-size:15px}.balance-item{padding:14px;flex-direction:column;align-items:flex-start;gap:12px}.balance-users{gap:8px}.balance-user{width:40px;height:40px;font-size:14px}.balance-arrow{transform:rotate(90deg)}.balance-info{width:100%}.balance-text{font-size:14px}.balance-amount{font-size:16px}.settle-btn{width:100%;padding:10px 16px;font-size:14px}}.add-member-modal{width:28vw;min-width:400px;overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto}.modal-overlay{overscroll-behavior:contain;touch-action:none;pointer-events:auto}.input-mode-toggle{display:flex;gap:.6vw;margin-bottom:1.2vw;padding:.3vw;background:#f3f4f6;border-radius:.6vw}.toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4vw;padding:.7vw 1vw;font-size:.9vw;font-family:A3,sans-serif;font-weight:500;background:transparent;color:#6b7280;border:none;border-radius:.4vw;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:#2db47d1a;color:#2db47d}.toggle-btn.active{background:#fff;color:#2db47d;box-shadow:0 2px 8px #00000014;font-weight:600}.toggle-btn svg{width:.95vw;height:.95vw}.form-group{margin-bottom:1vw}.form-group label{display:block;font-size:.9vw;font-weight:600;color:#1f2937;margin-bottom:.6vw;font-family:A3,sans-serif}.email-input-wrapper{position:relative;display:flex;align-items:center}.email-input-wrapper input{width:100%;padding:.9vw 1.2vw .9vw 3.5vw;font-size:.9vw;font-family:A3,sans-serif;font-weight:400;border:2px solid #e5e7eb;border-radius:.6vw;color:#111827;background:#fff;transition:all .2s ease;box-sizing:border-box}.email-input-wrapper input:focus{outline:none;border-color:#2db47d;box-shadow:0 0 0 3px #2db47d1a}.email-input-wrapper input::placeholder{color:#b0b5bd;font-weight:400}.helper-text{display:block;font-size:.8vw;color:#9ca3af;margin-top:.5vw}.current-members-section{margin-top:1.5vw}.current-members-section h3{font-size:.95vw;font-weight:600;color:#374151;margin:0 0 1vw}.members-list{display:flex;flex-direction:column;gap:.6vw;max-height:20vw;overflow-y:auto;padding-right:.3vw;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.members-list::-webkit-scrollbar{width:.4vw}.members-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:.3vw}.members-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:.3vw}.members-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.member-item{display:flex;align-items:center;padding:.8vw 1vw;background:#fafafa;border-radius:.6vw;border:1px solid #f0f0f0;transition:all .2s ease}.member-item:hover{background:#f5f5f5;border-color:#e5e5e5}.member-profile-img{width:2.8vw;height:2.8vw;border-radius:50%;object-fit:cover;margin-right:1vw;border:2px solid #fff;box-shadow:0 2px 8px #0000001a}.member-avatar-large{width:2.8vw;height:2.8vw;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9vw;font-weight:600;margin-right:1vw;border:2px solid #fff;box-shadow:0 2px 8px #7c3aed40}.member-info{flex:1;display:flex;flex-direction:column;min-width:0;gap:.2vw}.member-name{font-size:.95vw;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email{font-size:.8vw;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-phone{font-size:.75vw;color:#2db47d;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.3vw}.member-phone:before{content:"📱";font-size:.7vw}.member-badge{background:#dcfce7;color:#16a34a;padding:.3vw .8vw;border-radius:1vw;font-size:.75vw;font-weight:600;white-space:nowrap}.add-member-submit{background:#2db47d!important;box-shadow:0 4px 15px #2db47d4d!important}.add-member-submit:hover{background:#25a06e!important;box-shadow:0 6px 20px #2db47d66!important}@media(max-width:768px){.add-member-modal{width:90vw;max-width:500px;min-width:auto}.input-mode-toggle{gap:8px;margin-bottom:16px;padding:4px;border-radius:8px}.toggle-btn{gap:6px;padding:10px 14px;font-size:14px;border-radius:6px}.toggle-btn svg{width:16px;height:16px}.form-group{margin-bottom:14px}.form-group label{font-size:15px;font-weight:600;margin-bottom:8px}.email-icon{left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px}.email-input-wrapper input{padding:13px 14px 13px 48px;font-size:15px;font-weight:400;border-radius:10px;border:2px solid #e5e7eb}.email-input-wrapper input::placeholder{color:#b0b5bd;font-weight:400}.helper-text{font-size:13px;margin-top:6px}.current-members-section{margin-top:16px}.current-members-section h3{font-size:16px;margin-bottom:12px}.members-list{gap:10px;max-height:40vh}.members-list::-webkit-scrollbar{width:6px}.member-item{padding:12px 14px;border-radius:10px}.member-profile-img,.member-avatar-large{width:44px;height:44px;margin-right:12px}.member-avatar-large{font-size:16px}.member-info{gap:3px}.member-name{font-size:15px}.member-email{font-size:13px}.member-phone{font-size:12px;gap:4px}.member-phone:before{font-size:11px}.member-badge{padding:6px 12px;border-radius:12px;font-size:12px}}@media(max-width:480px){.add-member-modal{width:95vw}.input-mode-toggle{gap:6px;margin-bottom:14px;padding:3px}.toggle-btn{gap:5px;padding:9px 12px;font-size:13px}.toggle-btn svg{width:14px;height:14px}.form-group{margin-bottom:12px}.form-group label{font-size:14px;font-weight:600;margin-bottom:7px}.email-icon{left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px}.email-input-wrapper input{padding:11px 12px 11px 44px;font-size:14px;font-weight:400;border-radius:8px;border:2px solid #e5e7eb}.email-input-wrapper input::placeholder{color:#b0b5bd;font-weight:400}.helper-text{font-size:12px}.current-members-section h3{font-size:15px}.members-list{max-height:35vh}.member-item{padding:10px 12px}.member-profile-img,.member-avatar-large{width:40px;height:40px;margin-right:10px}.member-avatar-large{font-size:15px}.member-name{font-size:14px}.member-email{font-size:12px}.member-phone{font-size:11px}.member-phone:before{font-size:10px}.member-badge{padding:5px 10px;font-size:11px}}.create-group-modal{width:30vw;pointer-events:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.create-group-modal textarea{width:100%;padding:.9vw 1vw;font-size:.95vw;font-family:A3,sans-serif;border:1px solid #e5e7eb;border-radius:.5vw;color:#111827;resize:vertical;min-height:4vw;transition:all .2s ease;box-sizing:border-box}.create-group-modal textarea:focus{outline:none;border-color:#2db47d;box-shadow:0 0 0 3px #2db47d1a}.create-group-modal textarea::placeholder{color:#9ca3af}.group-preview{display:flex;align-items:center;padding:1.2vw;background:#f9fafb;border-radius:.8vw;border:1px dashed #e5e7eb;margin-top:1vw}.preview-icon{width:3vw;height:3vw;background:#dcfce7;color:#2db47d;border-radius:.6vw;display:flex;align-items:center;justify-content:center;margin-right:1vw}.preview-icon svg{width:1.5vw;height:1.5vw}.preview-info{display:flex;flex-direction:column}.preview-name{font-size:1.1vw;font-weight:600;color:#111827}.preview-desc{font-size:.85vw;color:#6b7280;margin-top:.2vw}.create-group-submit{background:#2db47d!important;box-shadow:0 4px 15px #2db47d4d!important}.create-group-submit:hover{background:#25a06e!important;box-shadow:0 6px 20px #2db47d66!important}@media(max-width:768px){.create-group-modal{width:90vw;max-width:500px}.create-group-modal textarea{padding:12px 14px;font-size:15px;border-radius:8px;min-height:80px}.group-preview{padding:14px;border-radius:10px;margin-top:12px}.preview-icon{width:50px;height:50px;border-radius:10px;margin-right:14px}.preview-icon svg{width:26px;height:26px}.preview-name{font-size:16px}.preview-desc{font-size:14px;margin-top:4px}}@media(max-width:480px){.create-group-modal{width:95vw}.create-group-modal textarea{padding:10px 12px;font-size:14px;min-height:70px}.group-preview{padding:12px}.preview-icon{width:45px;height:45px;margin-right:12px}.preview-icon svg{width:24px;height:24px}.preview-name{font-size:15px}.preview-desc{font-size:13px}}@media(max-width:768px){.create-group-modal{width:95vw}.create-group-modal textarea{padding:12px 14px;font-size:15px;border-radius:8px;min-height:80px}.group-preview{padding:14px;border-radius:10px;margin-top:12px}.preview-icon{width:48px;height:48px;border-radius:8px;margin-right:12px}.preview-icon svg{width:24px;height:24px}.preview-name{font-size:16px}.preview-desc{font-size:13px;margin-top:4px}}#all-expenses{padding:7vw 4vw 3vw;font-family:A3,sans-serif;min-height:130vh;background:#f8fafc}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2vw}.header-content h1{font-size:10vw;font-family:A3,sans-serif;font-weight:700;color:#111827;margin:0 0 .3vw}.header-content p{font-size:2vw;color:#6b7280;margin:0}.add-expense-btn{background:#2db47d;color:#fff;border:none;padding:.7vw 1.3vw;border-radius:.5vw;font-family:A3,sans-serif;font-size:.9vw;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #2db47d4d}.add-expense-btn:hover{background:#25a06e;transform:translateY(-2px);box-shadow:0 6px 20px #2db47d66}.expenses-container{display:flex;flex-direction:column;gap:1vw}.expense-card{display:flex;align-items:center;background:#fff;padding:1.2vw 1.8vw;border-radius:1vw;box-shadow:0 1px 3px #0000000a;border:1px solid #e5e7eb;transition:all .2s ease}.expense-card:hover{box-shadow:0 4px 15px #00000014;transform:translateY(-2px)}.expense-icon{width:2.8vw;height:2.8vw;background:#ede9fe;color:#7c3aed;border-radius:.5vw;display:flex;align-items:center;justify-content:center;margin-right:1.2vw;flex-shrink:0}.expense-icon svg{width:1.3vw;height:1.3vw}.expense-info{flex:1;min-width:0}.expense-title{font-size:1vw;font-weight:600;color:#111827;margin:0 0 .2vw}.expense-meta{font-size:.8vw;color:#6b7280;margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:.3vw}.payer-name{color:#374151;font-weight:500}.separator{color:#9ca3af}.group-name{color:#2db47d;font-weight:600;font-size:1vw}.expense-date{margin-left:.3vw;color:#9ca3af}.expense-amount-section{display:flex;flex-direction:column;align-items:flex-end;gap:.3vw;margin-left:2vw}.expense-amount{font-size:1.2vw;font-weight:700;color:#111827}.expense-tag{padding:.2vw .5vw;border-radius:.25vw;font-size:.65vw;font-weight:500;text-transform:lowercase}.expense-tag.equal{background:#dcfce7;color:#16a34a}.expense-tag.exact{background:#ede9fe;color:#7c3aed}.expense-tag.percentage{background:#fef3c7;color:#d97706}@media(max-width:768px){#all-expenses{padding:80px 16px 20px;min-height:100vh}.page-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.header-content h1{font-size:32px;margin-bottom:4px}.header-content p{font-size:14px}.add-expense-btn{width:100%;padding:12px 20px;font-size:15px;border-radius:10px;justify-content:center}.expenses-container{gap:12px}.expense-card{padding:16px;border-radius:12px}.expense-icon{width:48px;height:48px;margin-right:12px}.expense-icon svg{width:24px;height:24px}.expense-title{font-size:16px}.expense-meta{font-size:13px;flex-wrap:wrap}.group-name{font-size:14px}.expense-amount{font-size:20px}.expense-tag{font-size:11px;padding:4px 8px;border-radius:6px}.expense-amount-section{margin-left:12px}}@media(max-width:480px){#all-expenses{padding:70px 12px 16px}.header-content h1{font-size:28px}.header-content p{font-size:13px}.add-expense-btn{padding:10px 16px;font-size:14px}.expense-card{padding:14px}.expense-icon{width:44px;height:44px;margin-right:10px}.expense-icon svg{width:22px;height:22px}.expense-title{font-size:15px}.expense-meta{font-size:12px}.expense-amount{font-size:18px}.expense-tag{font-size:10px;padding:3px 6px}}#all-balances{padding:7vw 4vw 3vw;font-family:A3,sans-serif;min-height:130vh;background:#f8fafc}.page-header{margin-bottom:2vw}.header-content h1{font-size:2vw;font-weight:700;color:#111827;margin:0}.header-content p{font-size:.9vw;color:#6b7280;margin:.3vw 0 0}.balances-container{display:flex;flex-direction:column;gap:1vw}.balance-card{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:1vw;padding:1.2vw 1.8vw;transition:all .2s ease;flex-wrap:wrap;gap:1vw}.balance-card:hover{box-shadow:0 4px 15px #00000014;transform:translateY(-2px)}.balance-avatars{display:flex;align-items:center;gap:.4vw;margin-right:1.2vw}.balance-avatars .avatar,.balance-avatars .avatar-img{width:2.5vw;height:2.5vw;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85vw;font-weight:600;flex-shrink:0}.balance-avatars .avatar-img{object-fit:cover}.balance-avatars .from-avatar{background:#dcfce7;color:#16a34a;border:2px solid #bbf7d0}.balance-avatars .to-avatar{background:#e0e7ff;color:#6366f1;border:2px solid #c7d2fe}.balance-avatars .arrow{font-size:1vw;color:#9ca3af;margin:0 .2vw}.balance-info{flex:1;min-width:0}.balance-title{font-size:1vw;font-weight:600;color:#111827;margin:0 0 .2vw}.balance-meta{font-size:.8vw;color:#6b7280;margin:0;display:flex;align-items:baseline;gap:.3vw}.balance-meta .creditor-name{font-weight:700;color:#111827}.balance-meta .separator{color:#9ca3af}.balance-meta .group-name{color:#2db47d;font-weight:600;font-size:1vw}.balance-right{display:flex;align-items:center;gap:1.2vw;margin-left:2vw}.balance-amount{font-size:1.2vw;font-weight:700;color:#ef4444}.balance-buttons{display:flex;gap:.5vw;align-items:center;flex-wrap:nowrap}.settle-btn-simple{padding:.55vw 1vw;background:#2db47d;color:#fff;border:none;border-radius:.4vw;font-family:A3,sans-serif;font-size:.8vw;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.settle-btn-simple:hover{background:#25a06e;transform:scale(1.02);box-shadow:0 4px 12px #2db47d4d}.settle-btn-simple:disabled{opacity:.5;cursor:not-allowed}.pay-btn{display:flex;align-items:center;gap:.4vw;padding:.55vw 1vw;border:none;border-radius:.4vw;font-family:A3,sans-serif;font-size:.8vw;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.payment-icon{width:1.2vw;height:1.2vw;object-fit:contain;flex-shrink:0}.gpay-btn{background:#fff;color:#3c4043;border:1px solid #dadce0;box-shadow:0 1px 3px #3c40434d}.gpay-btn:hover{background:#f8f9fa;box-shadow:0 2px 6px #3c40434d;transform:scale(1.05)}.gpay-icon{display:inline-flex;align-items:center;justify-content:center;width:1.2vw;height:1.2vw;border-radius:50%;background:linear-gradient(135deg,#4285f4,#34a853 50%,#fbbc05,#ea4335);color:#fff;font-weight:700;font-size:.7vw;font-family:Product Sans,Google Sans,Arial,sans-serif}.phonepe-btn{background:#5f259f;color:#fff}.phonepe-btn:hover{background:#4d1e7f;transform:scale(1.05);box-shadow:0 4px 12px #5f259f4d}.phonepe-icon{display:inline-flex;align-items:center;justify-content:center;width:1.2vw;height:1.2vw;border-radius:50%;background:#fff;color:#5f259f;font-weight:900;font-size:.8vw}.pay-btn svg{width:.9vw;height:.9vw}.settle-btn{display:flex;align-items:center;gap:.35vw;padding:.55vw 1vw;background:#2db47d;color:#fff;border:none;border-radius:.4vw;font-family:A3,sans-serif;font-size:.8vw;font-weight:600;cursor:pointer;transition:all .2s ease}.settle-btn:hover{background:#22a06b;transform:scale(1.02)}.settle-btn svg{width:.8vw;height:.8vw}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5vw 2vw;text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:1vw}.empty-state svg{width:4vw;height:4vw;color:#2db47d;margin-bottom:1vw}.empty-state h3{font-size:1.3vw;font-weight:600;color:#111827;margin:0 0 .5vw}.empty-state p{font-size:.9vw;color:#6b7280;margin:0}@media(max-width:768px){#all-balances{padding:80px 16px 20px;min-height:100vh}.page-header{margin-bottom:20px}.header-content h1{font-size:28px}.header-content p{font-size:14px;margin-top:4px}.balances-container{gap:12px}.balance-card{flex-direction:column;align-items:flex-start;padding:16px;border-radius:12px;gap:12px}.balance-avatars{gap:8px;margin-right:0;margin-bottom:8px}.balance-avatars .avatar,.balance-avatars .avatar-img{width:40px;height:40px;font-size:16px}.balance-avatars .arrow{font-size:18px}.balance-info{width:100%}.balance-title{font-size:16px}.balance-meta{font-size:13px}.balance-meta .group-name{font-size:14px}.balance-right{width:100%;justify-content:space-between;margin-left:0;gap:12px;flex-wrap:wrap}.balance-amount{font-size:20px;width:100%}.balance-buttons{display:flex;gap:8px;width:100%;flex-wrap:nowrap;overflow-x:auto}.settle-btn-simple{padding:10px 16px;font-size:13px;border-radius:8px;flex:1;min-width:70px}.pay-btn{padding:10px 14px;font-size:12px;border-radius:8px;flex:1;gap:6px;min-width:90px}.payment-icon{width:18px;height:18px;flex-shrink:0}.pay-btn svg{width:16px;height:16px}.gpay-icon{width:18px;height:18px;font-size:11px}.phonepe-icon{width:18px;height:18px;font-size:12px}.settle-btn{padding:10px 16px;font-size:14px;border-radius:8px}.settle-btn svg{width:14px;height:14px}.empty-state{padding:60px 20px}.empty-state svg{width:60px;height:60px;margin-bottom:16px}.empty-state h3{font-size:20px;margin-bottom:8px}.empty-state p{font-size:14px}}@media(max-width:480px){#all-balances{padding:70px 12px 16px}.header-content h1{font-size:24px}.header-content p{font-size:13px}.balance-card{padding:14px}.balance-avatars .avatar,.balance-avatars .avatar-img{width:36px;height:36px;font-size:14px}.balance-title{font-size:15px}.balance-meta{font-size:12px}.balance-amount{font-size:18px}.settle-btn{padding:8px 14px;font-size:13px}}@media(max-width:768px){#all-balances{padding:80px 16px 20px;min-height:100vh}.header-content h1{font-size:32px}.header-content p{font-size:14px;margin-top:4px}.balances-container{gap:12px}.balance-card{flex-direction:column;align-items:flex-start;padding:16px;border-radius:12px;gap:12px}.balance-avatars{width:100%;margin-right:0;margin-bottom:8px}.balance-avatar{width:48px;height:48px;font-size:16px}.arrow-icon{font-size:20px}.balance-info{width:100%;align-items:flex-start}.balance-text{font-size:15px}.owes-text,.balance-amount{font-size:14px}.balance-details{font-size:13px}.settle-btn{width:100%;padding:12px 16px;font-size:15px;justify-content:center}.empty-state{padding:60px 20px}.empty-state svg{width:80px;height:80px}.empty-state h3{font-size:22px}.empty-state p{font-size:14px}}#profile-page{padding:7vw 4vw 3vw;font-family:A3,sans-serif;min-height:100vh;background:#f8fafc}.profile-container{max-width:600px;margin:0 auto}.profile-header{margin-bottom:2vw}.profile-header h1{font-size:2vw;font-weight:700;color:#111827;margin:0 0 .5vw}.profile-header p{font-size:.9vw;color:#6b7280;margin:0}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:1vw;padding:2vw;margin-bottom:1.5vw}.user-info{display:flex;align-items:center;gap:1.2vw;margin-bottom:2vw;padding-bottom:2vw;border-bottom:1px solid #e5e7eb}.profile-avatar{width:4vw;height:4vw;border-radius:50%;object-fit:cover;border:2px solid #2db47d}.user-details h2{font-size:1.3vw;font-weight:600;color:#111827;margin:0 0 .3vw}.user-details p{font-size:.85vw;color:#6b7280;margin:0}.profile-form{display:flex;flex-direction:column;gap:1.5vw}.form-group{display:flex;flex-direction:column;gap:.5vw}.form-group label{font-size:.9vw;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5vw}.form-group label .optional{font-size:.75vw;font-weight:400;color:#9ca3af}.form-group label .required{font-size:.75vw;font-weight:500;color:#ef4444}.form-group input{padding:.8vw 1vw;font-size:.85vw;font-family:A3,sans-serif;border:1px solid #d1d5db;border-radius:.5vw;outline:none;transition:all .2s ease}.form-group input:focus{border-color:#2db47d;box-shadow:0 0 0 3px #2db47d1a}.input-with-icons{position:relative;display:flex;align-items:center}.input-with-icons input{width:100%;padding-right:5vw}.payment-logos{position:absolute;right:1vw;display:flex;gap:.5vw;align-items:center;pointer-events:none}.payment-logos img{width:1.5vw;height:1.5vw;object-fit:contain;border-radius:.2vw;opacity:.7}.form-group small{font-size:.75vw;color:#6b7280;line-height:1.6}.message{padding:.8vw 1vw;border-radius:.5vw;font-size:.85vw;font-weight:500}.message.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.save-btn{padding:.8vw 1.5vw;background:#2db47d;color:#fff;border:none;border-radius:.5vw;font-family:A3,sans-serif;font-size:.9vw;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn:hover{background:#25a06e;transform:scale(1.02);box-shadow:0 4px 12px #2db47d4d}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.info-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5vw}.info-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1vw;padding:1.5vw;color:#fff}.info-icon{font-size:2.5vw;margin-bottom:.8vw}.info-card h3{font-size:1.1vw;font-weight:600;margin:0 0 1vw}.info-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6vw}.info-card li{font-size:.85vw;line-height:1.5;position:relative;padding-left:1.5vw}.info-card li:before{content:"✓";position:absolute;left:0;font-weight:700;color:#a7f3d0}.help-card{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:1vw;padding:1.5vw;color:#fff}.help-icon{font-size:2.5vw;margin-bottom:.8vw}.help-card h3{font-size:1.1vw;font-weight:600;margin:0 0 1vw}.help-steps{display:flex;flex-direction:column;gap:1vw}.help-step{display:flex;align-items:center;gap:1vw;background:#ffffff26;padding:1vw;border-radius:.6vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.help-logo{width:2.5vw;height:2.5vw;object-fit:contain;background:#fff;border-radius:.4vw;padding:.3vw;flex-shrink:0}.help-step strong{font-size:.9vw;display:block;margin-bottom:.3vw}.help-step p{font-size:.8vw;margin:0;opacity:.95}.format-hint{font-size:.7vw;display:block;margin-top:.3vw;background:#fff3;padding:.2vw .5vw;border-radius:.3vw;display:inline-block;font-family:Courier New,monospace}@media(max-width:768px){#profile-page{padding:80px 20px 40px}.profile-header h1{font-size:28px}.profile-header p{font-size:14px}.profile-card{border-radius:16px;padding:24px;margin-bottom:20px}.user-info{gap:16px;margin-bottom:24px;padding-bottom:24px}.profile-avatar{width:60px;height:60px}.user-details h2{font-size:20px;margin-bottom:4px}.user-details p{font-size:14px}.profile-form{gap:20px}.form-group{gap:8px}.form-group label{font-size:14px;gap:6px}.form-group label .optional,.form-group label .required{font-size:12px}.form-group input{padding:12px 14px;font-size:14px;border-radius:8px}.input-with-icons input{padding-right:80px}.payment-logos{right:12px;gap:6px}.payment-logos img{width:24px;height:24px}.form-group small{font-size:12px}.message{padding:12px 14px;border-radius:8px;font-size:13px}.save-btn{padding:14px 20px;border-radius:8px;font-size:15px}.info-cards{grid-template-columns:1fr;gap:20px}.info-card,.help-card{border-radius:16px;padding:20px}.info-icon,.help-icon{font-size:36px;margin-bottom:12px}.info-card h3,.help-card h3{font-size:18px;margin-bottom:12px}.info-card ul{gap:10px}.info-card li{font-size:14px;padding-left:20px}.help-steps{gap:12px}.help-step{gap:12px;padding:12px;border-radius:10px}.help-logo{width:36px;height:36px;border-radius:6px;padding:4px}.help-step strong{font-size:14px;margin-bottom:4px}.help-step p{font-size:13px}.format-hint{font-size:11px;margin-top:4px;padding:3px 6px;border-radius:4px}}@media(max-width:480px){#profile-page{padding:70px 16px 30px}.profile-header h1{font-size:24px}.profile-card{padding:20px}.user-info{flex-direction:column;text-align:center}.profile-avatar{width:80px;height:80px}.payment-logos img{width:20px;height:20px}.help-logo{width:32px;height:32px}.help-step strong{font-size:13px}.help-step p{font-size:12px}.format-hint{font-size:10px}}@media screen and (min-width:490px){#footer{height:52vw;width:100vw;background:#15a14f;background:linear-gradient(180deg,#15a14f,#119b69 16%,#0e967d 39%,#0c846f 57%,#01050f);display:flex;justify-content:center;align-items:center}#fleft{height:100%;width:45%;display:flex;flex-direction:column}#fright{height:100%;width:55%;display:flex;flex-direction:column}#fmain{height:4vw;width:20vw;display:inline-flex;font-family:A3,sans-serif;color:#f5f3f3;font-size:2vw;font-weight:600;overflow:hidden;perspective:1500px;pointer-events:none;margin-top:1.5vw;margin-left:1.5vw}.link{position:relative;transform:translateY(3vw);margin-left:8vw}#on{color:#b7b3b3}#off{position:absolute;margin-top:2vw;transform:translate(-5vw);opacity:0;transition:all .35s ease-in-out}.off:hover #off{opacity:1;transform:translate(-3vw);margin-top:0}.off{padding-left:3vw}.link a{font-family:A3,sans-serif;color:#fff;font-size:2.5vw;text-decoration:none;font-weight:600;margin:1vw;transform:translateY(3vw);opacity:0}#video-wrapper{margin-left:1.5vw;margin-top:9vw;width:80%;height:20vw;overflow:hidden;clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%)}#video-wrapper video{width:29vw;height:17vw;object-fit:cover}#socials{display:flex;gap:13vw;margin-left:15vw;margin-top:10vw;color:#f5f5f5;font-family:A3,sans-serif;font-size:.9vw;font-weight:300}#socials a{text-decoration:none;color:#f5f5f5}#socials .sub-col p{transform:translateY(3vw);opacity:0}.spacediv{margin-top:5vw}#header{color:#f5f5f5;font-family:sc;font-size:23vw;font-weight:600;margin-top:2vw;margin-left:8vw;overflow:hidden}#header span{position:relative;opacity:0;display:inline-block;transform:scale(.75) translateY(6vw) rotateY(90deg);transform-origin:bottom}}@media(max-width:490px){#footer{height:auto;min-height:40vh;width:100vw;background:linear-gradient(180deg,#15a14f,#119b69 16%,#0e967d 39%,#0c846f 57%,#01050f);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:40px 24px 30px}#fleft{height:auto;width:100%;display:flex;flex-direction:column;align-items:center;order:2}#fright{height:auto;width:100%;display:flex;flex-direction:column;align-items:center;order:1;margin-bottom:30px}#fmain{display:none}#links{width:100%}.link{position:relative;font-size:16px;font-weight:500;font-family:A3,sans-serif;transform:none;margin:0;padding:0;text-align:center}.link a{font-family:A3,sans-serif;color:#fff;text-decoration:none;font-weight:600;font-size:15px;margin:8px 0;display:block;transform:none;opacity:1;transition:color .3s ease}.link a:hover{color:#fffc}#on{color:#c8c8c8;text-decoration:none;font-family:A3,sans-serif}#off{position:relative;text-decoration:none;color:#f5f5f5;margin-top:0;transform:none;opacity:1}.off{color:#f5f5f5;text-decoration:none;font-family:A3,sans-serif;padding:0}#video-wrapper{display:none}#socials{display:flex;flex-direction:row;gap:32px;margin:24px 0 0;color:#f5f5f5;font-family:A3,sans-serif;font-size:12px;font-weight:300;justify-content:center;width:100%}#socials a{text-decoration:none;color:#f5f5f5;transition:color .3s ease}#socials a:hover{color:#ffffffb3}#socials .sub-col{text-align:center}#socials .sub-col p{transform:none;opacity:1;margin:4px 0}.spacediv{margin-top:12px}#header{color:#f5f5f5;font-family:SC,sans-serif;font-size:56px;font-weight:600;margin:32px 0 24px;overflow:visible;width:100%;text-align:center;line-height:1;letter-spacing:-1px}#header span{position:relative;opacity:1;display:inline-block;transform:none;transform-origin:center}}@media(max-width:768px){#footer{height:auto;min-height:50vh;flex-direction:column;padding:40px 24px 32px}#fleft,#fright{width:100%;height:auto}#fright{order:-1;margin-bottom:32px;display:flex;align-items:center}#fleft{display:flex;align-items:center}#fmain{display:none}.link{margin-left:0;transform:none;padding-left:0;text-align:center}.link a{font-family:A3,sans-serif;font-size:22px;margin:10px 0;transform:none;opacity:1;display:block;transition:color .3s ease}.link a:hover{color:#fffc}#on{color:#c8c8c8;font-family:A3,sans-serif}#off{position:relative;margin-top:0;transform:none;opacity:1;font-family:A3,sans-serif}#video-wrapper{display:none}#socials{flex-direction:row;gap:32px;margin:28px 0 0;font-size:13px;justify-content:center;width:100%;font-family:A3,sans-serif}#socials a{transition:color .3s ease}#socials a:hover{color:#ffffffb3}#socials .sub-col{text-align:center}#socials .sub-col p{transform:none;opacity:1;margin:5px 0}#header{color:#f5f5f5;font-family:SC,sans-serif;font-size:64px;font-weight:600;margin:36px 0 28px;overflow:visible;width:100%;text-align:center;line-height:1;letter-spacing:-1px}#header span{position:relative;opacity:1;display:inline-block;transform:none}}@media(max-width:480px){#footer{padding:32px 20px 28px;min-height:45vh}.link a{font-size:20px;margin:8px 0}#header{font-size:52px;margin:28px 0 24px}#socials{gap:24px;font-size:12px;flex-wrap:wrap}.spacediv{margin-top:10px}}