@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,#ff805cbd);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}.navbar ul{display:flex;gap:15px;list-style:none;padding:0;margin:0}.navbar li{transition:transform .2s ease,color .3s ease}.navbar 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}.navbar 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)}.navbar ul.active{display:flex}.navbar 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;white-space:nowrap;text-overflow:ellipsis}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;justify-content:center;align-items:flex-start}.content-container{background:#fff;border-radius:8px;box-shadow:0 6px 12px rgba(0,0,0,.1)}@media (max-width:768px){.navbar 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}.navbar ul.active{display:flex}.navbar .menu-toggle{display:block}.navbar li{margin:10px 0}.navbar 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-459b9690]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;line-height:1.6;padding:10px 5px 5px 10px;max-width:1200px;margin:0 auto}.hero[data-v-459b9690]{background:linear-gradient(90deg,#00ffe3,#f2a210);color:#fff;padding:10px;text-align:center;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);margin-bottom:10px}.hero h1[data-v-459b9690]{font-size:2.5em;margin:0;font-weight:700}.hero p[data-v-459b9690]{font-size:1.2em;margin:10px 0;font-weight:300}.content[data-v-459b9690]{display:flex;flex-direction:column;align-items:center;margin-top:20px}.profile[data-v-459b9690]{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-459b9690]{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-459b9690]{flex:1;text-align:left}.profile-info h2[data-v-459b9690]{font-size:2em;color:#333;margin-bottom:10px;font-weight:600}.profile-info .title[data-v-459b9690]{font-size:1.2em;color:#666;margin-bottom:20px;font-weight:400}.profile-info .toggle-btn[data-v-459b9690]{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-459b9690]:hover{background:#0056b3}.profile-text[data-v-459b9690]{margin-bottom:15px;font-size:1em;color:#555;min-height:100px}@media (max-width:768px){.hero[data-v-459b9690]{padding:30px}.hero h1[data-v-459b9690]{font-size:2em}.hero p[data-v-459b9690]{font-size:1em}.profile[data-v-459b9690]{flex-direction:column;align-items:center;padding:15px}.profile-img[data-v-459b9690]{width:120px;height:120px;margin-right:0;margin-bottom:15px}.profile-info[data-v-459b9690]{text-align:center}.profile-info h2[data-v-459b9690]{font-size:1.5em}.profile-info .title[data-v-459b9690]{font-size:1em}.profile-info .toggle-btn[data-v-459b9690]{font-size:.9em}}@media (max-width:480px){.hero[data-v-459b9690]{padding:20px}.hero h1[data-v-459b9690]{font-size:1.5em}.hero p[data-v-459b9690]{font-size:.9em}.profile[data-v-459b9690]{padding:10px}.profile-img[data-v-459b9690]{width:100px;height:100px}.profile-info h2[data-v-459b9690]{font-size:1.2em}.profile-info .title[data-v-459b9690]{font-size:.9em}.profile-info .toggle-btn[data-v-459b9690]{font-size:.8em}.profile-text[data-v-459b9690]{font-size:.9em}}.about-page[data-v-417cd84c]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px}.content-container[data-v-417cd84c]{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-417cd84c]{margin-top:0;color:#333}.content-container p[data-v-417cd84c]{line-height:1.6;color:#666}.store-link[data-v-417cd84c]{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-417cd84c]:hover{transform:translateY(-5px) scale(1.05);background-color:#ff4500;box-shadow:0 6px 25px rgba(255,69,0,.6)}.timeline-wrapper[data-v-417cd84c]{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-417cd84c]{position:relative;width:100%;height:800px}.timeline-container svg[data-v-417cd84c]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.milestone[data-v-417cd84c]{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-417cd84c]:hover{transform:scale(1.5);background-color:#ff4500;box-shadow:0 6px 30px rgba(255,69,0,.7)}.milestone-content[data-v-417cd84c]{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-417cd84c]{display:block;opacity:1;transition:opacity .3s ease}.milestone-time[data-v-417cd84c]{position:absolute;font-size:16px;font-weight:700;color:#fff}.milestone1[data-v-417cd84c]{top:100px;left:10%}.milestone2[data-v-417cd84c]{top:220px;left:60%}.milestone3[data-v-417cd84c]{top:370px;left:40%}.milestone4[data-v-417cd84c]{top:480px;left:85%}.milestone5[data-v-417cd84c]{top:650px;left:65%}.milestone-time1[data-v-417cd84c]{top:130px;left:5%}.milestone-time2[data-v-417cd84c]{top:190px;left:55%}.milestone-time3[data-v-417cd84c]{top:400px;left:35%}.milestone-time4[data-v-417cd84c]{top:460px;left:80%}.milestone-time5[data-v-417cd84c]{top:680px;left:60%}@media (max-width:768px){.timeline-wrapper[data-v-417cd84c]{width:100%;height:auto}.timeline-container[data-v-417cd84c]{height:600px}}@media (max-width:480px){.timeline-container[data-v-417cd84c]{height:500px}.milestone-time[data-v-417cd84c]{font-size:14px}}.policy-page[data-v-52e09b24]{padding:28px 12px;display:flex;justify-content:center}.container[data-v-52e09b24]{width:100%;max-width:900px;background:#fff;border-radius:10px;padding:24px;box-shadow:0 6px 24px rgba(0,0,0,.06);color:#222;line-height:1.6}h1[data-v-52e09b24]{font-size:20px;margin-bottom:8px;color:#0b6b3f}h2[data-v-52e09b24]{font-size:16px;margin-top:18px;color:#166534}.intro[data-v-52e09b24]{margin-bottom:12px;color:#444}.contact[data-v-52e09b24]{margin-top:14px;font-weight:600}@media (max-width:600px){.container[data-v-52e09b24]{padding:16px}h1[data-v-52e09b24]{font-size:18px}h2[data-v-52e09b24]{font-size:15px}}.tos-page[data-v-3091e598]{padding:28px 12px;display:flex;justify-content:center}.container[data-v-3091e598]{width:100%;max-width:900px;background:#fff;border-radius:10px;padding:24px;box-shadow:0 6px 24px rgba(0,0,0,.06);color:#222;line-height:1.6}h1[data-v-3091e598]{font-size:20px;margin-bottom:8px;color:#2d4a8a}h2[data-v-3091e598]{font-size:16px;margin-top:16px;color:#1f4a73}.intro[data-v-3091e598]{margin-bottom:12px;color:#444}.contact[data-v-3091e598]{margin-top:14px;font-weight:600}@media (max-width:600px){.container[data-v-3091e598]{padding:16px}h1[data-v-3091e598]{font-size:18px}h2[data-v-3091e598]{font-size:15px}}body[data-v-1276fd45]{font-family:Arial,sans-serif;background-color:#f4f4f9;color:#333}.system-list[data-v-1276fd45]{max-width:1200px;margin:0 auto;padding:20px}.header1[data-v-1276fd45]{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-1276fd45]{margin:0;font-size:2.5em;font-weight:700}.system-container[data-v-1276fd45]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.system-card[data-v-1276fd45]{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-1276fd45]{flex:1 1 calc(33.33% - 20px)}}@media (max-width:768px){.system-card[data-v-1276fd45]{flex:1 1 calc(50% - 20px)}}@media (max-width:576px){.system-card[data-v-1276fd45]{flex:1 1 100%}}.system-card[data-v-1276fd45]:hover{transform:translateY(-10px);box-shadow:0 6px 12px rgba(0,0,0,.2);background-color:#d9f6d3}.system-card img[data-v-1276fd45]{width:140px;margin-bottom:15px;transition:transform .3s ease}.system-card:hover img[data-v-1276fd45]{transform:scale(1.1)}.system-card a[data-v-1276fd45]{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-1276fd45]:hover{color:#007bff}.pagination[data-v-1276fd45]{text-align:center;margin-top:20px}.pagination button[data-v-1276fd45]{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-1276fd45]:hover{background-color:#0056b3}.pagination button[data-v-1276fd45]:disabled{background-color:#bbb}.pagination span[data-v-1276fd45]{margin:0 10px}body[data-v-9602093a]{font-family:Arial,sans-serif;background-color:#f4f4f9;color:#333}.system-list[data-v-9602093a]{max-width:1200px;margin:0 auto;padding:20px}.header1[data-v-9602093a]{background:linear-gradient(45deg,#2fd93d,#00c6ff);color:#fff;padding:15px;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,.15);margin-bottom:15px;text-align:center}.header1 h1[data-v-9602093a]{margin:0;font-size:2em;font-weight:700}.system-container[data-v-9602093a]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.system-card[data-v-9602093a]{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:15px;transition:all .3s ease;cursor:pointer}@media (max-width:992px){.system-card[data-v-9602093a]{flex:1 1 calc(33.33% - 20px)}}@media (max-width:768px){.system-card[data-v-9602093a]{flex:1 1 calc(50% - 20px)}}@media (max-width:576px){.system-card[data-v-9602093a]{flex:1 1 100%}}.system-card[data-v-9602093a]:hover{transform:translateY(-10px);box-shadow:0 6px 12px rgba(0,0,0,.2);background-color:#d9f6d3}.system-card img[data-v-9602093a]{width:140px;margin-bottom:15px;transition:transform .3s ease}.system-card:hover img[data-v-9602093a]{transform:scale(1.1)}.system-card a[data-v-9602093a]{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-9602093a]:hover{color:#007bff}.pagination[data-v-9602093a]{text-align:center;margin-top:20px}.pagination button[data-v-9602093a]{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-9602093a]:hover{background-color:#0056b3}.pagination button[data-v-9602093a]:disabled{background-color:#bbb}.pagination span[data-v-9602093a]{margin:0 10px}body[data-v-9016ca76]{font-family:Arial,sans-serif;background-color:#f4f4f9;color:#333}.system-list[data-v-9016ca76]{max-width:1400px;margin:0 auto}.header1[data-v-9016ca76]{background:linear-gradient(45deg,#ff805cbd,#f2ff00bd);animation:gradient-shift 6s infinite alternate;background-size:200% 200%;color:#fff;padding:15px;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,.15);margin-bottom:15px;text-align:center}.header1 h1[data-v-9016ca76]{margin:0;font-size:2em;font-weight:700}.system-container[data-v-9016ca76]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;touch-action:pan-y;transform:translateX(0);will-change:transform}.system-card[data-v-9016ca76]{flex:1 1 calc(16.66% - 16px);background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;padding:12px;transition:all .3s ease;cursor:pointer;min-width:120px}@media (max-width:1200px){.system-card[data-v-9016ca76]{flex:1 1 calc(20% - 16px)}}@media (max-width:992px){.system-card[data-v-9016ca76]{flex:1 1 calc(25% - 16px)}}@media (max-width:768px){.system-card[data-v-9016ca76]{flex:1 1 calc(33.33 ABSOLUTE % - 16px)}}@media (max-width:576px){.system-card[data-v-9016ca76]{flex:1 1 calc(50% - 16px)}}@media (max-width:400px){.system-card[data-v-9016ca76]{flex:1 1 calc(50% - 12px);min-width:100px;padding:8px}.system-container[data-v-9016ca76]{gap:12px}.system-card img[data-v-9016ca76]{width:80px}.system-card a[data-v-9016ca76]{font-size:.85em}}.system-card[data-v-9016ca76]:hover{transform:translateY(-10px);box-shadow:0 6px 12px rgba(0,0,0,.2);background-color:#d9f6d3}.system-card img[data-v-9016ca76]{width:100px;margin-bottom:10px;transition:transform .3s ease}.system-card:hover img[data-v-9016ca76]{transform:scale(1.1)}.system-card a[data-v-9016ca76]{display:block;text-decoration:none;color:#333;font-size:.9em;font-weight:700;margin-top:5px;transition:color .3s ease;word-wrap:break-word}.system-card a[data-v-9016ca76]:hover{color:#007bff}.pagination[data-v-9016ca76]{text-align:center;margin-top:20px}.pagination button[data-v-9016ca76]{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-9016ca76]:hover{background-color:#0056b3}.pagination button[data-v-9016ca76]:disabled{background-color:#bbb}.pagination span[data-v-9016ca76]{margin:0 10px}@media (max-width:768px){.system-container[data-v-9016ca76]{-webkit-overflow-scrolling:touch}}body[data-v-a43e1890]{font-family:Arial,sans-serif;background-color:#f4f4f9;color:#333}.system-list[data-v-a43e1890]{max-width:1400px;margin:0 auto}.header1[data-v-a43e1890]{background:linear-gradient(45deg,#ff805cbd,#f2ff00bd);animation:gradient-shift 6s infinite alternate;background-size:200% 200%;color:#fff;padding:15px;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,.15);margin-bottom:15px;text-align:center}.header1 h1[data-v-a43e1890]{margin:0;font-size:2em;font-weight:700}.system-container[data-v-a43e1890]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;touch-action:pan-y;transform:translateX(0);will-change:transform}.system-card[data-v-a43e1890]{flex:1 1 calc(16.66% - 16px);background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;padding:12px;transition:all .3s ease;cursor:pointer;min-width:120px}@media (max-width:1200px){.system-card[data-v-a43e1890]{flex:1 1 calc(20% - 16px)}}@media (max-width:992px){.system-card[data-v-a43e1890]{flex:1 1 calc(25% - 16px)}}@media (max-width:768px){.system-card[data-v-a43e1890]{flex:1 1 calc(33.33 ABSOLUTE % - 16px)}}@media (max-width:576px){.system-card[data-v-a43e1890]{flex:1 1 calc(50% - 16px)}}@media (max-width:400px){.system-card[data-v-a43e1890]{flex:1 1 calc(50% - 12px);min-width:100px;padding:8px}.system-container[data-v-a43e1890]{gap:12px}.system-card img[data-v-a43e1890]{width:80px}.system-card a[data-v-a43e1890]{font-size:.85em}}.system-card[data-v-a43e1890]:hover{transform:translateY(-10px);box-shadow:0 6px 12px rgba(0,0,0,.2);background-color:#d9f6d3}.system-card img[data-v-a43e1890]{width:100px;margin-bottom:10px;transition:transform .3s ease}.system-card:hover img[data-v-a43e1890]{transform:scale(1.1)}.system-card a[data-v-a43e1890]{display:block;text-decoration:none;color:#333;font-size:.9em;font-weight:700;margin-top:5px;transition:color .3s ease;word-wrap:break-word}.system-card a[data-v-a43e1890]:hover{color:#007bff}.pagination[data-v-a43e1890]{text-align:center;margin-top:20px}.pagination button[data-v-a43e1890]{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-a43e1890]:hover{background-color:#0056b3}.pagination button[data-v-a43e1890]:disabled{background-color:#bbb}.pagination span[data-v-a43e1890]{margin:0 10px}@media (max-width:768px){.system-container[data-v-a43e1890]{-webkit-overflow-scrolling:touch}}body[data-v-ab775c8c]{font-family:Arial,sans-serif;background-color:#f4f4f9;color:#333}.system-list[data-v-ab775c8c]{max-width:1200px;margin:0 auto;padding:20px}.header1[data-v-ab775c8c]{background:linear-gradient(45deg,#2fd93d,#00c6ff);color:#fff;padding:15px;border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,.15);margin-bottom:15px;text-align:center}.header1 h1[data-v-ab775c8c]{margin:0;font-size:2em;font-weight:700}.system-container[data-v-ab775c8c]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.system-card[data-v-ab775c8c]{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:15px;transition:all .3s ease;cursor:pointer}@media (max-width:992px){.system-card[data-v-ab775c8c]{flex:1 1 calc(33.33% - 20px)}}@media (max-width:768px){.system-card[data-v-ab775c8c]{flex:1 1 calc(50% - 20px)}}@media (max-width:576px){.system-card[data-v-ab775c8c]{flex:1 1 100%}}.system-card[data-v-ab775c8c]:hover{transform:translateY(-10px);box-shadow:0 6px 12px rgba(0,0,0,.2);background-color:#d9f6d3}.system-card img[data-v-ab775c8c]{width:140px;margin-bottom:15px;transition:transform .3s ease}.system-card:hover img[data-v-ab775c8c]{transform:scale(1.1)}.system-card a[data-v-ab775c8c]{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-ab775c8c]:hover{color:#007bff}.pagination[data-v-ab775c8c]{text-align:center;margin-top:20px}.pagination button[data-v-ab775c8c]{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-ab775c8c]:hover{background-color:#0056b3}.pagination button[data-v-ab775c8c]:disabled{background-color:#bbb}.pagination span[data-v-ab775c8c]{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-5866cf9a]{font-family:Arial,sans-serif;background-color:#f0f0f5;margin:0;padding:20px}h1[data-v-5866cf9a]{text-align:center;color:gold;margin-bottom:50px;font-size:2.5rem;text-transform:uppercase}.timeline[data-v-5866cf9a]{position:relative;max-width:1200px;margin:0 auto}.timeline[data-v-5866cf9a]:before{content:"";position:absolute;top:0;left:50%;width:6px;height:100%;background:radial-gradient(circle,gold,#000);background-size:15px 100px;border-radius:6px;z-index:1;animation:animateLine-5866cf9a 4s linear infinite}.container[data-v-5866cf9a]{padding:20px 40px;position:relative;width:50%;box-sizing:border-box}.container.left[data-v-5866cf9a]{left:0;text-align:right}.container.right[data-v-5866cf9a]{left:50%}.container[data-v-5866cf9a]:before{content:"";position:absolute;top:20px;border-style:solid}.container.left[data-v-5866cf9a]:before{left:100%;border-width:10px 0 10px 10px;border-color:transparent transparent transparent gold}.container.right[data-v-5866cf9a]:before{right:100%;border-width:10px 10px 10px 0;border-color:transparent gold transparent transparent}.content[data-v-5866cf9a]{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-5866cf9a]{transform-origin:right}.container.right .content[data-v-5866cf9a]{transform-origin:left}.container.left .content[data-v-5866cf9a]:hover,.container.right .content[data-v-5866cf9a]:hover{background-color:#fffae6;transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.3)}h2[data-v-5866cf9a]{color:gold;margin:0 0 10px;font-size:1.6rem}p[data-v-5866cf9a]{margin:0;color:#333;font-size:1rem}@keyframes animateLine-5866cf9a{0%{background-position:0 0}to{background-position:0 100%}}@media screen and (max-width:768px){.container[data-v-5866cf9a]{width:100%;padding-left:40px;padding-right:40px}.container.left[data-v-5866cf9a],.container.right[data-v-5866cf9a]{left:0;text-align:left}.container.left[data-v-5866cf9a]:before,.container.right[data-v-5866cf9a]:before{left:30px;border-width:10px 10px 10px 0;border-color:transparent gold transparent transparent}.timeline[data-v-5866cf9a]:before{left:30px}}.login-container[data-v-30bfc59c]{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-30bfc59c]{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-30bfc59c 5s ease infinite}.py-3[data-v-30bfc59c]{width:100%}.mr-3[data-v-30bfc59c]{margin-bottom:-10px;margin-right:1px!important}@keyframes colorChange-30bfc59c{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.form-group[data-v-30bfc59c],.login-form[data-v-30bfc59c]{display:flex;flex-direction:column}.form-group[data-v-30bfc59c]{margin-bottom:15px}.form-group label[data-v-30bfc59c]{margin-bottom:5px;font-weight:700}input[type=password][data-v-30bfc59c],input[type=text][data-v-30bfc59c]{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}input[type=password][data-v-30bfc59c]:focus,input[type=text][data-v-30bfc59c]:focus{border-color:#4caf50;outline:none}.login-button[data-v-30bfc59c]{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-30bfc59c]:hover{background-color:#45a049}.error-message[data-v-30bfc59c]{color:red;text-align:center;margin-top:10px}.profile-container[data-v-79b6a1a6]{max-width:600px;margin:2rem auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.card-container[data-v-79b6a1a6]{background:#fff;border-radius:15px;box-shadow:0 8px 30px rgba(0,0,0,.1);overflow:hidden;margin-bottom:2rem;height:auto;min-height:-moz-fit-content;min-height:fit-content}.employee-card[data-v-79b6a1a6]{height:100%;display:flex;flex-direction:column}.card-header[data-v-79b6a1a6]{background:linear-gradient(135deg,#4caf50,#ffc107);padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.header-content[data-v-79b6a1a6]{display:flex;align-items:center;gap:1.5rem;flex:1}.company-logo[data-v-79b6a1a6]{height:60px;width:auto;filter:none;margin-right:15px}.company-name[data-v-79b6a1a6]{font-size:1.1rem;color:#fff;font-weight:600;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.card-body[data-v-79b6a1a6]{flex:1;padding:1.5rem;height:auto;min-height:-moz-fit-content;min-height:fit-content}.content-wrapper[data-v-79b6a1a6]{display:flex;flex-direction:column;align-items:center;gap:1.5rem;height:auto;padding-bottom:1rem}.photo-section[data-v-79b6a1a6]{width:160px;height:auto;margin-top:0;position:relative;z-index:1;margin-bottom:1rem;text-align:center}.employee-photo[data-v-79b6a1a6]{width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:4px solid #fff;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:8px}.employee-id[data-v-79b6a1a6]{font-size:1rem;font-weight:600;color:#4caf50;padding:4px 8px;border-radius:4px;background:hsla(0,0%,100%,.9);box-shadow:0 2px 4px rgba(0,0,0,.1);display:inline-block;margin-top:8px}.info-section[data-v-79b6a1a6]{width:100%;padding-top:1rem;height:auto}.info-row[data-v-79b6a1a6]{margin-bottom:.8rem;display:flex;align-items:baseline;gap:1rem;border-bottom:1px dashed #eee;padding-bottom:.5rem}.info-row label[data-v-79b6a1a6]{font-weight:600;color:#4caf50;min-width:100px}.info-row span[data-v-79b6a1a6]{color:#333;flex:1}.qr-section[data-v-79b6a1a6]{background:#fff;padding:5px;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media (max-width:768px){.profile-container[data-v-79b6a1a6]{padding:10px;height:auto;min-height:100vh}.card-header[data-v-79b6a1a6]{padding:1rem;flex-direction:column;gap:1rem}.header-content[data-v-79b6a1a6]{flex-direction:column;text-align:center}.company-logo[data-v-79b6a1a6]{height:50px}.company-name[data-v-79b6a1a6]{font-size:1rem}.photo-section[data-v-79b6a1a6]{width:140px;margin-top:-2rem;margin-bottom:.5rem}.employee-id[data-v-79b6a1a6]{font-size:.9rem}.info-row[data-v-79b6a1a6]{flex-direction:column;gap:.3rem;text-align:center}.info-row label[data-v-79b6a1a6]{min-width:auto}}.actions[data-v-79b6a1a6]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:20px;max-width:1200px;margin:0 auto}.action-btn[data-v-79b6a1a6]{padding:12px 16px;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;white-space:nowrap;color:#fff;font-size:13px;min-height:45px;width:100%;box-shadow:0 4px 15px rgba(0,0,0,.1)}.action-btn i[data-v-79b6a1a6]{font-size:14px}.id-card-btn[data-v-79b6a1a6]{background:linear-gradient(135deg,#3498db,#2980b9)}.id-card-btn[data-v-79b6a1a6]:hover{background:linear-gradient(135deg,#2980b9,#2573a7);transform:translateY(-2px)}.front-card-btn[data-v-79b6a1a6]{background:linear-gradient(135deg,#4caf50,#45a049)}.front-card-btn[data-v-79b6a1a6]:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px)}.back-card-btn[data-v-79b6a1a6]{background:linear-gradient(135deg,#f1c40f,#f39c12)}.back-card-btn[data-v-79b6a1a6]:hover{background:linear-gradient(135deg,#f39c12,#e67e22);transform:translateY(-2px)}.logout-btn[data-v-79b6a1a6]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.logout-btn[data-v-79b6a1a6]:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px)}.full-card-btn[data-v-79b6a1a6]{background:linear-gradient(135deg,#6c5ce7,#a55eea)}.full-card-btn[data-v-79b6a1a6]:hover{background:linear-gradient(135deg,#5b4cc4,#8f44e9);transform:translateY(-2px)}@media (max-width:1200px){.actions[data-v-79b6a1a6]{grid-template-columns:repeat(3,1fr);max-width:800px}}@media (max-width:768px){.actions[data-v-79b6a1a6]{grid-template-columns:1fr;padding:10px}.action-btn[data-v-79b6a1a6]{font-size:14px;padding:12px 20px}.card-body[data-v-79b6a1a6]{grid-template-columns:1fr;text-align:center}.photo-section[data-v-79b6a1a6]{width:120px;margin:0 auto}.info-row[data-v-79b6a1a6]{flex-direction:column;gap:.3rem}.info-row label[data-v-79b6a1a6]{min-width:auto}.qr-section[data-v-79b6a1a6]{margin-top:1rem}.actions[data-v-79b6a1a6]{grid-template-columns:1fr;padding:10px}.action-btn[data-v-79b6a1a6]{width:100%;font-size:13px}}@media print{.card-container[data-v-79b6a1a6]{box-shadow:none}}.business-card-container[data-v-79b6a1a6]{width:100%;max-width:800px;margin:2rem auto;padding:20px}.business-cards-wrapper[data-v-79b6a1a6]{display:flex;gap:20px;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.business-card[data-v-79b6a1a6]{width:350px;height:200px;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1)}.card-front[data-v-79b6a1a6]{background:linear-gradient(135deg,#4caf50,#ffc107);height:100%;padding:25px;display:grid;grid-template-rows:auto 1fr;gap:15px;align-items:center}.card-front .logo-section[data-v-79b6a1a6]{text-align:center}.front-logo[data-v-79b6a1a6]{width:70px;height:70px;-o-object-fit:contain;object-fit:contain;margin:0 auto}.card-front .card-details[data-v-79b6a1a6]{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-front .company-name[data-v-79b6a1a6]{color:#fff;font-size:14px;font-weight:700;margin:0;line-height:1.4;max-width:280px;text-transform:uppercase;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.card-front .divider[data-v-79b6a1a6]{width:60%;height:2px;background:linear-gradient(90deg,#07daffd4,#f4f8f5);margin:12px auto;box-shadow:0 1px 2px rgba(0,0,0,.1)}.card-front .company-slogan[data-v-79b6a1a6]{color:#fff;font-size:12px;font-style:italic;margin:0;opacity:.9}.card-back[data-v-79b6a1a6]{background:#fff;height:100%;padding:20px;display:grid;grid-template-columns:auto 1fr;gap:15px}.card-back[data-v-79b6a1a6],.card-front[data-v-79b6a1a6]{position:relative;width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Roboto,Arial,sans-serif}.business-logo[data-v-79b6a1a6]{width:45px;height:45px;-o-object-fit:contain;object-fit:contain}.card-details[data-v-79b6a1a6]{text-align:left}.employee-name[data-v-79b6a1a6]{font-size:16px;color:#333;margin:0}.employee-name[data-v-79b6a1a6],.job-title[data-v-79b6a1a6]{font-weight:600;font-family:Segoe UI,Roboto,Arial,sans-serif}.job-title[data-v-79b6a1a6]{font-size:14px;color:#4caf50;margin:4px 0}.position[data-v-79b6a1a6]{font-size:12px;color:#666;margin:4px 0;font-style:italic;font-family:Segoe UI,Roboto,Arial,sans-serif}.divider[data-v-79b6a1a6]{width:50%;height:2px;background:linear-gradient(90deg,#4caf50,#ffc107);margin:8px 0}.contact-info[data-v-79b6a1a6]{margin-top:10px;font-size:11px;color:#555;font-family:Segoe UI,Roboto,Arial,sans-serif}.contact-info p[data-v-79b6a1a6]{margin:4px 0;display:flex;align-items:center;gap:6px}.contact-info i[data-v-79b6a1a6]{color:#4caf50;width:12px}.qr-corner[data-v-79b6a1a6]{position:absolute;top:15px;right:15px;background:#fff;padding:4px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.1)}@media (max-width:768px){.business-card[data-v-79b6a1a6]{width:300px;height:170px}.front-logo[data-v-79b6a1a6]{width:80px}.card-front .company-name[data-v-79b6a1a6]{font-size:16px}.business-logo[data-v-79b6a1a6]{width:40px}.employee-name[data-v-79b6a1a6]{font-size:14px}.contact-info[data-v-79b6a1a6]{font-size:10px}}#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-20368335]{font-family:Arial,sans-serif;background:linear-gradient(45deg,#ff6b6b,#f3c47b,#f884f6);background-size:300% 300%;animation:gradientAnimation 6s ease infinite;min-height:100vh;width:100%;display:flex;justify-content:center;align-items:flex-start;padding:20px}.main-container[data-v-20368335]{width:100%;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.employee-info[data-v-20368335]{max-width:none;padding:30px}.content-wrapper[data-v-20368335]{width:100%;max-width:1200px;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:start}.info[data-v-20368335]{text-align:left}.locations-grid[data-v-20368335]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;width:100%}.time-location-display[data-v-20368335]{width:100%;padding:15px 25px;background:hsla(0,0%,100%,.15);margin:15px auto;max-width:600px}.checkout-summary[data-v-20368335],.employee-info[data-v-20368335],.working-time[data-v-20368335]{text-align:center;margin-top:20px;width:100%}.employee-info[data-v-20368335]{background:hsla(0,0%,100%,.1);border-radius:15px;padding:20px;width:100%;max-width:800px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar[data-v-20368335]{border-radius:50%;width:120px;height:120px;-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-20368335]{font-size:28px;font-weight:700}.checkin-time[data-v-20368335]{font-size:24px;font-weight:700;color:#2ecc71}.greeting[data-v-20368335]{font-size:20px;color:#fff;padding:15px 25px;border-radius:12px;background:linear-gradient(45deg,#ff6b6b,#f39c12);display:inline-block;margin:15px 0;box-shadow:0 4px 15px rgba(0,0,0,.2);animation:fadeInOut-20368335 .3s ease-in-out;position:relative;text-align:center;min-width:300px;max-width:80%;margin-left:auto;margin-right:auto}@keyframes fadeInOut-20368335{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.working-time[data-v-20368335]{width:100%;height:100vh;display:flex;justify-content:center;padding:20px}.working-content[data-v-20368335]{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;width:100%;max-width:500px;text-align:center}.working-header[data-v-20368335]{margin-bottom:30px}.working-header h2[data-v-20368335]{font-size:28px;font-weight:700;color:#fff;margin:0}.day-status[data-v-20368335]{font-size:18px;color:#fff;margin:10px 0 0;opacity:.9}.time-circle[data-v-20368335]{width:250px;height:250px;background:rgba(46,204,113,.56);border:3px solid #2ecc71;color:#fff;display:flex;justify-content:center;align-items:center;font-size:48px;font-weight:700;margin:30px auto;border-radius:50%;box-shadow:0 0 30px rgba(46,204,113,.3)}.checkout-btn[data-v-20368335]{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-20368335]: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-20368335]:active{transform:translateY(2px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.thank-you[data-v-20368335]{font-weight:700;color:#8b6be1;background:linear-gradient(45deg,#f5c495 #f39c12);padding:20px;box-shadow:0 0 15px rgba(0,0,0,.2);animation:gradientEffect-20368335 3s ease-in-out infinite}@keyframes gradientEffect-20368335{0%{background:linear-gradient(45deg,#edb50c92,#f39c12)}50%{background:linear-gradient(45deg,#f4d90c,#f1c40f)}to{background:linear-gradient(45deg,#ebbd0799,#f39c12)}}.day-summary[data-v-20368335]{font-size:16px;color:#fff;margin-top:20px}.location-status[data-v-20368335]{display:none}.time-display[data-v-20368335]{background:hsla(0,0%,100%,.15);padding:15px;border-radius:12px;margin:15px 0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.current-time[data-v-20368335]{font-size:28px}.location-status-card[data-v-20368335]{background:hsla(0,0%,100%,.1);border-radius:8px;padding:15px;margin:15px 0;width:100%}.status-message[data-v-20368335]{padding:10px;border-radius:6px;margin-bottom:10px}.status-message.checking[data-v-20368335]{background:hsla(0,0%,100%,.2)}.status-message.error[data-v-20368335]{background:rgba(255,87,87,.2)}.status-message.success[data-v-20368335]{background:rgba(46,204,113,.2)}.valid-locations[data-v-20368335]{margin-top:20px}.locations-grid[data-v-20368335]{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:15px}.location-item[data-v-20368335]{padding:10px;border-radius:8px;background:hsla(0,0%,100%,.1);transition:all .3s ease;color:#fff}.location-item.current[data-v-20368335]{background:rgba(46,204,113,.3);border:2px solid #2ecc71;transform:scale(1.05)}@media (max-width:768px){.locations-grid[data-v-20368335]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.location-item[data-v-20368335]{font-size:12px;padding:6px}.avatar[data-v-20368335]{width:180px;height:180px}.info h1[data-v-20368335]{font-size:24px}.greeting[data-v-20368335]{font-size:18px;min-width:auto;width:90%}.time-circle[data-v-20368335]{width:150px;height:150px;font-size:30px}}@media (max-width:480px){.avatar[data-v-20368335]{width:120px;height:120px}.info h1[data-v-20368335]{font-size:20px}.greeting[data-v-20368335]{font-size:16px}.time-circle[data-v-20368335]{width:120px;height:120px;font-size:24px}}@media (prefers-color-scheme:dark){.checking-location[data-v-20368335]{background:rgba(40,40,40,.9);color:#fff}}.greeting.checking[data-v-20368335]{background:linear-gradient(45deg,#3498db,#2980b9)}.greeting.error[data-v-20368335]{background:linear-gradient(45deg,#e74c3c,#c0392b)}.greeting.success[data-v-20368335]{background:linear-gradient(45deg,#2ecc71,#27ae60);max-width:100%}.loader[data-v-20368335]{display:inline-block;width:20px;height:20px;margin-right:10px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.location-info[data-v-20368335]{margin-top:15px;padding:10px;background:hsla(0,0%,100%,.1);border-radius:8px;font-size:16px}.checkin-btn[data-v-20368335]{margin:15px auto 0;padding:10px 25px;font-size:16px}.checkin-btn[data-v-20368335]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.checkin-btn[data-v-20368335]:active{transform:translateY(1px)}.content-wrapper[data-v-20368335]{max-height:140vh;padding:20px;margin:0 auto}.status-info[data-v-20368335]{margin:15px 0}.time-location-display[data-v-20368335]{display:flex;justify-content:center;align-items:center;gap:20px;background:hsla(0,0%,100%,.1);padding:10px 20px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.current-time[data-v-20368335]{font-size:24px;font-weight:700;color:#fff;margin:0}.current-location[data-v-20368335]{font-size:18px;color:#fff;margin:0;opacity:.9}.greeting[data-v-20368335]{width:-moz-fit-content;width:fit-content;margin:15px auto;padding:12px 20px}.checkin-btn[data-v-20368335]{display:block;margin:25px auto;padding:12px 40px;font-size:18px;font-weight:700;background:linear-gradient(45deg,#2ecc71,#27ae60);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.valid-locations[data-v-20368335]{margin-top:25px;padding:15px;background:hsla(0,0%,100%,.05);border-radius:12px}@media (max-width:768px){.content-wrapper[data-v-20368335]{padding:10px}.time-location-display[data-v-20368335]{flex-direction:column;gap:10px}}@media (max-width:1200px){.content-wrapper[data-v-20368335]{grid-template-columns:1fr;text-align:center}.info[data-v-20368335]{text-align:center}.locations-grid[data-v-20368335]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){#app[data-v-20368335]{padding:10px}.employee-info[data-v-20368335]{padding:15px}.locations-grid[data-v-20368335]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.department[data-v-20368335],.email[data-v-20368335],.info h1[data-v-20368335],.info p[data-v-20368335]{color:#fff}.status-container[data-v-20368335]{width:100%;max-width:600px;margin:20px auto;min-height:80px;display:flex;justify-content:center;align-items:center;text-align:center}.checkout-summary[data-v-20368335]{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.summary-content[data-v-20368335]{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:100%;max-width:600px;text-align:center}.summary-content h2[data-v-20368335]{color:#fff;font-size:28px;margin-bottom:30px}.employee-brief[data-v-20368335]{margin:20px 0;padding:20px;background:hsla(0,0%,100%,.05);border-radius:15px}.employee-brief .avatar[data-v-20368335]{width:100px;height:100px;margin-bottom:15px}.employee-brief h1[data-v-20368335]{color:#fff;font-size:24px;margin:0}.employee-brief .email[data-v-20368335]{color:#fff;opacity:.9;margin:5px 0 0}.time-summary[data-v-20368335]{margin:30px 0;padding:20px;background:hsla(0,0%,100%,.05);border-radius:15px}.summary-item[data-v-20368335]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;margin:10px 0}.summary-item .label[data-v-20368335]{color:#fff;opacity:.9;margin:0}.summary-item .value[data-v-20368335]{color:#fff;font-weight:700;font-size:20px;margin:0}.thank-you[data-v-20368335]{color:#fff;font-size:18px;margin:30px 0;padding:15px;background:rgba(46,204,113,.2);border-radius:10px;border:1px solid rgba(46,204,113,.3)}@media (max-width:768px){.summary-content[data-v-20368335]{padding:20px}.employee-brief .avatar[data-v-20368335]{width:80px;height:80px}.summary-item[data-v-20368335]{flex-direction:column;gap:5px}.thank-you[data-v-20368335]{font-size:16px}}#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}#app[data-v-574dd953]{font-family:Arial,sans-serif;background:linear-gradient(45deg,#ff6b6b,#f3c47b,#f884f6);background-size:300% 300%;animation:gradientAnimation 6s ease infinite;min-height:100vh;width:100%;display:flex;justify-content:center;align-items:flex-start;padding:20px}.main-container[data-v-574dd953]{width:100%;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.employee-info[data-v-574dd953]{max-width:none;padding:30px}.content-wrapper[data-v-574dd953]{width:100%;max-width:1200px;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:start}.info[data-v-574dd953]{text-align:left}.locations-grid[data-v-574dd953]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;width:100%}.time-location-display[data-v-574dd953]{width:100%;padding:15px 25px;background:hsla(0,0%,100%,.15);margin:15px auto;max-width:600px}.checkout-summary[data-v-574dd953],.employee-info[data-v-574dd953],.working-time[data-v-574dd953]{text-align:center;margin-top:20px;width:100%}.employee-info[data-v-574dd953]{background:hsla(0,0%,100%,.1);border-radius:15px;padding:20px;width:100%;max-width:800px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar[data-v-574dd953]{border-radius:50%;width:120px;height:120px;-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-574dd953]{font-size:28px;font-weight:700}.checkin-time[data-v-574dd953]{font-size:24px;font-weight:700;color:#2ecc71}.greeting[data-v-574dd953]{font-size:20px;color:#fff;padding:15px 25px;border-radius:12px;background:linear-gradient(45deg,#ff6b6b,#f39c12);display:inline-block;margin:15px 0;box-shadow:0 4px 15px rgba(0,0,0,.2);animation:fadeInOut-574dd953 .3s ease-in-out;position:relative;text-align:center;min-width:300px;max-width:80%;margin-left:auto;margin-right:auto}@keyframes fadeInOut-574dd953{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.working-time[data-v-574dd953]{width:100%;height:100vh;display:flex;justify-content:center;padding:20px}.working-content[data-v-574dd953]{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;width:100%;max-width:500px;text-align:center}.working-header[data-v-574dd953]{margin-bottom:30px}.working-header h2[data-v-574dd953]{font-size:28px;font-weight:700;color:#fff;margin:0}.day-status[data-v-574dd953]{font-size:18px;color:#fff;margin:10px 0 0;opacity:.9}.time-circle[data-v-574dd953]{width:250px;height:250px;background:rgba(46,204,113,.56);border:3px solid #2ecc71;color:#fff;display:flex;justify-content:center;align-items:center;font-size:48px;font-weight:700;margin:30px auto;border-radius:50%;box-shadow:0 0 30px rgba(46,204,113,.3)}.checkout-btn[data-v-574dd953]{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-574dd953]: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-574dd953]:active{transform:translateY(2px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.thank-you[data-v-574dd953]{font-weight:700;color:#8b6be1;background:linear-gradient(45deg,#f5c495 #f39c12);padding:20px;box-shadow:0 0 15px rgba(0,0,0,.2);animation:gradientEffect-574dd953 3s ease-in-out infinite}@keyframes gradientEffect-574dd953{0%{background:linear-gradient(45deg,#edb50c92,#f39c12)}50%{background:linear-gradient(45deg,#f4d90c,#f1c40f)}to{background:linear-gradient(45deg,#ebbd0799,#f39c12)}}.day-summary[data-v-574dd953]{font-size:16px;color:#fff;margin-top:20px}.location-status[data-v-574dd953]{display:none}.time-display[data-v-574dd953]{background:hsla(0,0%,100%,.15);padding:15px;border-radius:12px;margin:15px 0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.current-time[data-v-574dd953]{font-size:28px}.location-status-card[data-v-574dd953]{background:hsla(0,0%,100%,.1);border-radius:8px;padding:15px;margin:15px 0;width:100%}.status-message[data-v-574dd953]{padding:10px;border-radius:6px;margin-bottom:10px}.status-message.checking[data-v-574dd953]{background:hsla(0,0%,100%,.2)}.status-message.error[data-v-574dd953]{background:rgba(255,87,87,.2)}.status-message.success[data-v-574dd953]{background:rgba(46,204,113,.2)}.valid-locations[data-v-574dd953]{margin-top:20px}.locations-grid[data-v-574dd953]{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:15px}.location-item[data-v-574dd953]{padding:10px;border-radius:8px;background:hsla(0,0%,100%,.1);transition:all .3s ease;color:#fff}.location-item.current[data-v-574dd953]{background:rgba(46,204,113,.3);border:2px solid #2ecc71;transform:scale(1.05)}@media (max-width:768px){.locations-grid[data-v-574dd953]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.location-item[data-v-574dd953]{font-size:12px;padding:6px}.avatar[data-v-574dd953]{width:180px;height:180px}.info h1[data-v-574dd953]{font-size:24px}.greeting[data-v-574dd953]{font-size:18px;min-width:auto;width:90%}.time-circle[data-v-574dd953]{width:150px;height:150px;font-size:30px}}@media (max-width:480px){.avatar[data-v-574dd953]{width:120px;height:120px}.info h1[data-v-574dd953]{font-size:20px}.greeting[data-v-574dd953]{font-size:16px}.time-circle[data-v-574dd953]{width:120px;height:120px;font-size:24px}}@media (prefers-color-scheme:dark){.checking-location[data-v-574dd953]{background:rgba(40,40,40,.9);color:#fff}}.greeting.checking[data-v-574dd953]{background:linear-gradient(45deg,#3498db,#2980b9)}.greeting.error[data-v-574dd953]{background:linear-gradient(45deg,#e74c3c,#c0392b)}.greeting.success[data-v-574dd953]{background:linear-gradient(45deg,#2ecc71,#27ae60);max-width:100%}.loader[data-v-574dd953]{display:inline-block;width:20px;height:20px;margin-right:10px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.location-info[data-v-574dd953]{margin-top:15px;padding:10px;background:hsla(0,0%,100%,.1);border-radius:8px;font-size:16px}.checkin-btn[data-v-574dd953]{margin:15px auto 0;padding:10px 25px;font-size:16px}.checkin-btn[data-v-574dd953]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.checkin-btn[data-v-574dd953]:active{transform:translateY(1px)}.content-wrapper[data-v-574dd953]{max-height:140vh;padding:20px;margin:0 auto}.status-info[data-v-574dd953]{margin:15px 0}.time-location-display[data-v-574dd953]{display:flex;justify-content:center;align-items:center;gap:20px;background:hsla(0,0%,100%,.1);padding:10px 20px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.current-time[data-v-574dd953]{font-size:24px;font-weight:700;color:#fff;margin:0}.current-location[data-v-574dd953]{font-size:18px;color:#fff;margin:0;opacity:.9}.greeting[data-v-574dd953]{width:-moz-fit-content;width:fit-content;margin:15px auto;padding:12px 20px}.checkin-btn[data-v-574dd953]{display:block;margin:25px auto;padding:12px 40px;font-size:18px;font-weight:700;background:linear-gradient(45deg,#2ecc71,#27ae60);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.valid-locations[data-v-574dd953]{margin-top:25px;padding:15px;background:hsla(0,0%,100%,.05);border-radius:12px}@media (max-width:768px){.content-wrapper[data-v-574dd953]{padding:10px}.time-location-display[data-v-574dd953]{flex-direction:column;gap:10px}}@media (max-width:1200px){.content-wrapper[data-v-574dd953]{grid-template-columns:1fr;text-align:center}.info[data-v-574dd953]{text-align:center}.locations-grid[data-v-574dd953]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){#app[data-v-574dd953]{padding:10px}.employee-info[data-v-574dd953]{padding:15px}.locations-grid[data-v-574dd953]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.department[data-v-574dd953],.email[data-v-574dd953],.info h1[data-v-574dd953],.info p[data-v-574dd953]{color:#fff}.status-container[data-v-574dd953]{width:100%;max-width:600px;margin:20px auto;min-height:80px;display:flex;justify-content:center;align-items:center;text-align:center}.checkout-summary[data-v-574dd953]{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.summary-content[data-v-574dd953]{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:100%;max-width:600px;text-align:center}.summary-content h2[data-v-574dd953]{color:#fff;font-size:28px;margin-bottom:30px}.employee-brief[data-v-574dd953]{margin:20px 0;padding:20px;background:hsla(0,0%,100%,.05);border-radius:15px}.employee-brief .avatar[data-v-574dd953]{width:100px;height:100px;margin-bottom:15px}.employee-brief h1[data-v-574dd953]{color:#fff;font-size:24px;margin:0}.employee-brief .email[data-v-574dd953]{color:#fff;opacity:.9;margin:5px 0 0}.time-summary[data-v-574dd953]{margin:30px 0;padding:20px;background:hsla(0,0%,100%,.05);border-radius:15px}.summary-item[data-v-574dd953]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;margin:10px 0}.summary-item .label[data-v-574dd953]{color:#fff;opacity:.9;margin:0}.summary-item .value[data-v-574dd953]{color:#fff;font-weight:700;font-size:20px;margin:0}.thank-you[data-v-574dd953]{color:#fff;font-size:18px;margin:30px 0;padding:15px;background:rgba(46,204,113,.2);border-radius:10px;border:1px solid rgba(46,204,113,.3)}@media (max-width:768px){.summary-content[data-v-574dd953]{padding:20px}.employee-brief .avatar[data-v-574dd953]{width:80px;height:80px}.summary-item[data-v-574dd953]{flex-direction:column;gap:5px}.thank-you[data-v-574dd953]{font-size:16px}}.logout-btn[data-v-574dd953]{display:flex;align-items:center;justify-content:center;gap:10px;margin:30px auto 0;padding:12px 30px;background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.logout-btn[data-v-574dd953]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(231,76,60,.3)}.logout-icon[data-v-574dd953]{width:20px;height:20px;margin-bottom:-4px}.checkin-time[data-v-574dd953]{color:#fff;font-size:18px;margin:10px 0;opacity:.8}.workflow-container[data-v-71252ffe]{max-width:1000px;margin:10px auto;background:linear-gradient(135deg,#fff,#fff);border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.15);position:relative}.workflow-title[data-v-71252ffe]{text-align:center;font-size:28px;font-weight:700;color:#1e3a8a;margin-bottom:30px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.timeline[data-v-71252ffe]{position:relative;display:flex;flex-direction:column;gap:30px}.timeline-item[data-v-71252ffe]{display:flex;flex-direction:column;align-items:center;position:relative}.node[data-v-71252ffe]{display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease;min-width:220px;text-align:center}.node[data-v-71252ffe]:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.25)}.node-icon[data-v-71252ffe]{font-size:20px}.status-badge[data-v-71252ffe]{margin-left:10px;padding:5px 10px;font-size:12px;font-weight:600;border-radius:16px;background:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.1));color:#fff;border:1px solid hsla(0,0%,100%,.4)}.start-node[data-v-71252ffe]{background:linear-gradient(135deg,#34d399,#10b981)}.end-node[data-v-71252ffe]{background:linear-gradient(135deg,#f87171,#ef4444)}.to-trinh-node[data-v-71252ffe]{background:linear-gradient(135deg,#60a5fa,#3b82f6);font-weight:700;min-width:320px}.nhom-duyet-node[data-v-71252ffe]{background:linear-gradient(135deg,#9ca3af,#6b7280)}.nguoi-duyet-node[data-v-71252ffe]{background:linear-gradient(135deg,#22d3ee,#06b6d4)}.chua-duyet[data-v-71252ffe]{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#000!important}.dang-duyet[data-v-71252ffe]{background:linear-gradient(135deg,#fb923c,#f97316)!important;color:#fff!important}.da-duyet[data-v-71252ffe]{background:linear-gradient(135deg,#34d399,#10b981)!important}.tu-choi[data-v-71252ffe]{background:linear-gradient(135deg,#f87171,#ef4444)!important}.timeline-line[data-v-71252ffe]{width:6px;height:50px;background:linear-gradient(180deg,#d1d5db,#93c5fd);margin:15px 0;border-radius:3px}.group-container[data-v-71252ffe]{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin:25px 0;padding:15px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.1)}.person-container[data-v-71252ffe]{display:flex;flex-direction:column;align-items:center}.download-btn[data-v-71252ffe]{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:8px;box-shadow:0 3px 8px rgba(0,0,0,.2);cursor:pointer;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.download-btn[data-v-71252ffe]:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:scale(1.05);box-shadow:0 5px 12px rgba(0,0,0,.25)}.download-icon[data-v-71252ffe]{font-size:18px}@media (max-width:768px){.workflow-container[data-v-71252ffe]{margin:20px;padding:30px}.workflow-title[data-v-71252ffe]{font-size:24px}.node[data-v-71252ffe]{font-size:14px;min-width:200px;padding:12px 18px}.to-trinh-node[data-v-71252ffe]{min-width:280px}.group-container[data-v-71252ffe]{flex-direction:column;align-items:center}.timeline-line[data-v-71252ffe]{height:40px}.download-btn[data-v-71252ffe]{top:15px;right:15px;font-size:14px;padding:8px 16px}.download-icon[data-v-71252ffe]{font-size:16px}}@media (max-width:480px){.workflow-container[data-v-71252ffe]{margin:10px}.workflow-title[data-v-71252ffe]{font-size:20px}.node[data-v-71252ffe]{font-size:12px;min-width:180px;padding:5px 7px}.to-trinh-node[data-v-71252ffe]{min-width:240px}.node-icon[data-v-71252ffe]{font-size:18px}.status-badge[data-v-71252ffe]{font-size:10px;padding:4px 8px}.timeline-line[data-v-71252ffe]{height:30px}.download-btn[data-v-71252ffe]{top:10px;right:10px;font-size:12px;padding:6px 12px}.download-icon[data-v-71252ffe]{font-size:14px}}