@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);body,html{margin:0;padding:0;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100%}#app{flex-direction:column;min-height:100vh}#app,header{display:flex}header{align-items:center;justify-content:space-between;padding:15px 20px;background:linear-gradient(90deg,#ffcf3ec2,#5cff9f);animation:gradient-shift 6s infinite alternate;color:#fff;background-size:400% 400%}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.logo{width:100px;height:auto}nav ul{display:flex;gap:15px;list-style:none;padding:0;margin:0}nav li{transition:transform .2s ease,color .3s ease}nav li:hover{transform:translateY(-5px);color:#007acc}.menu-toggle{display:none}.menu-toggle:hover{transform:scale(1.2)}@media (max-width:768px){.menu-toggle{display:block;font-size:1.5rem;color:#fff;background:none;border:none;cursor:pointer}nav ul{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background:#fff;box-shadow:0 8px 15px rgba(0,0,0,.2)}nav ul.active{display:flex}nav li{text-align:center}}a{text-decoration:none;color:#fff;font-weight:700;padding:10px 15px;border-radius:5px;transition:background .3s ease;border-radius:100px}a:hover{background:hsla(0,0%,100%,.2)}footer{text-align:center;background:#f3f3f3;padding:15px;font-size:.9rem;border-top:1px solid #eaeaea;margin-top:auto}main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:20px}.content-container{width:95%;max-width:1200px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 6px 12px rgba(0,0,0,.1)}@media (max-width:768px){nav ul{display:none;flex-direction:column;width:100%;background-color:#ffcf3ec2;position:absolute;top:60px;left:0;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:10}nav ul.active{display:flex}.menu-toggle{display:block}nav li{margin:10px 0}a{padding:9px;font-size:18px}}.install-button{display:inline-block;padding:10px 20px;margin-top:20px;background-color:tomato;color:#fff;font-size:16px;font-weight:700;border-radius:25px;text-decoration:none;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px rgba(255,99,71,.4)}.install-button:hover{transform:translateY(-5px) scale(1.05);background-color:#ff4500;box-shadow:0 6px 25px rgba(255,69,0,.6)}.install-button:active{transform:scale(.95)}.homepage[data-v-671abcab]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;line-height:1.6;padding:10px 5px 5px 10px;background:linear-gradient(90deg,#f8f9fa,#e9ecef);max-width:1200px;margin:0 auto}.hero[data-v-671abcab]{background:linear-gradient(90deg,#007bff,#6610f2);color:#fff;padding:40px;text-align:center;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);margin-bottom:20px}.hero h1[data-v-671abcab]{font-size:2.5em;margin:0;font-weight:700}.hero p[data-v-671abcab]{font-size:1.2em;margin:10px 0;font-weight:300}.content[data-v-671abcab]{display:flex;flex-direction:column;align-items:center;margin-top:20px}.profile[data-v-671abcab]{display:flex;flex-direction:row;align-items:flex-start;max-width:1100px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.profile-img[data-v-671abcab]{border-radius:50%;width:150px;height:150px;-o-object-fit:cover;object-fit:cover;margin-right:20px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.profile-info[data-v-671abcab]{flex:1;text-align:left}.profile-info h2[data-v-671abcab]{font-size:2em;color:#333;margin-bottom:10px;font-weight:600}.profile-info .title[data-v-671abcab]{font-size:1.2em;color:#666;margin-bottom:20px;font-weight:400}.profile-info .toggle-btn[data-v-671abcab]{background:#007bff;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;font-size:1em;margin-bottom:20px;transition:background .3s ease}.profile-info .toggle-btn[data-v-671abcab]:hover{background:#0056b3}.profile-text[data-v-671abcab]{margin-bottom:15px;font-size:1em;color:#555;min-height:100px}@media (max-width:768px){.hero[data-v-671abcab]{padding:30px}.hero h1[data-v-671abcab]{font-size:2em}.hero p[data-v-671abcab]{font-size:1em}.profile[data-v-671abcab]{flex-direction:column;align-items:center;padding:15px}.profile-img[data-v-671abcab]{width:120px;height:120px;margin-right:0;margin-bottom:15px}.profile-info[data-v-671abcab]{text-align:center}.profile-info h2[data-v-671abcab]{font-size:1.5em}.profile-info .title[data-v-671abcab]{font-size:1em}.profile-info .toggle-btn[data-v-671abcab]{font-size:.9em}}@media (max-width:480px){.hero[data-v-671abcab]{padding:20px}.hero h1[data-v-671abcab]{font-size:1.5em}.hero p[data-v-671abcab]{font-size:.9em}.profile[data-v-671abcab]{padding:10px}.profile-img[data-v-671abcab]{width:100px;height:100px}.profile-info h2[data-v-671abcab]{font-size:1.2em}.profile-info .title[data-v-671abcab]{font-size:.9em}.profile-info .toggle-btn[data-v-671abcab]{font-size:.8em}.profile-text[data-v-671abcab]{font-size:.9em}}.about-page[data-v-55fa33a2]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px;background-color:#f4f4f4}.content-container[data-v-55fa33a2]{max-width:1020px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 6px 12px rgba(0,0,0,.1);text-align:center;margin-bottom:40px}.content-container h1[data-v-55fa33a2]{margin-top:0;color:#333}.content-container p[data-v-55fa33a2]{line-height:1.6;color:#666}.store-link[data-v-55fa33a2]{display:inline-block;padding:10px 20px;margin-top:20px;background-color:tomato;color:#fff;font-size:16px;font-weight:700;border-radius:25px;text-decoration:none;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px rgba(255,99,71,.4)}.store-link[data-v-55fa33a2]:hover{transform:translateY(-5px) scale(1.05);background-color:#ff4500;box-shadow:0 6px 25px rgba(255,69,0,.6)}.timeline-wrapper[data-v-55fa33a2]{background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.2);padding:30px 20px;width:100%;max-width:1000px;position:relative;overflow:hidden;background-image:radial-gradient(circle,gold,tomato)}.timeline-container[data-v-55fa33a2]{position:relative;width:100%;height:800px}.timeline-container svg[data-v-55fa33a2]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.milestone[data-v-55fa33a2]{position:absolute;width:28px;height:28px;background-color:#fff;border-radius:50%;box-shadow:0 4px 20px rgba(255,99,71,.5);transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;z-index:2}.milestone[data-v-55fa33a2]:hover{transform:scale(1.5);background-color:#ff4500;box-shadow:0 6px 30px rgba(255,69,0,.7)}.milestone-content[data-v-55fa33a2]{display:none;position:absolute;background-color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.3);font-size:14px;color:#333;width:180px;z-index:3;text-align:center}.milestone:hover .milestone-content[data-v-55fa33a2]{display:block;opacity:1;transition:opacity .3s ease}.milestone-time[data-v-55fa33a2]{position:absolute;font-size:16px;font-weight:700;color:#fff}.milestone1[data-v-55fa33a2]{top:100px;left:10%}.milestone2[data-v-55fa33a2]{top:220px;left:60%}.milestone3[data-v-55fa33a2]{top:370px;left:40%}.milestone4[data-v-55fa33a2]{top:480px;left:85%}.milestone5[data-v-55fa33a2]{top:650px;left:65%}.milestone-time1[data-v-55fa33a2]{top:130px;left:5%}.milestone-time2[data-v-55fa33a2]{top:190px;left:55%}.milestone-time3[data-v-55fa33a2]{top:400px;left:35%}.milestone-time4[data-v-55fa33a2]{top:460px;left:80%}.milestone-time5[data-v-55fa33a2]{top:680px;left:60%}@media (max-width:768px){.timeline-wrapper[data-v-55fa33a2]{width:100%;height:auto}.timeline-container[data-v-55fa33a2]{height:600px}}@media (max-width:480px){.timeline-container[data-v-55fa33a2]{height:500px}.milestone-time[data-v-55fa33a2]{font-size:14px}}body[data-v-1e10d51b]{font-family:Arial,sans-serif;background-color:#f4f4f9;color:#333}.system-list[data-v-1e10d51b]{max-width:1200px;margin:0 auto;padding:20px}.header1[data-v-1e10d51b]{background:linear-gradient(45deg,#2fd93d,#00c6ff);color:#fff;padding:20px;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,.15);margin-bottom:30px;text-align:center}.header1 h1[data-v-1e10d51b]{margin:0;font-size:2.5em;font-weight:700}.system-container[data-v-1e10d51b]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.system-card[data-v-1e10d51b]{flex:1 1 calc(25% - 20px);background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;padding:20px;transition:all .3s ease;cursor:pointer}@media (max-width:992px){.system-card[data-v-1e10d51b]{flex:1 1 calc(33.33% - 20px)}}@media (max-width:768px){.system-card[data-v-1e10d51b]{flex:1 1 calc(50% - 20px)}}@media (max-width:576px){.system-card[data-v-1e10d51b]{flex:1 1 100%}}.system-card[data-v-1e10d51b]:hover{transform:translateY(-10px);box-shadow:0 6px 12px rgba(0,0,0,.2);background-color:#d9f6d3}.system-card img[data-v-1e10d51b]{width:160px;height:160px;margin-bottom:15px;border-radius:50%;transition:transform .3s ease}.system-card:hover img[data-v-1e10d51b]{transform:scale(1.1)}.system-card a[data-v-1e10d51b]{display:block;text-decoration:none;color:#333;font-size:1.2em;font-weight:700;margin-top:10px;transition:color .3s ease}.system-card a[data-v-1e10d51b]:hover{color:#007bff}.pagination[data-v-1e10d51b]{text-align:center;margin-top:20px}.pagination button[data-v-1e10d51b]{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin:0 5px;transition:background-color .3s ease}.pagination button[data-v-1e10d51b]:hover{background-color:#0056b3}.pagination button[data-v-1e10d51b]:disabled{background-color:#bbb}.pagination span[data-v-1e10d51b]{margin:0 10px}.gas-page[data-v-67d001a9]{display:flex;flex-direction:column;min-height:100vh;padding:20px;background-color:#f4f4f4}.content-container[data-v-67d001a9]{flex:1;width:100%;max-width:1200px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-sizing:border-box;overflow-x:auto}h1[data-v-67d001a9]{margin-top:0;color:#333;font-size:24px}.modern-table[data-v-67d001a9]{width:100%;border-collapse:collapse}.modern-table td[data-v-67d001a9],.modern-table th[data-v-67d001a9]{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd;word-break:break-word}.modern-table td.column-id[data-v-67d001a9],.modern-table th.column-id[data-v-67d001a9]{min-width:5%}.modern-table td.column-uid[data-v-67d001a9],.modern-table th.column-uid[data-v-67d001a9]{min-width:28px}.modern-table th[data-v-67d001a9]{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;font-weight:700;box-shadow:0 4px 6px rgba(0,0,0,.1);text-shadow:1px 1px 2px rgba(0,0,0,.3)}.modern-table tr[data-v-67d001a9]{transition:background-color .3s ease}.modern-table tr[data-v-67d001a9]:hover{background-color:#f1f1f1}.odd-row[data-v-67d001a9]{background-color:#f9f9f9}.even-row[data-v-67d001a9]{background-color:#fff}.pagination[data-v-67d001a9]{margin-top:20px;text-align:center}.pagination button[data-v-67d001a9]{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;margin:0 5px;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.pagination button[data-v-67d001a9]:hover{background-color:#45a049}.pagination button[data-v-67d001a9]:disabled{background-color:#ccc;cursor:not-allowed}.pagination span[data-v-67d001a9]{margin:0 10px;font-weight:700}.footer[data-v-67d001a9]{padding:20px;background-color:#333;color:#fff;text-align:center}@media (max-width:768px){.gas-page[data-v-67d001a9]{padding:10px}.content-container[data-v-67d001a9]{padding:15px}h1[data-v-67d001a9]{font-size:20px}.modern-table td[data-v-67d001a9],.modern-table th[data-v-67d001a9]{padding:8px 10px}.pagination button[data-v-67d001a9]{padding:8px 15px;font-size:14px}.pagination span[data-v-67d001a9]{font-size:14px}}@media (max-width:480px){.content-container[data-v-67d001a9]{padding:10px}h1[data-v-67d001a9]{font-size:18px}.modern-table td[data-v-67d001a9],.modern-table th[data-v-67d001a9]{padding:6px 8px}.pagination button[data-v-67d001a9]{padding:6px 12px;font-size:12px}.pagination span[data-v-67d001a9]{font-size:12px}}body[data-v-4ebfb3b0]{font-family:Arial,sans-serif;background-color:#f0f0f5;margin:0;padding:20px}h1[data-v-4ebfb3b0]{text-align:center;color:gold;margin-bottom:50px;font-size:2.5rem;text-transform:uppercase}.timeline[data-v-4ebfb3b0]{position:relative;max-width:1200px;margin:0 auto}.timeline[data-v-4ebfb3b0]:before{content:"";position:absolute;top:0;left:50%;width:6px;height:100%;background-image:radial-gradient(circle,gold,#000);background-size:15px 100px;border-radius:6px;z-index:1;animation:animateLine-4ebfb3b0 4s linear infinite}.container[data-v-4ebfb3b0]{padding:20px 40px;position:relative;width:50%;box-sizing:border-box}.container.left[data-v-4ebfb3b0]{left:0;text-align:right}.container.right[data-v-4ebfb3b0]{left:50%}.container[data-v-4ebfb3b0]:before{content:"";position:absolute;top:20px;border-style:solid}.container.left[data-v-4ebfb3b0]:before{left:100%;border-width:10px 0 10px 10px;border-color:transparent transparent transparent gold}.container.right[data-v-4ebfb3b0]:before{right:100%;border-width:10px 10px 10px 0;border-color:transparent gold transparent transparent}.content[data-v-4ebfb3b0]{padding:15px;background-color:#fff;position:relative;border-radius:10px;box-shadow:0 8px 15px rgba(0,0,0,.2);transition:transform .4s ease-in-out,background-color .3s ease,box-shadow .3s ease;border:2px solid gold}.container.left .content[data-v-4ebfb3b0]{transform-origin:right}.container.right .content[data-v-4ebfb3b0]{transform-origin:left}.container.left .content[data-v-4ebfb3b0]:hover,.container.right .content[data-v-4ebfb3b0]:hover{background-color:#fffae6;transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.3)}h2[data-v-4ebfb3b0]{color:gold;margin:0 0 10px;font-size:1.6rem}p[data-v-4ebfb3b0]{margin:0;color:#333;font-size:1rem}@keyframes animateLine-4ebfb3b0{0%{background-position:0 0}to{background-position:0 100%}}@media screen and (max-width:768px){.container[data-v-4ebfb3b0]{width:100%;padding-left:40px;padding-right:40px}.container.left[data-v-4ebfb3b0],.container.right[data-v-4ebfb3b0]{left:0;text-align:left}.container.left[data-v-4ebfb3b0]:before,.container.right[data-v-4ebfb3b0]:before{left:30px;border-width:10px 10px 10px 0;border-color:transparent gold transparent transparent}.timeline[data-v-4ebfb3b0]:before{left:30px}}.login-container[data-v-4ce40781]{max-width:400px;margin:auto;padding:20px;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);background-color:#f9f9f9;transition:all .3s ease}.login-title[data-v-4ce40781]{text-align:center;margin-bottom:20px;color:#333;font-size:28px;font-weight:700;background:linear-gradient(253deg,#0d8d39,#c0da67);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:colorChange-4ce40781 5s ease infinite}@keyframes colorChange-4ce40781{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.form-group[data-v-4ce40781],.login-form[data-v-4ce40781]{display:flex;flex-direction:column}.form-group[data-v-4ce40781]{margin-bottom:15px}.form-group label[data-v-4ce40781]{margin-bottom:5px;font-weight:700}input[type=password][data-v-4ce40781],input[type=text][data-v-4ce40781]{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}input[type=password][data-v-4ce40781]:focus,input[type=text][data-v-4ce40781]:focus{border-color:#4caf50;outline:none}.login-button[data-v-4ce40781]{padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.login-button[data-v-4ce40781]:hover{background-color:#45a049}.error-message[data-v-4ce40781]{color:red;text-align:center;margin-top:10px}.logout-container[data-v-3c6bd3dd]{max-width:600px;margin:auto;padding:20px;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);background-color:#f9f9f9}.logout-title[data-v-3c6bd3dd]{text-align:center;margin-bottom:20px;color:#333}.error-message[data-v-3c6bd3dd]{color:red;text-align:center;margin-top:15px}.logout-button[data-v-3c6bd3dd]{padding:10px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.logout-button[data-v-3c6bd3dd]:hover{background-color:#c82333}#attendance-dashboard[data-v-2d54d085]{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50;background-color:#f4f4f4;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.summary[data-v-2d54d085]{background-color:#fff;padding:20px;border-radius:8px;margin-bottom:20px;transition:transform .3s;box-shadow:0 1px 5px rgba(0,0,0,.2)}.summary[data-v-2d54d085]:hover{transform:translateY(-2px)}.highlight[data-v-2d54d085]{color:#4caf50;font-weight:700}.attendance-info[data-v-2d54d085]{background-color:#fff;padding:15px;border-radius:8px;transition:transform .3s;box-shadow:0 1px 5px rgba(0,0,0,.2)}.attendance-info[data-v-2d54d085]:hover{transform:translateY(-2px)}.attendance-photo[data-v-2d54d085]{width:100px;height:auto;border-radius:50%;margin-top:10px}#app[data-v-12c2d7a6]{font-family:Arial,sans-serif;background:linear-gradient(45deg,#ff6b6b,#f3c47b,#f884f6);background-size:300% 300%;animation:gradientAnimation-12c2d7a6 6s ease infinite;padding:20px;display:flex;justify-content:center;align-items:center;height:100vh;color:#fff;flex-direction:column}@keyframes gradientAnimation-12c2d7a6{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.checkout-summary[data-v-12c2d7a6],.employee-info[data-v-12c2d7a6],.working-time[data-v-12c2d7a6]{text-align:center;margin-top:20px;width:100%}.avatar[data-v-12c2d7a6]{border-radius:50%;width:240px;height:240px;-o-object-fit:cover;object-fit:cover;margin-bottom:20px;border:3px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.3)}.info h1[data-v-12c2d7a6]{font-size:28px;font-weight:700}.checkin-time[data-v-12c2d7a6]{font-size:24px;font-weight:700;color:#2ecc71}.greeting[data-v-12c2d7a6]{font-size:20px;color:#fff;animation:greetingMessage-12c2d7a6 3s ease-in-out;padding:10px;border-radius:15px;background:linear-gradient(45deg,#ff6b6b,#f39c12);display:inline-block}@keyframes greetingMessage-12c2d7a6{0%{opacity:0;transform:translateY(-20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.checkout-summary h2[data-v-12c2d7a6],.working-time h2[data-v-12c2d7a6]{font-size:24px;font-weight:700}.time-circle[data-v-12c2d7a6]{width:200px;height:200px;border-radius:50%;background:#2ecc71;color:#fff;display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:700;margin:20px auto;position:relative;box-shadow:0 0 30px rgba(0,0,0,.2);animation:pulse-12c2d7a6 1.5s infinite}@keyframes pulse-12c2d7a6{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.checkout-btn[data-v-12c2d7a6]{padding:12px 30px;font-size:18px;font-weight:700;background:linear-gradient(45deg,#ff6b6b,#f39c12,#f19f9f);color:#fff;border:none;border-radius:30px;cursor:pointer;margin-top:20px;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:all .3s ease-in-out}.checkout-btn[data-v-12c2d7a6]:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.3);background:linear-gradient(45deg,#f39c12,hsla(0,46%,67%,.15),#ff6b6b)}.checkout-btn[data-v-12c2d7a6]:active{transform:translateY(2px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.thank-you[data-v-12c2d7a6]{font-size:18px;font-weight:700;color:#8b6be1;background:linear-gradient(45deg,#f8f2f2,#f39c12);padding:20px;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.2);animation:gradientEffect-12c2d7a6 3s ease-in-out infinite}@keyframes gradientEffect-12c2d7a6{0%{background:linear-gradient(45deg,#fff,#f39c12)}50%{background:linear-gradient(45deg,#fff,#f1c40f)}to{background:linear-gradient(45deg,#fff,#f39c12)}}.day-summary[data-v-12c2d7a6]{font-size:16px;color:#fff;margin-top:20px}#app[data-v-45ca97b0]{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;text-align:center;background:linear-gradient(45deg,#ff6b6b,#f3c47b,#f884f6);background-size:300% 300%;animation:gradientAnimation-45ca97b0 6s ease infinite}@keyframes gradientAnimation-45ca97b0{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.notification[data-v-45ca97b0]{font-size:24px;font-weight:700;padding:20px;margin:10px;border-radius:10px;color:#fff;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.2);opacity:0;animation:fadeIn-45ca97b0 3s forwards}.step-1[data-v-45ca97b0]{background:linear-gradient(45deg,#ff6b6b,#f39c12)}.step-2[data-v-45ca97b0]{background:linear-gradient(45deg,#2ecc71,#3498db)}.step-3[data-v-45ca97b0]{background:linear-gradient(45deg,#f39c12,#f1c40f)}.step-4[data-v-45ca97b0]{background:linear-gradient(45deg,#8e44ad,#9b59b6)}@keyframes fadeIn-45ca97b0{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.icon[data-v-45ca97b0]{font-size:50px;margin-bottom:10px}.ring[data-v-45ca97b0]{animation:ringAnimation-45ca97b0 1s ease infinite}@keyframes ringAnimation-45ca97b0{0%{transform:rotate(0deg)}25%{transform:rotate(10deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}.notification img[data-v-45ca97b0]{margin-top:10px;width:500px;height:500px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.loan-calculator-container[data-v-86fd86b6]{display:flex;justify-content:center;align-items:center;padding:20px}.calculator-card[data-v-86fd86b6]{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:20px;width:100%;max-width:600px}.calculator-title[data-v-86fd86b6]{font-size:24px;font-weight:700;text-align:center;margin-bottom:20px}.calculator-form[data-v-86fd86b6],.input-group[data-v-86fd86b6]{display:flex;flex-direction:column}.input-group[data-v-86fd86b6]{margin-bottom:15px}.input-group label[data-v-86fd86b6]{font-size:14px;margin-bottom:5px}.input-group input[data-v-86fd86b6],.input-group select[data-v-86fd86b6]{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px}.input-group input.invalid[data-v-86fd86b6]{border-color:red}.error-message[data-v-86fd86b6]{color:red;font-size:12px}.button-group[data-v-86fd86b6]{display:flex;justify-content:space-between}.calculate-button[data-v-86fd86b6],.reset-button[data-v-86fd86b6]{font-size:16px;padding:10px 15px;border-radius:5px;cursor:pointer}.calculate-button[data-v-86fd86b6]{background-color:#4caf50;color:#fff;font-size:18px;padding:12px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.calculate-button[data-v-86fd86b6]:hover{background-color:#45a049}.reset-button[data-v-86fd86b6]{background-color:#f44336;color:#fff;border:none}.reset-button[data-v-86fd86b6]:hover{background-color:#e53935}.result-container[data-v-86fd86b6]{margin-top:20px}.result-summary[data-v-86fd86b6]{text-align:center;font-size:18px}.result-table[data-v-86fd86b6]{margin-top:20px;overflow-x:auto}table[data-v-86fd86b6]{width:100%;border-collapse:collapse;margin-top:10px}td[data-v-86fd86b6],th[data-v-86fd86b6]{text-align:right;padding:10px;border:1px solid #ddd}th[data-v-86fd86b6]{background-color:#f4f4f4}td[data-v-86fd86b6]{font-size:16px}.formatted-money[data-v-86fd86b6]{font-weight:700;color:#4caf50}@media (max-width:600px){.calculator-card[data-v-86fd86b6]{padding:15px}.calculator-title[data-v-86fd86b6]{font-size:20px}.input-group input[data-v-86fd86b6],.input-group select[data-v-86fd86b6]{font-size:14px}.calculate-button[data-v-86fd86b6]{font-size:16px;padding:10px 15px}}.saving-calculator-container[data-v-3882dd76]{max-width:500px;margin:0 auto;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);font-family:Arial,sans-serif}.title[data-v-3882dd76]{text-align:center;font-size:1.8rem;color:#333;margin-bottom:1rem}.form[data-v-3882dd76]{gap:1rem}.form-group[data-v-3882dd76],.form[data-v-3882dd76]{display:flex;flex-direction:column}.label[data-v-3882dd76]{margin-bottom:.3rem;font-size:1rem;color:#555}.input[data-v-3882dd76]{padding:.6rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.button-group[data-v-3882dd76]{display:flex;justify-content:space-between;gap:1rem}.button[data-v-3882dd76]{padding:.8rem 1.5rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer}.calculate-button[data-v-3882dd76]{background-color:#4caf50;color:#fff}.reset-button[data-v-3882dd76]{background-color:#f44336;color:#fff}.result[data-v-3882dd76]{margin-top:2rem}.result-table[data-v-3882dd76]{width:100%;border-collapse:collapse;margin-top:1rem}.result-table td[data-v-3882dd76],.result-table th[data-v-3882dd76]{border:1px solid #ddd;padding:8px;text-align:center}.result-table th[data-v-3882dd76]{background-color:#f4f4f4;color:#333}.calculator-container[data-v-33072f44]{max-width:400px;margin:0 auto;padding:1.5rem;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.title[data-v-33072f44]{text-align:center;margin-bottom:1rem;font-size:1.5rem;color:#333}.form[data-v-33072f44]{gap:1rem}.form-group[data-v-33072f44],.form[data-v-33072f44]{display:flex;flex-direction:column}.label[data-v-33072f44]{font-size:.9rem;margin-bottom:.3rem;color:#555}.input[data-v-33072f44]{padding:.6rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.button-group[data-v-33072f44]{display:flex;justify-content:space-between;gap:1rem}.button[data-v-33072f44]{padding:.6rem 1.2rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.calculate-button[data-v-33072f44]{background-color:#4caf50;color:#fff}.reset-button[data-v-33072f44]{background-color:#f44336;color:#fff}.result[data-v-33072f44]{margin-top:1.5rem;padding:1rem;background:#e7f4e4;border:1px solid #4caf50;border-radius:4px}