body{margin:0;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;width:100vw;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 4px #00000014;z-index:50;transition:background .3s ease;box-sizing:border-box;overflow-x:hidden}.navbar-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.logo{height:40px;max-width:100%}.nav-links button{margin:0 12px;background:none;border:none;font-weight:500;font-size:1rem;color:#333;cursor:pointer;transition:color .3s ease;white-space:nowrap}.nav-links button:hover{color:#e60000}.mobile-menu-icon{display:none;cursor:pointer}.mobile-menu{display:none;flex-direction:column;padding:1rem;background:#fff;box-sizing:border-box;width:100%}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-icon{display:block}.mobile-menu{display:flex}}.footer{background-color:#0e0f1b;color:#fff;padding:4rem 2rem 2rem;font-family:Arial,sans-serif}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));column-gap:6rem;max-width:1200px;margin:0 auto 2rem;padding-top:32px}.footer-grid h4{font-size:1.1rem;font-weight:700;margin-bottom:1rem}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;font-size:.95rem;line-height:1.4}.footer-grid li img{width:18px;height:18px;margin-top:4px}.footer-bottom{border-top:1px solid #333;text-align:center;font-size:.85rem;color:#ccc;padding-top:1.5rem}@media (max-width: 768px){.footer{padding:2rem 1rem}.footer-grid{grid-template-columns:1fr;text-align:left}.footer-grid li{flex-direction:row;align-items:flex-start}.footer-grid li span{display:inline-block}}.footer{background-color:#1f2937;color:#fff;padding:32px 20px;font-family:Segoe UI,sans-serif}.footer h3{font-size:18px;margin-bottom:12px;font-weight:600}.footer ul{list-style:none;padding:0;margin:0}.footer ul li{margin-bottom:8px;font-size:14px;line-height:1.5}.footer ul li a{text-decoration:none;color:#ccc;font-size:14px}.footer ul li a:hover{color:#fff}.grid-3{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;max-width:1200px;margin:0 auto}.footer-bottom{border-top:1px solid #333;margin-top:2rem;padding-top:1.5rem;text-align:center;font-size:.9rem;color:#ccc;max-width:1200px;margin:2rem auto 0}.footer-content{max-width:1200px;margin:0 auto}@media (max-width: 768px){.footer{padding:2.5rem 1rem 2rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-grid li{flex-direction:row;align-items:flex-start}.footer-grid li span{font-size:.95rem}.footer-grid h4{font-size:1rem;margin-bottom:.8rem}.footer-bottom{font-size:.85rem}}body{margin:0;padding:0;font-family:Helvetica Neue,sans-serif;background-color:#fff;color:#111;scroll-behavior:smooth}.landing-page{overflow-x:hidden}.container-fluid{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;box-sizing:border-box}.hero-section-fixed{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-image{width:100%;height:auto;object-fit:contain;object-position:center;background-color:#000}@media (max-width: 768px){.hero-section{height:auto;background:#fff;padding:0}.hero-image{width:100%;height:auto;object-fit:contain;background-color:#fff}}.hero-overlay{position:absolute;top:20%;right:2%;z-index:10}.signin-btn{background-color:#fff0;color:#fff;border:2px solid #ffffff;padding:.5rem 1.2rem;font-weight:600;border-radius:999px;cursor:pointer;font-size:.95rem;box-shadow:0 2px 6px #0000001a;transition:all .3s ease}.signin-btn:hover{background-color:#ff0f0f40;color:#fff;transform:translateY(-1px)}.hero-button-container{position:absolute;bottom:15%;left:5%;z-index:10;text-align:left}.hero-btn{background:#dc2626;color:#000;border:none;border-radius:999px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #0000001a;transition:all .3s ease}.hero-btn:hover{background:#b91c1c70;transform:translateY(-2px)}.section-gray{background-color:#fff;padding:5rem 1rem}section h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem;text-align:center}section p{color:#555;max-width:700px;margin:0 auto 2rem;text-align:center}.card-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 15px #00000014;transition:all .3s ease;text-align:center}.card:hover{transform:translateY(-6px);box-shadow:0 18px 25px #0000001f}.card h3{font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem}.card p{font-size:1rem;color:#555}.icon-red{color:#dc2626}.icon-blue{color:#2563eb}.icon-green{color:#16a34a}.text-center{text-align:center}.inline-icon{display:inline;margin-right:.5rem}#keunggulan{background:#fff;padding:5rem 1rem}.keunggulan-grid{display:flex;flex-direction:column;gap:2rem}@media (min-width: 1024px){.keunggulan-grid{flex-direction:row;align-items:center}}.image-container img{width:100%;border-radius:1rem;box-shadow:0 10px 20px #0000001a}.keunggulan-list{display:flex;flex-direction:column;gap:1.5rem}.keunggulan-item{display:flex;gap:1rem;align-items:flex-start}.keunggulan-item h4{font-weight:600;font-size:1.125rem;margin-bottom:.25rem}.keunggulan-item p{margin:0;color:#555}.cta-section{background-color:#b91c1c;color:#fff;padding:5rem 1rem;text-align:center}.cta-section h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.cta-section p{font-size:1.1rem;color:#f3f3f3;max-width:600px;margin:0 auto 2rem}.cta-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width: 640px){.cta-buttons{flex-direction:row;justify-content:center}}.cta-button{background-color:#fff;color:#b91c1c;font-weight:700;padding:.75rem 2rem;border-radius:9999px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.cta-button:hover{background-color:#f8f8f8;transform:translateY(-2px)}.cta-button.secondary{background-color:transparent;color:#fff;border:2px solid white}.cta-button.secondary:hover{background-color:#fff;color:#b91c1c}.cta-info-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:800px;margin:0 auto;text-align:center}.cta-info svg{display:block;margin:0 auto .5rem}.cta-info-grid{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.cta-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.cta-info p{margin:0;font-size:.95rem}@media (max-width: 768px){.hero-overlay{top:16%;right:5%;transform:none}.hero-button-container{bottom:18%;left:50%;transform:translate(-50%)}.signin-btn,.hero-btn{padding:.4rem 1rem;font-size:.8rem;width:auto;max-width:140px}.card-grid{grid-template-columns:1fr}.keunggulan-item{flex-direction:column;text-align:center;align-items:center}.keunggulan-item h4{margin-top:.5rem}.cta-button{width:80%;max-width:300px}.cta-info-grid{grid-template-columns:1fr}}@media (max-width: 480px){.cta-section{padding:3rem 1rem}.cta-section p{font-size:.95rem}section h2{font-size:1.5rem}.hero-overlay{right:4%}.hero-btn{font-size:.75rem;padding:.4rem 1rem}}.fade-in{opacity:0;animation:fadeIn ease 1s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.cta-button{flex:1 1 auto;max-width:220px;min-width:160px;padding:.75rem 1.5rem;font-size:1rem}@media (max-width: 640px){.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px}}body{font-size:14px}h1,h2,h3{line-height:1.2}@media (max-width: 768px){.hero-image{width:100%;height:80vh;max-height:80vh;object-fit:cover;object-position:center top}}.antrian-title{margin-top:65px;text-align:center}.chatbot-container{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.chat-toggle-btn{background-color:#d32f2f;color:#fff;border:none;border-radius:50%;padding:14px;cursor:pointer;box-shadow:0 6px 15px #0000004d;transition:transform .2s ease,box-shadow .3s ease}.chat-toggle-btn:hover{transform:scale(1.1);box-shadow:0 8px 18px #0006}.chat-window{width:320px;height:420px;background:#fff;border-radius:16px;box-shadow:0 6px 20px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;padding:12px;font-weight:700;display:flex;align-items:center;gap:10px}.chat-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid white}.chat-messages{flex:1;padding:12px;overflow-y:auto;background-color:#fafafa}.chat-message{padding:10px 14px;margin-bottom:8px;border-radius:12px;max-width:80%;font-size:14px;word-wrap:break-word}.chat-message.bot{background:#f1f1f1;align-self:flex-start;border-bottom-left-radius:4px}.chat-message.user{background:#d32f2f;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chat-input{display:flex;border-top:1px solid #ddd}.chat-input input{flex:1;border:none;padding:10px;outline:none;font-size:14px}.chat-input button{background:#d32f2f;color:#fff;border:none;padding:0 14px;cursor:pointer;transition:background .2s ease}.chat-input button:hover{background:#b71c1c}.chat-header{background:#b71c1c;color:#fff;padding:8px;display:flex;align-items:center;gap:8px;font-weight:700;cursor:grab;-webkit-user-select:none;user-select:none}.chat-header:active{cursor:grabbing}.chat-avatar{width:32px;height:32px;border-radius:50%}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#fff;padding:2rem;box-sizing:border-box}.login-box{text-align:center;width:100%}.welcome{font-size:2rem;font-weight:700;margin-bottom:.25rem;color:#111}.subtitle{color:#555;margin-bottom:2rem;font-size:1rem}.login-card{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000001a;padding:2rem;width:100%;max-width:400px;text-align:left;margin:0 auto;box-sizing:border-box}.login-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.login-card .desc{color:#666;font-size:.9rem;margin-bottom:1.5rem}.error-msg{background-color:#fee2e2;color:#b91c1c;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.95rem;font-weight:500;text-align:center}.login-card label{font-weight:500;margin-top:1rem;display:block;margin-bottom:.5rem;font-size:.95rem}.login-card input{width:100%;padding:.7rem 1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:1rem;box-sizing:border-box;transition:border-color .2s ease}.login-card input:focus{outline:none;border-color:#2563eb}.password-wrapper{position:relative}.password-wrapper input{padding-right:2.5rem}.toggle-icon{position:absolute;top:40%;right:.75rem;transform:translateY(-50%);background:none;border:none;outline:none;padding:0;cursor:pointer;color:#888;display:flex;align-items:center;justify-content:center}.login-btn{width:100%;padding:.75rem;background-color:#2563eb;color:#fff;font-weight:700;border:none;border-radius:8px;margin-top:1rem;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.login-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.login-btn:hover:not(:disabled){background-color:#1d4ed8}.back-link-wrapper{text-align:center}.back-link{all:unset;color:#2563eb;cursor:pointer;font-size:.95rem;font-weight:500;text-decoration:underline;margin-top:1.5rem;display:inline-block;transition:color .2s ease}.back-link:hover{color:#666}@media (max-width: 768px){.login-container{padding:1rem}.login-card{padding:1.5rem;max-width:90%}.welcome{font-size:1.5rem}.subtitle{font-size:.95rem}.login-card h3{font-size:1.1rem}.login-btn{font-size:.95rem}.back-link{font-size:.9rem}}@media (max-width: 480px){.login-card{padding:1.25rem}.welcome{font-size:1.4rem}.subtitle{font-size:.9rem}.login-card h3{font-size:1rem}.login-btn{font-size:.9rem;padding:.65rem}.back-link{font-size:.85rem}}.container{max-width:800px;margin:4rem auto 0;padding:1.5rem;font-family:Arial,sans-serif}.back-link{text-decoration:none;color:#666;font-size:.9rem;display:inline-block;margin-bottom:1rem;background:#f2f2f2;padding:.4rem 1rem;border:1px solid #ccc;border-radius:4px;transition:background-color .3s ease}.back-link:hover{background-color:#e0e0e0}.title{font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.subtitle{color:#666;margin-bottom:2rem}.form-card{background:#fff;padding:2rem;box-shadow:0 0 10px #0000000d;border-radius:8px}.form-title{font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.form-subtitle{color:#666;font-size:.9rem;margin-bottom:1.5rem}.form-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.form-group{flex:1;display:flex;flex-direction:column;min-width:240px}.form-group label{margin-bottom:.25rem;font-weight:600;font-size:.95rem}.form-group input,.form-group textarea{padding:.5rem;border:1px solid #ccc;border-radius:6px;font-size:.95rem;width:100%;box-sizing:border-box}textarea{resize:vertical;height:100px}.button-group{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.btn-save{background-color:#d32f2f;color:#fff;padding:.6rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;flex:1;min-width:150px;transition:background-color .3s ease}.btn-save:hover{background-color:#b71c1c}.btn-cancel{background-color:#f5f5f5;border:1px solid #ccc;padding:.6rem 1.5rem;border-radius:6px;cursor:pointer;flex:1;min-width:150px;transition:background-color .3s ease}.btn-cancel:hover{background-color:#e0e0e0}@media (max-width: 600px){.title{font-size:1.5rem;text-align:center}.subtitle,.form-subtitle{text-align:center}.form-card{padding:1rem}.form-row,.button-group{flex-direction:column}.btn-save,.btn-cancel{width:100%}.back-link{display:block;text-align:center}}.tambah-antrian-page{background-color:#f8fafc;min-height:100vh;display:flex;flex-direction:column}.container{max-width:900px;margin:0 auto;padding:2rem}.title{font-size:2.2rem;font-weight:700;color:#1f2937;text-align:center;margin-bottom:.5rem}.subtitle{font-size:1rem;color:#6b7280;text-align:center;margin-bottom:2rem}.form-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #00000014}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#111827;text-align:center}.form-subtitle{font-size:.95rem;color:#6b7280;margin-bottom:2rem;text-align:center}.form-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;color:#374151;font-weight:500}.input-field,.textarea-field{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s ease;background:#fff;color:#111827}.input-field:focus,.textarea-field:focus{border-color:#2563eb;outline:none;background:#f9fafb}.textarea-field{min-height:100px;resize:vertical}.button-group{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.btn-save,.btn-cancel{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.btn-save{background:linear-gradient(to right,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc262633}.btn-save:hover{background:linear-gradient(to right,#b91c1c,#991b1b);box-shadow:0 6px 16px #b91c1c4d}.btn-cancel{background-color:#e5e7eb;color:#374151}.btn-cancel:hover{background-color:#d1d5db;color:#1f2937}@media (max-width: 640px){.form-row{flex-direction:column}.button-group{flex-direction:column;align-items:stretch}}.select-oli{padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;font-weight:600;background-color:#fff;color:#111827;transition:border-color .2s ease,background-color .2s ease;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D%22%234B5563%22%20height%3D%2220%22%20width%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M7%207l3%203%203-3z%22/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.select-oli{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-weight:400;background-color:#fff;color:#111827;transition:border-color .2s ease,background-color .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg fill='gray' height='20' viewBox='0 0 20 20' width='20'%3E%3Cpath d='M7 7l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.select-oli:focus{border-color:#2563eb;background-color:#f0f9ff;outline:none}.select-oli option{font-weight:400}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg fill='gray' height='20' viewBox='0 0 20 20' width='20'%3E%3Cpath d='M7 7l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:2.5rem}.admin-navbar{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;min-height:72px;position:relative}.logo-section{display:flex;align-items:center;gap:16px}.toyota-logo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background-color:#fff;padding:4px;box-shadow:0 2px 4px #0000001a}.toyota-logo-img{width:100%;height:100%;object-fit:contain}.service-title{font-size:18px;font-weight:700;color:#1f2937;letter-spacing:.5px;margin:0;line-height:1.2}.service-subtitle{font-size:12px;color:#6b7280;font-weight:500;margin:0;line-height:1.2}.hamburger-menu{display:none;flex-direction:column;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease;z-index:1001}.hamburger-menu:hover{background-color:#f3f4f6}.hamburger-line{width:24px;height:3px;background-color:#1f2937;margin:2px 0;transition:all .3s ease;border-radius:2px}.hamburger-menu.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.main-navigation{display:flex;align-items:center;gap:4px}.nav-menu-item{padding:10px 16px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;white-space:nowrap;position:relative}.nav-menu-item:hover{background-color:#f3f4f6;color:#1f2937}.nav-menu-item.active{background-color:#dc2626;color:#fff;font-weight:600}.nav-menu-item.active:hover{background-color:#b91c1c}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.mobile-overlay.active{opacity:1}@media (max-width: 1024px){.navbar-container{padding:12px 16px}.main-navigation{gap:2px}.nav-menu-item{padding:8px 12px;font-size:13px}}@media (max-width: 768px){.hamburger-menu{display:flex}.main-navigation{position:fixed;top:72px;right:-100%;width:280px;height:calc(100vh - 72px);background-color:#fff;flex-direction:column;align-items:stretch;gap:0;padding:24px 0;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;overflow-y:auto;z-index:1000}.main-navigation.active{right:0}.nav-menu-item{width:100%;padding:16px 24px;text-align:left;border-radius:0;border-bottom:1px solid #f3f4f6;font-size:16px;font-weight:500}.nav-menu-item:last-child{border-bottom:none}.nav-menu-item:hover{background-color:#f9fafb;padding-left:32px}.nav-menu-item.active{background-color:#fef2f2;color:#dc2626;border-left:4px solid #dc2626;font-weight:600}.nav-menu-item.active:hover{background-color:#fef2f2;color:#dc2626}.mobile-overlay{display:block}.logo-section{flex:1}}@media (max-width: 640px){.service-title{font-size:16px}.service-subtitle{font-size:11px}.toyota-logo{width:44px;height:44px}.main-navigation{width:100%;top:68px;height:calc(100vh - 68px)}.navbar-container{min-height:68px;padding:12px 16px}}@media (max-width: 480px){.main-navigation{padding:16px 0}.nav-menu-item{padding:14px 20px;font-size:15px}.nav-menu-item:hover{padding-left:28px}.header-text{display:none}.logo-section{justify-content:flex-start}}@media (min-width: 769px){.nav-menu-item:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#dc2626;transition:all .3s ease;transform:translate(-50%)}.nav-menu-item:hover:before{width:80%}.nav-menu-item.active:before{width:0}}.nav-menu-item:focus,.hamburger-menu:focus{outline:2px solid #dc2626;outline-offset:2px}.nav-menu-item:focus:not(:focus-visible),.hamburger-menu:focus:not(:focus-visible){outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{right:-100%}to{right:0}}@keyframes slideOutRight{0%{right:0}to{right:-100%}}.admin-navbar{animation:fadeIn .3s ease-out}.main-navigation.opening{animation:slideInRight .3s ease-out}.main-navigation.closing{animation:slideOutRight .3s ease-out}body.menu-open{overflow:hidden}@media (max-width: 768px){.nav-menu-item{position:relative;overflow:hidden}.nav-menu-item:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.nav-menu-item:hover:after{left:100%}.nav-menu-item.active:after{display:none}}.user-menu{position:relative;display:flex;align-items:center;margin-left:16px}.user-menu-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f8fafc;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.user-menu-trigger:hover{background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.user-menu-trigger.active{background-color:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.user-menu-trigger.active .gear-icon{color:#fff;transform:rotate(180deg)}.gear-icon{width:20px;height:20px;color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-menu-trigger:hover .gear-icon{color:#475569;transform:rotate(90deg)}.user-menu-trigger:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#dc26264d;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.user-menu-trigger:active:before{width:100%;height:100%}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:180px;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #f1f5f9;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1001;overflow:hidden}.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.user-dropdown:before{content:"";position:absolute;top:-6px;right:16px;width:12px;height:12px;background:#fff;border:1px solid #f1f5f9;border-bottom:none;border-right:none;transform:rotate(45deg)}.user-info,.user-avatar,.user-details,.user-role{display:none}.dropdown-menu-items{padding:12px 0}.dropdown-menu-item{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;background:none;border:none;text-align:center;cursor:pointer;transition:all .15s ease;color:#dc2626;font-size:14px;font-weight:600;position:relative;overflow:hidden}.dropdown-menu-item:hover{background-color:#fef2f2;color:#b91c1c}.dropdown-divider{display:none}@media (max-width: 768px){.user-menu{margin-left:12px}.user-dropdown{width:260px;right:-8px}.user-info{padding:16px}.user-avatar{width:40px;height:40px;font-size:16px}}@media (max-width: 480px){.user-dropdown{width:calc(100vw - 32px);right:-12px}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gear-icon.spinning{animation:gearSpin .5s ease-in-out}.user-menu-trigger:focus,.dropdown-menu-item:focus{outline:2px solid #dc2626;outline-offset:2px}.user-menu-trigger:focus:not(:focus-visible),.dropdown-menu-item:focus:not(:focus-visible){outline:none}.dropdown-menu-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:#dc2626;transform:scaleY(0);transition:transform .2s ease}.dropdown-menu-item:hover:before{transform:scaleY(1)}.dropdown-menu-item.danger:before{background:#dc2626}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;margin:0;background-color:#f0f2f5}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:30px 20px;flex:1}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-left:20px}.date-input-group{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-left:40px}.main-title{font-size:36px;font-weight:700;color:#2c3e50;margin:0 0 8px;line-height:1.2}.main-subtitle{font-size:16px;color:#6c757d;margin:0}.date-input-group{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.date-label{font-size:14px;font-weight:600;color:#495057}.date-input-wrapper{position:relative;display:flex;align-items:center;background-color:#dc3545;border-radius:8px;padding:10px 15px;color:#fff;font-weight:600;font-size:16px;box-shadow:0 2px 5px #0000001a}.date-input-wrapper input[type=date]{background:transparent;border:none;color:#fff;font-size:14px;font-weight:500;padding:2px 4px;cursor:pointer;-webkit-appearance:none;appearance:none;width:90px}.date-input-wrapper input[type=date]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer}.date-input-wrapper .calendar-icon{font-size:18px;color:#fff;pointer-events:none}.alert{padding:16px 20px;border-radius:8px;margin-bottom:30px;font-weight:500;text-align:center}.alert.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014}.empty-state p{font-size:18px;color:#6c757d;margin:0}.queue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px;margin-bottom:50px}.queue-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a;border:2px solid #e9ecef;transition:all .3s ease}.queue-card.red-border{border-color:#dc3545}.card-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.queue-number-badge{padding:8px 15px;border-radius:20px;font-size:14px;font-weight:600;min-width:70px;text-align:center}.queue-number-badge.white-badge{background-color:#f0f2f5;color:#495057}.queue-number-badge.red-badge{background-color:#dc3545;color:#fff}.customer-details-section{margin-bottom:25px}.customer-name{font-size:24px;font-weight:700;color:#2c3e50;margin:0 0 8px}.customer-contact{display:flex;gap:20px;flex-wrap:wrap}.customer-contact .contact-item{display:flex;align-items:center;gap:5px;font-size:15px;color:#6c757d;font-weight:500}.customer-contact .contact-item .icon{width:16px;height:16px;color:#495057}.status-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:end}.control-item{flex-direction:column;gap:8px}.control-item label{font-size:12px;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.5px}.control-item select{padding:12px 200px 12px 25px;border:1px solid #ced4da;border-radius:6px;background:#fff;font-size:15px;font-weight:100;color:#495057;transition:border-color .2s ease;-webkit-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%236c757d%22%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:12px;width:100%}.control-item select:focus{outline:none;border-color:#007bff}.action-buttons-group{display:flex;justify-content:center;gap:20px;padding-top:40px;border-top:1px solid #e9ecef}.btn-action{padding:15px 40px;border:none;border-radius:8px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;min-width:150px}.btn-cancel{background-color:#6c757d;color:#fff}.btn-cancel:hover{background-color:#5a6268;transform:translateY(-2px)}.btn-save{background-color:#007bff;color:#fff}.btn-save:hover{background-color:#0056b3;transform:translateY(-2px)}@media (max-width: 992px){.queue-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.main-header{flex-direction:column;align-items:flex-start;gap:20px;padding-left:0}.main-title{font-size:28px}.date-input-group{align-items:flex-start;width:100%}.date-input-wrapper{width:100%}.queue-grid{grid-template-columns:1fr}.queue-card{padding:20px}.customer-name{font-size:22px}.action-buttons-group{flex-direction:column}.btn-action{width:100%}}@media (max-width: 480px){.main-title{font-size:24px}.customer-name{font-size:20px}.customer-contact{flex-direction:column;gap:8px}.status-controls{grid-template-columns:1fr;gap:20px}}.custom-dropdown{position:relative;display:inline-block;width:100%;padding:14px 45px 14px 20px;font-size:15px;font-weight:500;color:#343a40;background-color:#fff;border:2px solid #dee2e6;border-radius:10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236c757d' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease}.custom-dropdown:hover{border-color:#adb5bd;background-color:#f8f9fa}.custom-dropdown:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.control-item.select-align-right{align-items:flex-end}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-content{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 30px #0000004d;text-align:center;min-width:200px}.loading-spinner{width:40px;height:40px;margin:0 auto 1rem;animation:spin 1s linear infinite;color:#007bff}.loading-text{margin:0;font-size:16px;font-weight:500;color:#333}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-loading-icon{width:16px;height:16px;margin-right:8px;animation:spin 1s linear infinite}.queue-card.disabled{opacity:.6;pointer-events:none}.btn-action:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}input:disabled{opacity:.6;cursor:not-allowed}select:disabled{opacity:.6;cursor:not-allowed}.loading-overlay.fade-in{animation:fadeIn .3s ease-out}.loading-content.bounce-in{animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.loading-dots{display:inline-block}.loading-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.queue-card.loading-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.success-checkmark{width:40px;height:40px;border-radius:50%;display:block;stroke-width:2;stroke:#4caf50;stroke-miterlimit:10;margin:0 auto 1rem;box-shadow:inset 0 0 #4caf50;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.success-checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#4caf50;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.success-checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #4caf50}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}.dashboard-wrapper{font-family:Segoe UI,sans-serif;background-color:#f4f6fa;min-height:100vh;display:flex;flex-direction:column}.dashboard-container{flex:1;max-width:1200px;margin:2rem auto;padding:1.5rem}.dashboard-title h1{font-size:1.8rem;font-weight:700;color:#111827;margin-bottom:.25rem}.dashboard-title p{font-size:1rem;color:#6b7280;margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:.25rem;color:#111827}.dashboard-sub{font-size:.95rem;color:#6b7280;margin-bottom:1.5rem}.stats-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem}.stat-card{flex:1;min-width:220px;background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 10px #0000000f;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card .label{font-size:.95rem;color:#4b5563}.stat-card .value{font-size:1.8rem;font-weight:700;color:#1e3a8a}.stat-card.sky{border-left:5px solid #0ea5e9;background-color:#e0f2fe}.stat-card.orange{border-left:5px solid #f97316;background-color:#fff7ed}.stat-card.green{border-left:5px solid #22c55e;background-color:#ecfdf5}.stat-card.blue{border-left:5px solid #3b82f6;background-color:#dbeafe}.queue-list{display:flex;flex-direction:column;gap:1.25rem}.queue-card{display:flex;align-items:center;background-color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 6px #0000000d;justify-content:space-between;flex-wrap:wrap;gap:1rem}.queue-id{font-size:1.2rem;font-weight:700;color:#fff;background-color:#dc2626;padding:1.2rem 1.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.queue-data{flex:1;min-width:220px;font-size:.95rem;color:#374151}.queue-data strong{font-size:1.1rem;color:#111827}.badge{font-size:.85rem;font-weight:600;padding:.5rem 1rem;border-radius:9999px;text-align:center;min-width:120px;text-transform:capitalize}.badge.menunggu{background-color:#fef3c7;color:#92400e}.badge.selesai{background-color:#d1fae5;color:#065f46}.badge.sudah-diambil{background-color:#dbeafe;color:#1e40af}.action-buttons{display:flex;gap:.75rem;align-items:center}.btn-detail{padding:.5rem 1rem;background-color:#3b82f6;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;transition:background-color .2s ease,transform .2s ease}.btn-detail:hover{background-color:#2563eb;transform:scale(1.05)}.btn-detail:active{transform:scale(.98)}.btn-delete{padding:.5rem 1rem;background-color:#ef4444;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;transition:background-color .2s ease,transform .2s ease}.btn-delete:hover{background-color:#dc2626;transform:scale(1.05)}.btn-delete:active{transform:scale(.98)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background-color:#fff;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;animation:slideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:1.2rem;font-weight:600;color:#111827;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.thick-border{border-bottom:3px solid #d1d5db}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#374151;min-width:120px}.detail-value{color:#111827;text-align:right;flex:1}.detail-note{background-color:#f9fafb;padding:1rem;border-radius:8px;border-left:4px solid #3b82f6;color:#374151;line-height:1.6}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.btn-close{padding:.75rem 1.5rem;background-color:#6b7280;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.btn-close:hover{background-color:#4b5563}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.stat-card{flex:1 1 100%}.queue-card{flex-direction:column;align-items:flex-start}.queue-id,.queue-data,.badge{width:100%;text-align:left}.action-buttons{width:100%;justify-content:flex-end}.modal-content{width:95%;max-height:90vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-value{text-align:left}.detail-label{min-width:auto}}.date-filter-section{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.date-filter-container{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.date-filter-label{font-weight:600;color:#374151;font-size:1rem;white-space:nowrap}.date-filter-input{padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;background:#fff;transition:all .2s ease;min-width:160px}.date-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-filter-input:hover{border-color:#9ca3af}.selected-date-display{font-weight:500;color:#6b7280;font-style:italic;padding:.5rem 1rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.empty-queue-message{text-align:center;padding:3rem 2rem;background:#f9fafb;border-radius:12px;border:2px dashed #d1d5db;margin:2rem 0}.empty-queue-message p{font-size:1.1rem;color:#6b7280;margin:0}@media (max-width: 768px){.date-filter-container{flex-direction:column;align-items:flex-start;gap:.75rem}.date-filter-input{width:100%;max-width:300px}.selected-date-display{width:100%;max-width:300px;text-align:center}}.date-filter-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#3b82f6,#1d4ed8);border-radius:0 4px 4px 0}.date-filter-section{position:relative;padding-left:2rem}.date-filter-actions{margin-left:auto;display:flex;gap:1rem;align-items:flex-start}.delete-actions{display:flex;flex-direction:column;gap:.5rem}.export-btn{background-color:#22c55e;color:#fff;font-weight:600;border:none;padding:.75rem 1.5rem;font-size:.95rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.export-btn:hover{background-color:#16a34a;transform:scale(1.05)}.export-btn:active{transform:scale(.98)}.delete-btn{background-color:#ef4444;color:#fff;font-weight:600;border:none;padding:.75rem 1.5rem;font-size:.95rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.delete-btn:hover{background-color:#dc2626;transform:scale(1.05)}.delete-btn:active{transform:scale(.98)}.date-filter-actions{margin-left:auto;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.action-row{display:flex;gap:1rem}.blue-btn{background:#2563eb;color:#fff;font-weight:600;border:none;padding:.75rem 1.5rem;font-size:.95rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.blue-btn:disabled{background:#dbeafe;color:#aaa;cursor:not-allowed}.blue-btn:hover:not(:disabled){background:#1d4ed8}body{font-family:Segoe UI,sans-serif;background-color:#f9fafb;color:#1f2937;line-height:1.6}.antrian-wrapper{min-height:100vh;padding-top:50px}.antrian-navbar{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0 24px;display:flex;justify-content:center;align-items:center;height:56px;position:fixed;top:0;left:0;right:0;z-index:1000}.antrian-navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;height:56px;gap:16px}.logo{height:32px;object-fit:contain;display:block}.back-to-home{font-size:14px;color:#dc2626;text-decoration:none;font-weight:500;padding:4px 10px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center}.back-to-home:hover{background-color:#fee2e2}.antrian-container{max-width:960px;margin:0 auto;padding:24px}.antrian-main-content{padding-bottom:40px}.antrian-title{text-align:center;margin-bottom:32px}.antrian-title h1{font-size:28px;font-weight:700;margin-bottom:8px}.antrian-title p{font-size:16px;color:#6b7280}.antrian-display-card{background-color:#2563eb;color:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;margin-bottom:24px}.antrian-display-content{display:flex;justify-content:space-between;align-items:center;padding:24px;flex-wrap:wrap;gap:16px}.antrian-display-content h2{margin:0 0 6px;font-size:18px}.antrian-display-content p{font-size:14px;color:#dbeafe}.antrian-display-content button{background-color:#fff;color:#2563eb;padding:10px 18px;border-radius:6px;font-weight:600;border:none;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .2s}.antrian-display-content button:hover{background-color:#e0e7ff}.antrian-search-section{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 6px #0000000d;margin-bottom:24px}.antrian-search-section h2{font-size:18px;margin-bottom:12px}.antrian-input-row{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.antrian-input-row input{height:44px;padding:0 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:260px;flex:1;transition:border-color .2s ease}.antrian-input-row input:focus{outline:none;border-color:#3b82f6}.antrian-input-row input:disabled{background-color:#f3f4f6;cursor:not-allowed}.antrian-input-row input[type=date]{color:#4b5563;max-width:150px}.antrian-input-row button{background-color:#dc2626;color:#fff;border:none;border-radius:6px;padding:0 24px;font-size:14px;font-weight:700;height:44px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .2s ease;min-width:100px}.antrian-input-row button:hover:not(:disabled){background-color:#b91c1c}.antrian-input-row button:disabled{opacity:.6;cursor:not-allowed}.antrian-error{background-color:#ffe4e4;color:#b00020;padding:12px 16px;margin-top:12px;border-left:4px solid #b00020;border-radius:6px;font-size:14px;font-weight:500;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.antrian-result-section{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 6px #0000000d;margin-bottom:24px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.antrian-result-section h2{font-size:18px;font-weight:600;margin-bottom:16px}.antrian-result-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#374151;font-weight:500}.antrian-help-section{background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:24px;box-shadow:0 2px 6px #0000000d;text-align:center}.antrian-help-section h3{font-size:18px;margin-bottom:6px}.antrian-help-section p{font-size:14px;color:#6b7280;margin-bottom:16px}.antrian-help-section button{background-color:transparent;color:#dc2626;border:1px solid #fca5a5;padding:10px 24px;border-radius:6px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .2s ease}.antrian-help-section button:hover{background-color:#fee2e2}@media (max-width: 768px){.antrian-display-content{flex-direction:column;align-items:flex-start}.antrian-input-row input,.antrian-input-row input[type=date],.antrian-input-row button{width:100%}.antrian-result-item{flex-direction:column;align-items:flex-start}.antrian-container{padding:16px}}.antrian-wrapper{margin:0;padding:0}.antrian-container{margin-top:0;padding-top:0}.button-red{background-color:#b91c1c;color:#fff;font-weight:600;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s ease}.button-red:hover{background-color:#991b1b}.button-red.active{background-color:#dc2626;box-shadow:0 0 0 4px #dc262633}.antrian-button-row{display:flex;gap:12px;flex-wrap:wrap}.usaha-btn{background-color:#f97316;color:#fff;padding:10px 18px;border-radius:6px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.usaha-btn:hover{background-color:#ea580c;transform:translateY(-2px)}.usaha-btn:active{background-color:#c2410c}*{margin:0;padding:0;box-sizing:border-box}.display-container{min-height:100vh;background-color:#f9fafb;display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;font-size:14px}.header{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px #0000001a}.header-left{display:flex;align-items:center;gap:16px}.toyota-logo{display:flex;align-items:center}.toyota-oval{background:#fff;border-radius:50%;width:40px;height:28px;display:flex;align-items:center;justify-content:center;padding:4px;box-shadow:0 1px 3px #0000001a}.toyota-rings{position:relative;width:100%;height:100%}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #dc2626;border-radius:50%}.ring-1{width:24px;height:16px}.ring-2{width:16px;height:24px}.ring-3{width:8px;height:8px}.header-text{display:flex;flex-direction:column;gap:2px}.service-center-title{font-size:18px;font-weight:700;letter-spacing:.025em;line-height:1}.digital-system-subtitle{font-size:12px;opacity:.9;font-weight:500;line-height:1}.header-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.date{font-size:12px;font-weight:500;opacity:.9;margin-bottom:2px;line-height:1}.time{font-size:24px;font-weight:700;letter-spacing:.05em;line-height:1}.main-content{display:flex;flex:1;max-height:calc(100vh - 200px);padding:0;margin:0;gap:0}.main-section{flex:.95;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:24px}.main-section-gold{background:linear-gradient(135deg,#daa520,#b8860b)}.main-section-green{background:linear-gradient(135deg,#4caf50,#388e3c)}.main-section-gray{background:linear-gradient(135deg,#1565c0,#0d47a1)}.main-section-default{background:linear-gradient(135deg,#6b7280,#4b5563)}.queue-number{position:absolute;top:24px;left:24px;font-size:72px;font-weight:900;opacity:.8;letter-spacing:-.025em;line-height:1}.main-center{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:8px}.license-plate{background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.plate-text{font-size:28px;font-weight:700;letter-spacing:.1em;text-align:center;line-height:1}.car-container{margin:12px 0}.status-text{font-size:36px;font-weight:700;letter-spacing:.05em;opacity:.95;line-height:1;text-align:center}.overdue-indicator{font-size:16px;color:#fbbf24;margin-top:8px;animation:pulse 2s infinite;font-weight:600}.oil-drop-container{position:absolute;top:24px;right:24px;display:flex;flex-direction:column;align-items:center;gap:8px}.oil-type-text{font-size:12px;font-weight:600;text-align:center;letter-spacing:.5px;text-transform:uppercase;color:#ffffffe6;background:#0003;padding:4px 8px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);white-space:nowrap}.car-overdue{animation:carPulse 2s infinite}@keyframes carPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.youtube-section{flex:1;background:#000;display:flex;align-items:center;justify-content:center;position:relative}.youtube-iframe{width:100%;height:100%;border:none;display:block;object-fit:cover}@media (max-width: 768px){.youtube-iframe{height:auto}}.youtube-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.youtube-logo-container{display:flex;align-items:center;gap:12px;margin-bottom:16px}.youtube-play-button{width:48px;height:36px;background:#dc2626;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a}.play-triangle{width:0;height:0;border-left:8px solid white;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}.youtube-text{font-size:36px;font-weight:700}.youtube-instruction{color:#9ca3af;text-align:center;font-weight:500;font-size:14px}.bottom-section{background:#f3f4f6;padding:12px 16px}.bottom-cards-container{display:flex;gap:12px}.bottom-card{flex:1;color:#fff;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:100px;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;border:3px solid transparent}.card-gold{background:linear-gradient(135deg,#daa520,#b8860b)}.card-green{background:linear-gradient(135deg,#1565c0,#0d47a1)}.card-gray{background:linear-gradient(135deg,#4caf50,#388e3c)}.card-grayy{background:linear-gradient(135deg,gray 0% 100%)}.card-default{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.card-border-finish{border-color:#22c55e}.card-border-taken{border-color:#ef4444}.card-queue-number{position:absolute;top:8px;left:12px;font-size:24px;font-weight:700;opacity:.8;line-height:1}.card-oil-drop{position:absolute;top:8px;right:12px}.card-content{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}.card-license-plate{font-size:12px;font-weight:600;opacity:.9;background:#fff3;padding:4px 8px;border-radius:4px}.card-car-container{margin:4px 0}.card-status{font-size:12px;font-weight:700;letter-spacing:.025em;display:flex;align-items:center;gap:4px}.overdue-badge{font-size:10px;animation:pulse 2s infinite}.footer{background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;box-shadow:0 -4px 6px -1px #0000001a}.footer-button{background:#ffffff26;border:none;color:#fff;padding:8px 16px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.footer-button:hover{background:#ffffff40;transform:translateY(-1px)}.oil-drop{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.car-icon-large{width:144px;height:96px}.car-icon-small{width:40px;height:24px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal,.video-modal{background:#fff;padding:32px;border-radius:16px;min-width:400px;box-shadow:0 25px 50px -12px #00000040}.video-modal{min-width:500px}.modal-title{font-size:20px;font-weight:700;margin-bottom:24px;text-align:center;color:#1f2937}.settings-content,.video-input-content{margin-bottom:24px}.settings-label,.video-input-label{display:block;margin-bottom:16px;color:#374151;font-weight:600}.video-input-label{margin-bottom:12px}.speed-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.speed-button{padding:12px 16px;border-radius:12px;border:2px solid #e5e7eb;background:#f9fafb;color:#374151;font-weight:700;cursor:pointer;transition:all .2s ease}.speed-button:hover{background:#f3f4f6;border-color:#d1d5db}.speed-button.active{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 4px 6px -1px #0000001a;transform:scale(1.05)}.video-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .2s ease}.video-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.video-input-help{font-size:14px;color:#6b7280;margin-top:8px;font-weight:500}.modal-actions{display:flex;gap:12px;justify-content:center}.close-button,.apply-button,.cancel-button{padding:10px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;box-shadow:0 4px 6px -1px #0000001a}.close-button,.apply-button{background:#dc2626;color:#fff}.close-button:hover,.apply-button:hover{background:#b91c1c}.cancel-button{background:#6b7280;color:#fff}.cancel-button:hover{background:#4b5563}@media (max-width: 768px){.main-content{flex-direction:column}.bottom-cards-container{flex-wrap:wrap}.bottom-card{flex:1 1 48%;min-height:80px}.header{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}.queue-number{font-size:48px;top:16px;left:16px}.status-text{font-size:24px}.footer{flex-direction:column;gap:8px;padding:12px 16px}}@media (max-width: 480px){.queue-number{font-size:36px}.main-section{padding:16px}.status-text,.plate-text{font-size:20px}.footer-button{font-size:12px;padding:6px 12px}}@media (max-width: 1024px){.main-content{flex-direction:column;max-height:unset}.main-section,.youtube-section{width:100%;min-height:50vh}}@media (max-width: 480px){.car-icon-large{width:96px;height:64px}.oil-drop-container svg{width:24px;height:32px}}@media (max-width: 480px){.bottom-cards-container{flex-direction:column}.bottom-card{width:100%;flex:none}}@media (max-width: 480px){.toyota-logo img{max-width:100px;height:auto}.service-center-title{font-size:16px}.digital-system-subtitle{font-size:10px}}.footer-button:active{background-color:#0f6c7b}.footer-button-icon{font-size:1.2rem}@media (max-width: 480px){.footer-button{font-size:12px;padding:10px;flex:1 1 100%;text-align:center}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.header-right{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:4px}}@media (max-width: 500px){.header{flex-direction:column;align-items:flex-start}.header-right{width:100%;align-items:flex-start;text-align:left;margin-top:8px}.date{font-size:13px}.time{font-size:22px}}@media (max-width: 500px){.toyota-logo img{max-width:100px;height:auto}.header-left{width:100%;display:flex;gap:12px;flex-wrap:wrap;align-items:center}}.car-icon{font-size:5rem;transition:color .3s ease;color:#2563eb}.car-icon.late{color:#dc2626}.not-found-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background-color:#fff}.oops{font-size:6rem;color:#d32f2f;font-weight:700;margin-bottom:.5rem}.code{font-size:2rem;font-weight:700;color:#000;margin-bottom:1rem}.message{font-size:1rem;color:#666;margin-bottom:2rem}.home-button{background-color:#06f;color:#fff;border:none;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.home-button:hover{background-color:#0052cc}.container{min-height:100vh;background:#f8fafc;padding:24px;font-family:Inter,Segoe UI,system-ui,sans-serif}.header-section{margin-bottom:32px}.header-nav{margin-bottom:24px}.back-button{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-decoration:none;color:#374151;font-weight:600;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.back-button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 6px #0000001a}.back-icon{width:20px;height:20px;stroke-width:2}.header-content{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.brand-section{display:flex;align-items:center;gap:20px;margin-bottom:32px}.brand-icon{width:56px;height:56px;background:#dc2626;border-radius:8px;display:flex;align-items:center;justify-content:center}.brand-icon svg{width:28px;height:28px;stroke:#fff;stroke-width:2}.brand-text h1{font-size:28px;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.brand-text p{color:#6b7280;margin:4px 0 0;font-size:16px;font-weight:500}.header-info{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-card{display:flex;align-items:center;gap:16px;background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e2e8f0}.info-icon{width:40px;height:40px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center}.info-icon svg{width:20px;height:20px;stroke:#64748b;stroke-width:2}.info-details{display:flex;flex-direction:column;gap:2px}.info-label{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{color:#1e293b;font-weight:600;font-size:16px}.stats-section{margin-bottom:32px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.stat-number{font-size:28px;font-weight:700;margin-bottom:4px;line-height:1.2}.stat-label{color:#64748b;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:normal;text-align:center}.stat-card.waiting .stat-number{color:#d97706}.stat-card.service .stat-number{color:#2563eb}.stat-card.finish .stat-number{color:#059669}.vehicle-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.section-header h2{font-size:20px;font-weight:700;color:#1f2937;margin:0}.total-badge{display:flex;align-items:center;gap:8px;background:#dc2626;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600}.total-count{font-weight:700;font-size:16px}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.vehicle-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .2s ease;position:relative}.vehicle-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#dc2626;border-radius:8px 8px 0 0}.vehicle-card:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.vehicle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.vehicle-number{background:#dc2626;color:#fff;padding:6px 10px;border-radius:4px;font-weight:600;font-size:12px;letter-spacing:.5px}.status-indicator{font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;text-transform:uppercase}.status-indicator.status-waiting{background:#fef3c7;color:#92400e}.status-indicator.status-service{background:#dbeafe;color:#1e40af}.status-indicator.status-finish{background:#d1fae5;color:#065f46}.vehicle-body{display:flex;flex-direction:column;gap:12px}.plate-display{display:flex;align-items:center;gap:12px}.plate-number{font-size:18px;font-weight:700;color:#1e293b;letter-spacing:1px;text-transform:uppercase}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:16px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.status-badge.status-waiting{background:#fef3c7;color:#92400e}.status-badge.status-service{background:#dbeafe;color:#1e40af}.status-badge.status-finish{background:#d1fae5;color:#065f46}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-state h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{font-size:14px;margin:0;font-weight:500}@media (max-width: 768px){.container{padding:16px}.header-content{padding:24px}.brand-section{flex-direction:column;text-align:center;gap:16px}.header-info,.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.vehicle-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:12px;align-items:flex-start}}.container{max-width:32rem;margin:0 auto;padding:1.5rem 0}.card{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:2px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.cardHeader{background:linear-gradient(to right,#dbeafe,#bfdbfe);padding:1.5rem}.cardHeader.dark{background:linear-gradient(to right,#1e3a8a,#1e40af)}.cardTitle{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.cardTitle.dark{color:#f9fafb}.cardDescription{font-size:1rem;color:#6b7280}.cardDescription.dark{color:#d1d5db}.cardContent{padding:2rem}.formGroup{margin-bottom:1.5rem}.label{display:block;font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem}.label.dark{color:#f3f4f6}.input{width:100%;height:3rem;font-size:1rem;padding:0 1rem;border:2px solid #d1d5db;border-radius:.375rem;transition:border-color .2s ease-in-out}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select{width:100%;height:3rem;font-size:1rem;padding:0 1rem;border:2px solid #d1d5db;border-radius:.375rem;background-color:#fff;cursor:pointer;transition:border-color .2s ease-in-out}.select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.previewBox{padding:1rem;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;margin:1.5rem 0}.previewBox.dark{background-color:#14532d;border-color:#166534}.previewText{color:#166534;font-weight:500;margin-bottom:.25rem}.previewText.dark{color:#bbf7d0}.previewSubtext{font-size:.875rem;color:#059669;margin-top:.25rem}.previewSubtext.dark{color:#6ee7b7}.buttonContainer{display:flex;justify-content:center;padding-top:1rem}.exportButton{min-width:12.5rem;height:3.5rem;font-size:1.125rem;font-weight:600;background-color:#2563eb;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;align-items:center;justify-content:center;gap:.75rem}.exportButton:hover:not(:disabled){background-color:#1d4ed8;transform:scale(1.05);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.exportButton:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.spinner{width:1.25rem;height:1.25rem;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.pulseText{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.icon{width:1.75rem;height:1.75rem;color:#2563eb}.selectIcon{width:1rem;height:1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 640px){.container{padding:1rem}.cardContent{padding:1.5rem}.cardTitle{font-size:1.25rem}.exportButton{min-width:100%;height:3rem;font-size:1rem}}:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, .5);--swal2-container-padding: .625em;--swal2-backdrop: rgba(0, 0, 0, .4);--swal2-backdrop-transition: background-color .1s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: .3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show .3s;--swal2-hide-animation: swal2-hide .15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: .8em 1em 0;--swal2-html-container-padding: 1em 1.6em .3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: .1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color .2s, box-shadow .2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px $swal2-outline-color;--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color .2s, box-shadow .2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color .2s, box-shadow .2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: .25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: .25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: .25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show .5s;--swal2-toast-hide-animation: swal2-toast-hide .1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / .075), 0 1px 2px hsl(0deg 0% 0% / .075), 1px 2px 4px hsl(0deg 0% 0% / .075), 1px 3px 8px hsl(0deg 0% 0% / .075), 2px 4px 16px hsl(0deg 0% 0% / .075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white)}@media (prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:#0000!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:#0000;pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static!important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:#0000!important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none!important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px #0000;font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:#0003}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:#0000;color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:#0000;color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message):before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:#0000;font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:.5em 0 0;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}to{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}to{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotate(45deg);opacity:0}25%{transform:rotate(-25deg);opacity:.4}50%{transform:rotate(15deg);opacity:.8}75%{transform:rotate(-5deg);opacity:1}to{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotate(2deg)}33%{transform:translateY(0) rotate(-2deg)}66%{transform:translateY(.3125em) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes swal2-toast-hide{to{transform:rotate(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}to{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}to{top:.9375em;right:.1875em;width:1.375em}}