@import url(https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap);.add-someone-text[data-v-3e47194e]{position:relative;top:100px;text-align:center}.add-someone-text p[data-v-3e47194e]{font-size:25px;margin-bottom:10px}.add-someone-text i[data-v-3e47194e]{font-size:40px;color:green}.add-person-container[data-v-3e47194e]{padding:0 20px 250px 20px;border-radius:4px;height:400px}.input-group[data-v-3e47194e]{display:flex;align-items:center;margin-bottom:10px}.input-group-addon[data-v-3e47194e]{margin-right:10px;color:#666}.input-group-user[data-v-3e47194e]{color:#048bfa!important}.button-wrapper[data-v-3e47194e]{margin-top:20px}.person-list-wrapper[data-v-3e47194e]{position:relative}.person-list[data-v-3e47194e]{position:absolute;top:0;left:0;width:100%;list-style-type:none;padding:0;height:190px;overflow-y:auto;overflow-x:hidden;border-radius:4px}.person-list[data-v-3e47194e]::-webkit-scrollbar{width:8px;background-color:#f5f5f5}.person-list[data-v-3e47194e]::-webkit-scrollbar-thumb{border-radius:4px;background-color:#048bfa}.person-list[data-v-3e47194e]::-webkit-scrollbar-thumb:hover{background-color:#555}.person-item[data-v-3e47194e]{display:flex;align-items:center;margin-bottom:10px;background-color:#f9f9f9;padding:10px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.person-name[data-v-3e47194e]{font-size:16px;margin-left:10px;font-family:Verdana,sans-serif;color:#27282c}.person-delete-icon[data-v-3e47194e]{font-size:16px;color:#999;cursor:pointer;margin-left:auto}.position-form[data-v-376374ee]{display:flex;flex-direction:column;align-items:flex-start}.form-group[data-v-376374ee]{margin-bottom:10px}.title[data-v-a7095f8a]{font-size:24px;margin-bottom:20px}.position-list[data-v-a7095f8a]{list-style:none;padding-left:0}.position-item[data-v-a7095f8a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.position-name[data-v-a7095f8a]{font-weight:700;margin-right:8px}.position-price[data-v-a7095f8a]{color:#888}.avatars-container[data-v-a7095f8a]{display:flex;margin-top:10px}.avatar[data-v-a7095f8a]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;margin-right:8px;background-color:#f2f2f2}.avatar-active[data-v-a7095f8a]{background-color:#048bfa;border:2px solid #fff;color:#fff}.remove-button[data-v-a7095f8a]{background-color:transparent;border:none;cursor:pointer}.remove-button i[data-v-a7095f8a]{font-size:1.3rem;color:#000}.interim-total[data-v-052b46f8]{margin-top:20px}.itog[data-v-052b46f8]{font-size:18px;margin-top:10px}.ok-button{display:inline-block;padding:.5rem 1rem;font-size:1rem;font-weight:700;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;border:none;border-radius:.25rem;background-color:#007bff;color:#fff;transition:background-color .3s}.ok-button:hover{background-color:#0056b3}.modal-overlay{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;text-align:center;border:4px solid #27282c}.modal-content h3{margin-top:0}.modal-content button{margin-top:20px;background:#27282c}.add-button_1{margin-left:15px}.input-field{width:100%}.button-icon-wrapper{padding-left:4px}.itog{font-size:18px;margin-top:10px}.pi-cutlery{color:#000}.title{font-size:24px;margin-bottom:20px}.position-form{display:flex;flex-direction:column;align-items:flex-start}.form-group{margin-bottom:10px}.form-control{padding:.5rem;border:1px solid #ccc;border-radius:4px;width:100%}.avatars-container{display:flex;margin-top:10px}.avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f2f2f2;cursor:pointer;margin-right:8px}.avatar.active{background-color:#048bfa;border:2px solid #fff;color:#fff}.avatar-checkbox{display:none}.btn{margin-top:10px}.position-list{list-style:none;padding-left:0}.position-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.position-name{margin-right:8px}.avatar-text{font-size:18px;color:#333}.avatar-text-active{color:#fff}.avatar-active{background-color:#048bfa;border:2px solid #fff}.position-name{font-weight:700}.position-price{color:#888;margin-left:5px}.remove-button{background-color:transparent;border:none;cursor:pointer}.remove-button i{font-size:1.3rem;color:#000}.Nikname[data-v-21cac695]{color:#048bfa;font-weight:700}.bill-list[data-v-21cac695]{text-align:center;border:1px solid #ccc;overflow-y:auto;max-height:200px}.custom-list[data-v-21cac695]{list-style:none;padding:0}.custom-list-item[data-v-21cac695]{display:flex;align-items:center;justify-content:space-between;background-color:#27282c;padding:10px;margin:15px;border:1px solid #048bfa;border-radius:14px;color:#fff}.debt-info[data-v-21cac695]{display:flex;align-items:center}.debt-amount[data-v-21cac695]{font-weight:700;margin-right:5px}.currency-symbol[data-v-21cac695]{font-size:22px}.debt-to[data-v-21cac695]{font-size:14px}.no-debts[data-v-21cac695]{margin-top:20px}.no-debts p[data-v-21cac695]{font-size:16px;margin-bottom:10px}.custom-icon[data-v-21cac695]{font-size:24px;color:green}.share-title[data-v-774c349a]{margin-top:20px;font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:8px;color:#333;justify-content:center}.share-icons[data-v-774c349a]{margin-top:15px;display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.Nikname[data-v-774c349a]{color:#048bfa;font-weight:700}.bill-owe[data-v-774c349a]{font-family:Arial,sans-serif}.bill-tabs[data-v-774c349a]{display:flex;justify-content:center}.bill-tab[data-v-774c349a]{position:relative;background-color:#f0f0f0;border:none;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.bill-tab.active[data-v-774c349a]{background-color:#e0e0e0}.bill-tab[data-v-774c349a]:hover{background-color:#d0d0d0}.tab-icon[data-v-774c349a]{display:flex;align-items:center;justify-content:center}.tab-icon[data-v-774c349a]:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:transparent;transition:background-color .3s ease}.bill-tab.active .tab-icon[data-v-774c349a]:before{background-color:#048bfa}.modal[data-v-449c9298]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content[data-v-449c9298]{background-color:#fff;padding:20px;border-radius:4px;text-align:center}.modal h3[data-v-449c9298]{margin-top:0}.modal p[data-v-449c9298]{margin-bottom:10px}.modal button[data-v-449c9298]{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.p-inputtext[data-v-449c9298]{width:150px;border-radius:10px}.btnn[data-v-449c9298]{margin-top:30px;position:relative;color:hsla(0,0%,100%,.616);background:#444;font-size:1em;letter-spacing:.1em;font-weight:400;padding:10px 30px;transition:.5s;text-decoration:none;display:inline-block;border:none;cursor:pointer}.btnn[data-v-449c9298]:hover{background:#048bfa}.btnn:hover span i[data-v-449c9298],.btnn[data-v-449c9298]:hover{color:#fff;letter-spacing:.25em;transition:.5s}.btnn[data-v-449c9298]:before{content:"";position:absolute;inset:2px;background:#27282c}.btnn span[data-v-449c9298]{position:relative;z-index:1}.btnn .i[data-v-449c9298]{position:absolute;inset:0;display:block}.btnn .i[data-v-449c9298]:before{content:"";position:absolute;top:-3.5px;left:80%;width:10px;height:6px;background:#27282c;border:2px solid #048bfa;transform:translateX(-50%);transition:.5s,box-shadow .5s}.btnn:hover .i[data-v-449c9298]:before{width:6px;left:calc(50% - 3px);border:2px solid #048bfa;box-shadow:70px 0 #fff,-70px 0 #048bfa,-70px 0 0 4px #27282c,10px -10px #048bfa}.btnn .i[data-v-449c9298]:after{content:"";position:absolute;bottom:-3.5px;left:20%;width:10px;height:6px;background:#27282c;border:2px solid #048bfa;transform:translateX(-50%);transition:.5s,box-shadow .5s}.btnn:hover .i[data-v-449c9298]:after{width:6px;left:calc(50% - 3px);border:2px solid #048bfa;box-shadow:70px 0 #fff}.cost-column[data-v-449c9298],.paid-column[data-v-449c9298]{width:100px}.input-number[data-v-449c9298]{width:100%}.bill-owe[data-v-449c9298]{margin-top:40px}.bill-tabs[data-v-449c9298]{display:flex;justify-content:center;margin-bottom:10px}.bill-tabs button[data-v-449c9298]{margin-right:10px;padding:5px 10px;border:none;border-radius:4px;background-color:#f2f2f2;cursor:pointer}.bill-tabs button.active[data-v-449c9298]{background-color:#ddd}.bill-list[data-v-449c9298]{margin-top:10px}.bill-list h3[data-v-449c9298]{font-size:18px;margin-bottom:10px}.bill-list ul[data-v-449c9298]{list-style-type:none;padding-left:0}.bill-list li[data-v-449c9298]{margin-bottom:5px}.result[data-v-449c9298]{text-align:center}.result h2[data-v-449c9298]{font-size:24px;font-weight:700;margin-bottom:20px}.result table[data-v-449c9298]{width:100%;border-collapse:collapse}.result td[data-v-449c9298],.result th[data-v-449c9298]{padding:8px;border-bottom:1px solid #ccc}.result th[data-v-449c9298]{font-weight:700;text-align:left}.input-number[data-v-449c9298]{border-radius:15px}.tips[data-v-449c9298]{margin-top:20px;font-weight:700}.tip-amount[data-v-449c9298]{color:#ff7043}.main-screen[data-v-2b5d3f72]{text-align:center;padding:20px;position:relative;max-width:400px;margin:0 auto}.btns[data-v-2b5d3f72]{margin-top:80px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap;align-items:center}.start-button[data-v-2b5d3f72]{padding:10px 20px;font-size:18px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:10px}.btnn[data-v-2b5d3f72]{margin-top:30px;position:relative;color:hsla(0,0%,100%,.616);background:#444;font-size:1em;letter-spacing:.1em;font-weight:400;padding:10px 30px;transition:.5s;text-decoration:none;display:inline-block;border:none;cursor:pointer}.btnn[data-v-2b5d3f72]:hover{background:#048bfa}.btnn:hover span i[data-v-2b5d3f72],.btnn[data-v-2b5d3f72]:hover{color:#fff;letter-spacing:.25em;transition:.5s}.btnn[data-v-2b5d3f72]:before{content:"";position:absolute;inset:2px;background:#27282c}.btnn span[data-v-2b5d3f72]{position:relative;z-index:1}.btnn .i[data-v-2b5d3f72]{position:absolute;inset:0;display:block}.btnn .i[data-v-2b5d3f72]:before{content:"";position:absolute;top:-3.5px;left:80%;width:10px;height:6px;background:#27282c;border:2px solid #048bfa;transform:translateX(-50%);transition:.5s,box-shadow .5s}.btnn:hover .i[data-v-2b5d3f72]:before{width:6px;left:calc(50% - 3px);border:2px solid #048bfa;box-shadow:70px 0 #fff,-70px 0 #048bfa,-70px 0 0 4px #27282c,10px -10px #048bfa}.btnn .i[data-v-2b5d3f72]:after{content:"";position:absolute;bottom:-3.5px;left:20%;width:10px;height:6px;background:#27282c;border:2px solid #048bfa;transform:translateX(-50%);transition:.5s,box-shadow .5s}.btnn:hover .i[data-v-2b5d3f72]:after{width:6px;left:calc(50% - 3px);border:2px solid #048bfa;box-shadow:70px 0 #fff}.background-image[data-v-2b5d3f72]{z-index:-10;position:absolute;bottom:10px;right:10px;width:180px;height:180px;opacity:.15;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.instruction-button[data-v-2b5d3f72]{margin-top:15px}@media (max-width:600px){.main-screen h1[data-v-2b5d3f72]{font-size:20px}.btns[data-v-2b5d3f72]{flex-direction:column;gap:12px}.btnn[data-v-2b5d3f72]{width:100%}.instruction-button[data-v-2b5d3f72]{margin-top:-15px;align-self:center}.background-image[data-v-2b5d3f72]{width:100px;height:100px}}.icn{color:var(--clr);transform:rotate(calc(51.42857deg*var(--i)))}.menu{position:relative;display:flex;margin-top:20px;margin-right:20px}.app-iconn{font-size:15px}.toggle{position:relative;bottom:5px;display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:#f1f1f1;border-radius:50%;box-shadow:0 3px 4px rgba(0,0,0,.15);transition:1.25s;font-size:2em;cursor:pointer}.toggle:hover .app-iconn{color:#048bfa}.toggle.active{transform:rotate(1turn);box-shadow:0 5px 5px #048bfa,0 0 0 2px #048bfa,0 0 0 8px #fff}.menu li{position:absolute;left:-30px;list-style:none;transition:.5s;transform:rotate(calc(51.42857deg*var(--i)));transform-origin:45px;scale:0;transition-delay:calc(.05s*var(--i))}.menu.active li{scale:1}.menu.active .toggle{transform:rotate(45deg)}.menu li a{position:relative;display:flex;justify-content:center;align-items:center;transform:rotate(calc(51.42857deg*var(--i)))}.settings-wrapper[data-v-3dce8e40]{display:flex;justify-content:center;margin-top:3rem;padding:1rem}.settings-title[data-v-3dce8e40]{text-align:center;font-size:2rem;margin-bottom:1.5rem;color:#333}.settings-form[data-v-3dce8e40]{gap:1.5rem}.form-group[data-v-3dce8e40],.settings-form[data-v-3dce8e40]{display:flex;flex-direction:column}[data-v-3dce8e40] .p-button{background-color:#333}label[data-v-3dce8e40]{margin-bottom:.5rem;font-weight:600;color:#444}.dropdown[data-v-3dce8e40]{font-size:.9rem}.buttons-row[data-v-3dce8e40]{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.btn-danger[data-v-3dce8e40] .add-button{background-color:#dc3545}.btn-danger[data-v-3dce8e40] .add-button .button-icon-wrapper i,.btn-danger[data-v-3dce8e40] .button-text{color:#dc3545}.cont[data-v-4a102cb2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);padding:30px;border:1px solid #ccc;max-width:400px;text-align:center}.app-title[data-v-4a102cb2]{font-family:Indie Flower,cursive;font-size:32px;font-weight:700;color:#333}.app-icon[data-v-4a102cb2]{font-size:22px;cursor:pointer;position:relative;bottom:5px;transition:color .3s}.app-icon[data-v-4a102cb2]:hover{color:#048bfa}.app-icons[data-v-4a102cb2]{margin-left:12px;right:130px;margin-top:12px}.app-icons-home[data-v-4a102cb2]{font-size:1.5em}.btnn[data-v-4a102cb2],button[data-v-4a102cb2]{padding:10px 20px;font-size:16px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:.5s}.btnn[data-v-4a102cb2]:hover,button[data-v-4a102cb2]:hover{background-color:#048bfa}.instruction-button[data-v-4a102cb2]{background-color:#048bfa;color:#fff;border:none;padding:12px;border-radius:50%;font-size:20px;cursor:pointer;transition:background .3s ease}.instruction-button[data-v-4a102cb2]:hover{background-color:#026bb5}.niklad-tag[data-v-4a102cb2]{position:absolute;bottom:10px;right:10px;font-size:14px}.share-container[data-v-4a102cb2]{position:absolute;top:15px;right:15px}.btnn[data-v-4a102cb2]{margin-top:30px;background:#444;font-weight:400;letter-spacing:.1em;position:relative;overflow:hidden}.btnn[data-v-4a102cb2]:before{content:"";position:absolute;inset:2px;background:#27282c}.btnn span[data-v-4a102cb2]{position:relative;z-index:1}.btnn .i[data-v-4a102cb2]{position:absolute;inset:0}.btnn .i[data-v-4a102cb2]:after,.btnn .i[data-v-4a102cb2]:before{content:"";position:absolute;width:10px;height:6px;background:#27282c;border:2px solid #048bfa;transform:translateX(-50%);transition:.5s,box-shadow .5s}.btnn .i[data-v-4a102cb2]:before{top:-3.5px;left:80%}.btnn .i[data-v-4a102cb2]:after{bottom:-3.5px;left:20%}.btnn:hover .i[data-v-4a102cb2]:before{width:6px;left:calc(50% - 3px);box-shadow:70px 0 #fff,-70px 0 #048bfa,-70px 0 0 4px #27282c,10px -10px #048bfa}.btnn:hover .i[data-v-4a102cb2]:after{width:6px;left:calc(50% - 3px);box-shadow:70px 0 #fff}.add-person[data-v-4a102cb2]{margin-top:50px}.add-person h2[data-v-4a102cb2]{font-size:24px;font-weight:700;margin-bottom:20px}.add-person form[data-v-4a102cb2]{display:flex;flex-direction:column;align-items:center}.add-person label[data-v-4a102cb2]{display:flex;flex-direction:column;margin-bottom:10px}.add-person ul[data-v-4a102cb2]{list-style:none;padding:0;margin-top:20px}.add-person li[data-v-4a102cb2]{font-size:18px;margin-bottom:10px}.next-button[data-v-4a102cb2]{background-color:#048bfa;border-radius:4px;text-align:center}.next-button[data-v-4a102cb2]:hover{background-color:#45a049}.btns[data-v-4a102cb2]{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:60px;flex-wrap:wrap}.modal-overlay[data-v-4a102cb2]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}@media (max-width:480px){.app-title[data-v-4a102cb2]{font-size:24px}.btn[data-v-4a102cb2],.btnn[data-v-4a102cb2]{font-size:14px;padding:10px 16px}.cont[data-v-4a102cb2]{padding:20px;width:90%}.instruction-button[data-v-4a102cb2]{font-size:18px;padding:10px}}.base-button[data-v-5aa8704b]{margin-top:30px;position:relative;color:hsla(0,0%,100%,.616);background:#444;font-size:1em;letter-spacing:.1em;font-weight:400;padding:10px 30px;transition:.5s;text-decoration:none;display:inline-block;border:none;cursor:pointer;border-radius:5px}.base-button span[data-v-5aa8704b]{display:inline-flex;align-items:center;gap:10px;position:relative;z-index:1}.icon-img[data-v-5aa8704b]{width:20px;height:20px}.base-button[data-v-5aa8704b]:hover{background:#048bfa}.base-button:hover span i[data-v-5aa8704b],.base-button[data-v-5aa8704b]:hover{color:#fff;letter-spacing:.25em;transition:.5s}.base-button[data-v-5aa8704b]:before{content:"";position:absolute;inset:2px;background:#27282c}.base-button .i[data-v-5aa8704b]{position:absolute;inset:0;display:block}.base-button .i[data-v-5aa8704b]:before{content:"";position:absolute;top:-3.5px;left:80%;width:10px;height:6px;background:#27282c;border:2px solid #048bfa;transform:translateX(-50%);transition:.5s,box-shadow .5s}.base-button:hover .i[data-v-5aa8704b]:before{width:6px;left:calc(50% - 3px);box-shadow:70px 0 #fff,-70px 0 #048bfa,-70px 0 0 4px #27282c,10px -10px #048bfa}.base-button .i[data-v-5aa8704b]:after{content:"";position:absolute;bottom:-3.5px;left:20%;width:10px;height:6px;background:#27282c;border:2px solid #048bfa;transform:translateX(-50%);transition:.5s,box-shadow .5s}.base-button:hover .i[data-v-5aa8704b]:after{width:6px;left:calc(50% - 3px);box-shadow:70px 0 #fff}.start-button[data-v-5aa8704b]{font-size:18px;background-color:#3498db;color:#fff;margin-bottom:10px}.icon-button[data-v-c9314804]{background-color:var(--0dcc1c03);color:#fff;border:none;padding:12px;border-radius:50%;font-size:22px;cursor:pointer;transition:background .3s ease;display:flex;align-items:center;justify-content:center}.icon-button[data-v-c9314804]:hover{background-color:var(--faa2720e)}.button-wrapper[data-v-373ecd1c]{display:flex;justify-content:center;margin-top:20px}.button-wrapper button[data-v-373ecd1c]{position:relative;display:flex;background-color:#27282c;color:#27282c;letter-spacing:.1em;font-weight:400;padding:10px 20px;transition:.5s;border:none;outline:none;cursor:pointer}.button-wrapper button[data-v-373ecd1c]:hover{letter-spacing:.25em}.button-wrapper button:hover .pi-plus[data-v-373ecd1c]{letter-spacing:.25em;transition:.5s}.button-wrapper button[data-v-373ecd1c]:before{content:"";background:#fff;inset:2px;position:absolute}.button-wrapper button span[data-v-373ecd1c]{position:relative;z-index:1}.button-wrapper button .i[data-v-373ecd1c]{position:absolute;inset:0;display:block}.button-wrapper button .i[data-v-373ecd1c]:before{content:"";position:absolute;top:0;left:80%;width:25px;height:10px;background:#fff;transform:translateX(-50%) skewX(325deg);transition:.5s}.button-wrapper button:hover .i[data-v-373ecd1c]:before{width:28px;left:20%}.button-wrapper button .i[data-v-373ecd1c]:after{content:"";position:absolute;bottom:0;left:20%;width:25px;height:6px;background:#fff;transform:translateX(-50%) skewX(325deg);transition:.5s}.button-wrapper button:hover .i[data-v-373ecd1c]:after{width:28px;left:80%}.button-text[data-v-373ecd1c]{color:#000;margin:0 .6rem}.pi-plus[data-v-373ecd1c]{color:hsla(0,0%,100%,.616)}.add-button .button-icon-wrapper i[data-v-373ecd1c]{color:#838282}.add-button[data-v-373ecd1c]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(60%)}