:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden;background-color:#fff;color:#1e293b}button{font-family:inherit;cursor:pointer}.orders-list-section{margin:3rem 0;padding:0 2rem}.orders-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.orders-list-header h2{font-size:1.75rem;font-weight:800;color:var(--white);margin:0;letter-spacing:-.5px}.orders-count{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--secondary-orange) 100%);color:#fff;padding:.5rem 1.25rem;border-radius:6px;font-weight:800;font-size:1rem;box-shadow:0 4px 15px #ff6b354d}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.order-card{background:#fffffffa;border-radius:8px;padding:1.5rem;box-shadow:0 4px 20px #00000026;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.order-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-orange) 0%,var(--secondary-orange) 100%)}.order-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000040;border-color:var(--primary-orange)}.order-title{font-size:1.25rem;font-weight:800;color:var(--text-dark);margin-bottom:1rem;letter-spacing:-.3px}.order-status{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:6px;border-left:4px solid var(--success-green)}.order-status svg{color:var(--success-green);flex-shrink:0}.order-status span{font-weight:700;color:var(--text-dark);font-size:.95rem}.order-timer{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:6px}.order-timer svg{color:var(--primary-orange)}.order-timer span{font-family:Courier New,monospace;font-weight:700;color:var(--text-dark);font-size:1rem}.order-actions{margin-top:1rem}.btn-view{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-orange) 0%,var(--secondary-orange) 100%);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b354d;text-transform:uppercase;letter-spacing:.5px}.btn-view:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3580}@media(max-width:768px){.orders-list-section{padding:0 1rem}.orders-grid{grid-template-columns:1fr}.orders-list-header h2{font-size:1.5rem}}:root{--primary-orange: #FF6B35;--secondary-orange: #F7931E;--accent-blue: #2563eb;--dark: #0f172a;--dark-gray: #1e293b;--medium-gray: #334155;--light-gray: #e2e8f0;--white: #ffffff;--text-dark: #1e293b;--text-light: #64748b}.landing-container{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}.landing-header{background:linear-gradient(135deg,var(--dark) 0%,var(--dark-gray) 100%);box-shadow:0 4px 20px #0000004d;padding:1.25rem 0;position:sticky;top:0;z-index:100;width:100%;border-bottom:3px solid var(--primary-orange)}.header-content{max-width:1400px;margin:0 auto;padding:0 3rem;display:flex;justify-content:space-between;align-items:center;width:100%}.logo-container{display:flex;align-items:center;gap:1.25rem}.logo-placeholder{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-orange),var(--secondary-orange));color:var(--white);clip-path:polygon(20% 0%,100% 0%,80% 100%,0% 100%);transition:all .4s;box-shadow:0 4px 16px #ff6b3566}.logo-placeholder img{width:60%;height:60%;object-fit:contain}.logo-placeholder:hover{transform:scale(1.05) rotate(-5deg);box-shadow:0 6px 24px #ff6b3599}.logo-text{display:flex;flex-direction:column;gap:.25rem}.logo{font-size:2rem;margin:0;color:var(--white);font-weight:900;letter-spacing:-1px;display:flex;align-items:baseline;gap:.5rem;line-height:1}.logo-location{font-size:1.25rem;color:var(--primary-orange);font-weight:700;letter-spacing:0}.logo-slogan{margin:0;font-size:.85rem;color:#ffffffb3;font-weight:600;text-transform:uppercase;letter-spacing:1px}.header-actions{display:flex;align-items:center;gap:1.25rem}.header-phone{display:flex;align-items:center;gap:.5rem;color:var(--white);text-decoration:none;font-weight:700;font-size:1.1rem;padding:.75rem 1.25rem;background:#ffffff1a;border:2px solid rgba(255,107,53,.5);transition:all .3s;clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%)}.header-phone:hover{background:var(--primary-orange);border-color:var(--primary-orange);transform:translateY(-2px);box-shadow:0 4px 16px #ff6b3566}.lang-switcher{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:var(--white);padding:.75rem 1rem;cursor:pointer;font-weight:600;transition:all .3s;font-size:.95rem;clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%);position:relative}.lang-switcher:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary-orange),var(--secondary-orange));color:var(--white);border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s;clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%);box-shadow:0 4px 16px #ff6b3580}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff6b35b3;filter:brightness(1.1)}.hero{background-image:linear-gradient(135deg,#0f172ad9,#ff6b35b3),url(https://media.istockphoto.com/id/494831588/photo/door-lock-with-keys-on-wooden-surface.jpg?s=612x612&w=0&k=20&c=OlQxxKzbtO3lxDdrazzfH1dM6tiQVZx-WY5lPY-_FGY=);background-size:cover;background-position:center;background-attachment:fixed;color:var(--white);padding:8rem 3rem;text-align:center;width:100%;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(15,23,42,.3) 100%);pointer-events:none}.hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:4rem;margin-bottom:1.5rem;font-weight:900;line-height:1.1;text-shadow:2px 4px 12px rgba(0,0,0,.4);letter-spacing:-1px}.hero-subtitle{font-size:1.75rem;margin-bottom:1.5rem;font-weight:600;text-shadow:1px 2px 8px rgba(0,0,0,.3)}.hero-description{font-size:1.25rem;max-width:700px;margin:0 auto 3rem;line-height:1.6;text-shadow:1px 2px 6px rgba(0,0,0,.3)}.btn-hero{background:var(--white);color:var(--dark);border:none;padding:1.5rem 3rem;font-size:1.25rem;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s;clip-path:polygon(5% 0%,100% 0%,95% 100%,0% 100%);box-shadow:0 8px 24px #0000004d;text-transform:uppercase;letter-spacing:1px}.btn-hero:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006;background:var(--primary-orange);color:var(--white)}.section-content{max-width:1400px;margin:0 auto;padding:6rem 3rem;width:100%}.section-title{text-align:center;font-size:3rem;margin-bottom:4rem;color:var(--text-dark);font-weight:900;letter-spacing:-1px;position:relative;display:inline-block;width:100%}.section-title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--primary-orange);clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%)}.features{background-image:linear-gradient(135deg,#fffffff2,#ffffffe6),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=2000&auto=format&fit=crop);background-size:cover;background-position:center;background-attachment:fixed;width:100%;position:relative}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.feature-card{background:var(--white);padding:3rem 2rem;text-align:center;box-shadow:0 8px 24px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:none;position:relative;clip-path:polygon(0% 8%,100% 0%,100% 92%,0% 100%);overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary-orange),var(--secondary-orange));transform:translate(-100%);transition:transform .4s}.feature-card:hover:before{transform:translate(0)}.feature-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 16px 48px #ff6b3540}.feature-icon-wrapper{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dark) 0%,var(--medium-gray) 100%);color:var(--primary-orange);clip-path:polygon(20% 0%,100% 0%,80% 100%,0% 100%);transition:all .3s}.feature-card:hover .feature-icon-wrapper{background:var(--primary-orange);color:var(--white);transform:rotate(5deg) scale(1.1)}.feature-card h4{color:var(--text-dark);margin-bottom:1rem;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.feature-card p{color:var(--text-light);margin:0;line-height:1.6;font-size:1.05rem}.services{background-image:linear-gradient(135deg,#0f172af2,#1e293be6),url(https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=2000&auto=format&fit=crop);background-size:cover;background-position:center;background-attachment:fixed;width:100%}.services .section-title{color:var(--white)}.services .section-title:after{background:var(--primary-orange)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.service-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2rem;text-align:center;border:2px solid rgba(255,107,53,.3);transition:all .4s;position:relative;clip-path:polygon(0% 0%,92% 0%,100% 8%,100% 100%,8% 100%,0% 92%);overflow:hidden}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,53,.1) 0%,transparent 100%);opacity:0;transition:opacity .4s}.service-card:hover:before{opacity:1}.service-card:hover{transform:translateY(-12px) rotate(-2deg);border-color:var(--primary-orange);background:#ff6b3526;box-shadow:0 16px 48px #ff6b3566}.service-icon-wrapper{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--primary-orange);color:var(--white);clip-path:polygon(20% 0%,100% 0%,80% 100%,0% 100%);transition:all .3s}.service-card:hover .service-icon-wrapper{background:var(--white);color:var(--primary-orange);transform:rotate(-5deg) scale(1.15)}.service-card h4{color:var(--white);margin-bottom:1rem;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.service-card p{color:#fffc;margin:0;line-height:1.6;font-size:1.05rem}.contact{background-image:linear-gradient(135deg,#0f172ae6,#ff6b35d9),url(https://images.unsplash.com/photo-1497366216548-37526070297c?q=80&w=2000&auto=format&fit=crop);background-size:cover;background-position:center;background-attachment:fixed;color:var(--white);padding:6rem 3rem;width:100%}.contact .section-title{color:var(--white)}.contact .section-title:after{background:var(--white)}.contact-content{max-width:900px;margin:0 auto}.contact-subtitle{text-align:center;font-size:1.25rem;margin-bottom:3rem;font-weight:500}.contact-form{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3.5rem;box-shadow:0 20px 60px #0000004d;position:relative;clip-path:polygon(0% 2%,100% 0%,100% 98%,0% 100%)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group label{color:var(--text-dark);font-weight:700;margin-bottom:.5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.form-group input{padding:1rem;border:2px solid var(--light-gray);font-size:1rem;transition:all .3s;font-family:inherit;background:var(--white);clip-path:polygon(0% 5%,100% 0%,100% 95%,0% 100%)}.form-group input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b351a;transform:translateY(-2px)}.checkbox-group{margin:1.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--text-dark);font-size:.95rem;font-weight:500}.checkbox-label input[type=checkbox]{width:22px;height:22px;cursor:pointer;accent-color:var(--primary-orange)}.form-message{padding:1rem;margin-bottom:1.5rem;font-weight:600;text-align:center;clip-path:polygon(0% 5%,100% 0%,100% 95%,0% 100%)}.form-message.success{background:#d4edda;color:#155724;border:2px solid #c3e6cb}.form-message.error{background:#f8d7da;color:#721c24;border:2px solid #f5c6cb}.btn-submit{width:100%;background:var(--dark);color:var(--white);border:none;padding:1.5rem 2rem;font-size:1.125rem;font-weight:800;cursor:pointer;transition:all .3s;box-shadow:0 8px 24px #0f172a4d;text-transform:uppercase;letter-spacing:1px;clip-path:polygon(2% 0%,100% 0%,98% 100%,0% 100%)}.btn-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #ff6b3566;background:var(--primary-orange)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.landing-footer{background:var(--dark);color:#fffc;padding:2.5rem 3rem;text-align:center;width:100%;border-top:3px solid var(--primary-orange)}.landing-footer p{margin:0;font-size:.95rem;font-weight:500}@media(max-width:968px){.header-content{padding:0 2rem}.logo{font-size:1.5rem}.logo-location{font-size:1rem}.logo-slogan{font-size:.75rem}.header-phone{font-size:1rem;padding:.6rem 1rem}.hero{padding:5rem 2rem;background-attachment:scroll}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.section-content{padding:4rem 2rem}.section-title{font-size:2.25rem}.contact{padding:4rem 2rem;background-attachment:scroll}.contact-form{padding:2.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.features-grid,.services-grid{grid-template-columns:1fr}.features,.services{background-attachment:scroll}}@media(max-width:640px){.landing-header{padding:1rem 0}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 1rem}.logo-container{gap:.75rem}.logo-placeholder{width:48px;height:48px}.logo-placeholder svg{width:28px;height:28px}.logo{font-size:1.25rem;flex-direction:column;align-items:flex-start;gap:.25rem}.logo-location{font-size:.9rem}.logo-slogan{display:none}.header-actions{width:100%;justify-content:flex-end;gap:.5rem}.lang-switcher{display:none}.header-phone{padding:.5rem .75rem;font-size:.9rem}.lang-switcher{padding:.5rem .75rem;font-size:.85rem}.btn-primary{flex:1;justify-content:center;padding:.6rem 1rem;font-size:.9rem}.hero{padding:4rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.section-title{font-size:1.75rem}.section-content,.contact{padding:3rem 1rem}.contact-form{padding:2rem}.landing-footer{padding:2rem 1rem}.btn-hero{padding:1.25rem 2rem;font-size:1.1rem}}:root{--primary-orange: #FF6B35;--secondary-orange: #F7931E;--light-peach: #FFA07A;--cream: #FFF8DC;--dark-gray: #2d3748;--text-dark: #333;--text-light: #666;--white: #ffffff}.order-form-container{min-height:100vh;background:linear-gradient(135deg,var(--cream) 0%,var(--white) 100%);padding:3rem 2rem;display:flex;justify-content:center;align-items:center}.order-form-wrapper{background:var(--white);padding:3rem;border-radius:16px;box-shadow:0 12px 48px #0000001a;max-width:700px;width:100%;position:relative}.form-header{position:absolute;top:1.5rem;right:1.5rem}.lang-switcher{background:transparent;border:2px solid var(--primary-orange);color:var(--primary-orange);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;font-size:.95rem}.lang-switcher:hover{background:var(--primary-orange);color:var(--white);transform:translateY(-2px)}.order-form-wrapper h1{color:var(--text-dark);font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.subtitle{color:var(--text-light);font-size:1.125rem;margin-bottom:2rem;line-height:1.6}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;border:2px solid #f5c6cb;margin-bottom:2rem;font-weight:600}.order-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1.25rem}.form-section h2{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:.5rem;border-bottom:3px solid var(--primary-orange);padding-bottom:.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-dark);font-weight:600;margin-bottom:.5rem;font-size:1rem}.form-group input{padding:1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b351a}.form-group input::placeholder{color:#cbd5e0}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;color:var(--text-dark);font-size:.95rem;line-height:1.5}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-orange);margin-top:2px;flex-shrink:0}.checkbox-label span{flex:1}.submit-button{width:100%;background:linear-gradient(135deg,var(--primary-orange),var(--secondary-orange));color:var(--white);border:none;padding:1.25rem 2rem;font-size:1.125rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #ff6b354d;margin-top:1rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.order-form-container{padding:2rem 1rem}.order-form-wrapper{padding:2rem 1.5rem}.form-header{position:static;margin-bottom:1rem;display:flex;justify-content:flex-end}.order-form-wrapper h1{font-size:2rem}.subtitle{font-size:1rem}.form-section h2{font-size:1.25rem}}@media(max-width:480px){.order-form-container{padding:1rem .5rem}.order-form-wrapper{padding:1.5rem 1rem}.order-form-wrapper h1{font-size:1.75rem}}.order-view-container{min-height:100vh;background:linear-gradient(135deg,var(--dark) 0%,var(--dark-gray) 100%);padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.order-view-wrapper{max-width:700px;margin:0 auto;background:#fffffffa;border-radius:8px;padding:2rem;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.order-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--light-gray)}.order-header h1{color:var(--text-dark);margin:0;font-size:2rem;font-weight:800;letter-spacing:-.5px}.order-timer{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:8px;margin-bottom:2rem;border-left:4px solid var(--primary-orange)}.order-timer svg{color:var(--primary-orange);flex-shrink:0}.timer-label{font-size:.875rem;color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.timer-value{font-size:1.5rem;font-weight:800;color:var(--text-dark);font-family:Courier New,monospace;letter-spacing:1px}.order-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.detail-section{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border-left:4px solid var(--accent-blue)}.detail-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;flex-shrink:0;color:var(--accent-blue)}.detail-section h3{color:var(--text-dark);margin:0 0 .5rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.detail-section p{margin:0;color:var(--text-dark);font-size:1rem;font-weight:600}.detail-section a{color:var(--accent-blue);text-decoration:none;font-weight:700;transition:color .2s ease}.detail-section a:hover{color:var(--primary-orange);text-decoration:underline}.order-actions{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--light-gray)}.btn-secondary{width:100%;padding:.875rem 2rem;background:var(--light-gray);color:var(--text-dark);border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;background:#cbd5e0}.loading,.error-message{text-align:center;padding:3rem 2rem;background:#fffffffa;border-radius:8px;max-width:600px;margin:2rem auto;color:var(--text-dark)}.error-message{color:#dc2626;background:#fee2e2;border:2px solid #fca5a5;border-left:4px solid #dc2626}.error-message button{margin-top:1rem}@media(max-width:768px){.order-view-wrapper{padding:1.5rem}.order-header h1{font-size:1.5rem}.timer-value{font-size:1.25rem}.detail-section{padding:1rem}}.order-success-container{min-height:100vh;background:linear-gradient(135deg,var(--dark) 0%,var(--dark-gray) 100%);padding:2rem 1rem;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.order-success-wrapper{max-width:600px;width:100%;background:#fffffffa;border-radius:8px;padding:3rem 2rem;box-shadow:0 20px 60px #0000004d;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.success-icon-wrapper{margin-bottom:1.5rem;display:flex;justify-content:center}.success-icon{color:var(--success-green);filter:drop-shadow(0 4px 12px rgba(16,185,129,.3))}.order-success-wrapper h1{color:var(--text-dark);margin-bottom:1rem;font-size:2rem;font-weight:800;letter-spacing:-.5px}.order-id{font-size:1.1rem;color:var(--text-light);margin-bottom:2rem;font-weight:600}.order-id strong{color:var(--primary-orange);font-family:Courier New,monospace;font-size:1.2rem}.success-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid var(--success-green)}.message-item{display:flex;align-items:flex-start;gap:1rem;text-align:left}.message-item svg{color:var(--success-green);flex-shrink:0;margin-top:2px}.message-item strong{display:block;color:var(--text-dark);margin-bottom:.5rem;font-size:1.1rem}.message-item p{margin:0;color:var(--text-light);font-size:.95rem}.action-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.btn-primary,.btn-secondary,.btn-home{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-home{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--secondary-orange) 100%);color:#fff;box-shadow:0 4px 15px #ff6b354d}.info-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:8px;padding:1.5rem;text-align:left;border-left:4px solid #f59e0b}.info-box h3{color:var(--text-dark);margin-top:0;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{padding:.5rem 0;color:var(--text-dark);font-size:.95rem;line-height:1.6}.error-message{color:#dc2626;background:#fee2e2;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:2px solid #fca5a5;border-left:4px solid #dc2626}.error-message p{margin:0;font-weight:600}@media(max-width:768px){.order-success-wrapper{padding:2rem 1.5rem}.order-success-wrapper h1{font-size:1.75rem}.success-icon{width:48px;height:48px}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:2rem}.admin-login-card{background:#fffffffa;border-radius:8px;padding:3rem;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d;border:2px solid transparent;transition:all .3s ease}.admin-login-card:hover{border-color:#ff6b35;box-shadow:0 25px 70px #ff6b3533}.admin-login-header{text-align:center;margin-bottom:2rem}.login-icon{color:#ff6b35;margin-bottom:1rem}.admin-login-header h1{font-size:1.75rem;font-weight:800;color:#1e293b;margin-bottom:.5rem;letter-spacing:-.5px}.admin-login-header p{color:#64748b;font-size:.95rem}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.login-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.9rem;font-weight:600}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#1e293b;font-size:.9rem}.form-group label svg{color:#64748b}.form-group input{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:all .2s ease;background:#fff}.form-group input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.btn-login{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b354d;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3580}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.admin-login-container{padding:1rem}.admin-login-card{padding:2rem}.admin-login-header h1{font-size:1.5rem}}:root{--primary-orange: #FF6B35;--secondary-orange: #F7931E;--accent-blue: #2563eb;--dark: #0f172a;--dark-gray: #1e293b;--medium-gray: #334155;--light-gray: #e2e8f0;--white: #ffffff;--success-green: #10b981;--text-dark: #1e293b;--text-light: #64748b}*{box-sizing:border-box;margin:0;padding:0}.admin-panel{min-height:100vh;background:linear-gradient(135deg,var(--dark) 0%,var(--dark-gray) 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.admin-hero{background:linear-gradient(135deg,var(--dark) 0%,var(--dark-gray) 100%);padding:2rem 2rem 3rem;border-bottom:3px solid var(--primary-orange);box-shadow:0 10px 40px #0000004d}.admin-hero-content{max-width:1200px;margin:0 auto;text-align:center}.admin-hero h1{font-size:2.5rem;font-weight:900;color:var(--white);margin-bottom:.75rem;letter-spacing:-1px;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.admin-hero p{font-size:1rem;color:#cbd5e0;margin-bottom:1.5rem;font-weight:400}.btn-home{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--secondary-orange) 100%);color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b354d;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.5rem}.btn-home:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3580}.admin-container{max-width:1200px;margin:0 auto;padding:2rem}.orders-section{background:#fffffffa;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--light-gray)}.section-title{display:flex;align-items:center;gap:.75rem}.section-title svg{color:var(--primary-orange)}.section-actions{display:flex;align-items:center;gap:1rem}.btn-add{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--secondary-orange) 100%);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b354d;display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.btn-add:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3580}.create-form-section{margin-bottom:2rem}.create-order-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:700;color:var(--text-dark);font-size:.9rem}.form-group input{padding:.75rem;border:2px solid var(--light-gray);border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--primary-orange)}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--secondary-orange) 100%);color:#fff;box-shadow:0 4px 15px #ff6b354d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3580}.btn-secondary{background:var(--light-gray);color:var(--text-dark)}.btn-secondary:hover{background:#cbd5e0}.btn-close-form{background:transparent;border:none;color:var(--text-light);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-close-form:hover{color:var(--text-dark);background:var(--light-gray)}.section-header h2{font-size:1.5rem;color:var(--text-dark);margin:0;font-weight:800;letter-spacing:-.5px}.count-badge{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--secondary-orange) 100%);color:#fff;padding:.5rem 1.25rem;border-radius:6px;font-weight:800;font-size:1rem;min-width:50px;text-align:center;box-shadow:0 4px 15px #ff6b354d;letter-spacing:.5px}.count-badge.secondary{background:linear-gradient(135deg,var(--success-green) 0%,#059669 100%);box-shadow:0 4px 15px #10b9814d}.section-note{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:.875rem 1.25rem;border-radius:6px;margin-bottom:1.5rem;border-left:4px solid #f59e0b;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #f59e0b26;display:flex;align-items:center;gap:.5rem}.section-note svg{flex-shrink:0}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.order-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:8px;border:2px solid transparent;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000014;position:relative}.order-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-orange) 0%,var(--secondary-orange) 100%);opacity:0;transition:opacity .3s ease}.order-card.active:before{opacity:1}.order-card.completed:before{background:linear-gradient(90deg,var(--success-green) 0%,#059669 100%);opacity:1}.order-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:var(--primary-orange)}.order-card.completed:hover{border-color:var(--success-green)}.order-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--light-gray)}.order-actions-header{display:flex;align-items:center;gap:.5rem}.btn-delete{background:transparent;border:none;color:#dc2626;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-delete:hover{background:#fee2e2;transform:scale(1.1)}.order-number{font-size:1.1rem;font-weight:800;color:var(--text-dark);font-family:Courier New,monospace;letter-spacing:1px}.btn-complete{background:linear-gradient(135deg,var(--success-green) 0%,#059669 100%);color:#fff;border:none;width:44px;height:44px;border-radius:6px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #10b9814d;display:flex;align-items:center;justify-content:center}.btn-complete:hover{transform:scale(1.1);box-shadow:0 8px 25px #10b98180}.btn-complete:active{transform:scale(.95)}.completed-badge{background:linear-gradient(135deg,var(--success-green) 0%,#059669 100%);color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #10b98140;letter-spacing:.5px;display:flex;align-items:center;gap:.375rem}.order-card-body{padding:1.5rem}.order-info{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;align-items:center;gap:1rem;color:var(--text-dark);font-size:.95rem;padding:.5rem 0}.info-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:6px;flex-shrink:0;color:var(--medium-gray)}.phone-link{color:var(--accent-blue);text-decoration:none;font-weight:700;transition:all .2s ease;letter-spacing:.3px}.phone-link:hover{color:var(--primary-orange);text-decoration:underline;text-decoration-thickness:2px}.address-link{color:var(--accent-blue);text-decoration:none;font-weight:700;transition:all .2s ease;letter-spacing:.3px}.address-link:hover{color:var(--primary-orange);text-decoration:underline;text-decoration-thickness:2px}.order-time{color:var(--text-light);font-size:.875rem;font-weight:500;font-family:Courier New,monospace}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-light)}.empty-icon{margin-bottom:1rem;opacity:.4;color:var(--text-light)}.empty-state p{font-size:1.1rem;color:var(--text-light);font-weight:500}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff}.spinner{width:70px;height:70px;border:6px solid rgba(255,255,255,.2);border-top-color:var(--primary-orange);border-radius:6px;animation:spin .8s linear infinite;margin-bottom:1.5rem;box-shadow:0 0 30px #ff6b354d}@keyframes spin{to{transform:rotate(360deg)}}.admin-loading p{font-size:1.2rem;font-weight:600;letter-spacing:.5px}@media(max-width:1024px){.admin-hero h1{font-size:2rem}.admin-container{padding:1.5rem}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.admin-hero{padding:1.5rem 1rem 2rem}.admin-hero h1{font-size:1.75rem}.admin-hero p{font-size:.95rem}.admin-container{padding:1rem}.orders-section{padding:1.5rem 1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-header h2{font-size:1.3rem}.orders-grid{grid-template-columns:1fr;gap:1rem}.order-card-header,.order-card-body{padding:1rem}.order-number{font-size:1rem}.btn-complete{width:40px;height:40px}.info-row{font-size:.9rem;gap:.75rem}.info-icon{width:32px;height:32px}}@media(max-width:480px){.admin-hero h1{font-size:1.5rem}.section-header h2{font-size:1.2rem}.btn-home{padding:.65rem 1.5rem;font-size:.85rem}.count-badge{padding:.4rem 1rem;font-size:.9rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.order-card{animation:fadeIn .3s ease-out}.orders-section{transition:all .3s ease}.orders-section:hover{box-shadow:0 25px 70px #00000059}.card{padding:2em}.read-the-docs{color:#888}