.offline-indicator{position:fixed;top:0;left:0;right:0;z-index:9999;padding:12px 24px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.offline-indicator__content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px}.offline-indicator__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.offline-indicator__text{flex:1;display:flex;flex-direction:column;gap:2px}.offline-indicator__text strong{font-size:14px;line-height:1.4}.offline-indicator__text span{font-size:12px;line-height:1.4;opacity:.9}.offline-indicator--offline{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 2px 8px #dc26264d}.offline-indicator--degraded{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}@media(max-width:640px){.offline-indicator{padding:10px 16px}.offline-indicator__text strong{font-size:13px}.offline-indicator__text span{font-size:11px}}.fiscal-maintenance-banner{position:fixed;inset:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.fiscal-maintenance-banner__content{max-width:700px;width:100%;background:#fff;border-radius:16px;padding:3rem;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.fiscal-maintenance-banner__icon{display:flex;justify-content:center;margin-bottom:2rem;color:#f59e0b}.fiscal-maintenance-banner__icon svg{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.fiscal-maintenance-banner__message h2{font-size:2rem;color:#1f2937;margin-bottom:1rem}.fiscal-maintenance-banner__message p{font-size:1.125rem;color:#6b7280;line-height:1.6;margin-bottom:1rem}.fiscal-maintenance-banner__reason{font-size:1rem!important;color:#f59e0b!important;font-weight:600;padding:.75rem;background:#fffbeb;border-radius:8px;margin-top:1.5rem;margin-bottom:1.5rem}.fiscal-maintenance-banner__recovery{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:#3b82f6;margin-top:1rem;padding:.75rem;background:#eff6ff;border-radius:8px}.fiscal-maintenance-banner__support{margin:2rem 0;padding:1.5rem;background:#f9fafb;border-radius:12px}.fiscal-maintenance-banner__support-item{display:flex;align-items:center;justify-content:center;gap:1rem;color:#1f2937}.fiscal-maintenance-banner__support-item strong{display:block;font-size:1rem;margin-bottom:.25rem}.fiscal-maintenance-banner__support-item p{font-size:1.5rem!important;font-weight:700;color:#3b82f6!important;margin:0!important}.fiscal-maintenance-banner__legal{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.fiscal-maintenance-banner__legal p{font-size:.75rem!important;color:#9ca3af!important;line-height:1.5;margin:0!important}@media(max-width:640px){.fiscal-maintenance-banner{padding:1rem}.fiscal-maintenance-banner__content{padding:2rem}.fiscal-maintenance-banner__message h2{font-size:1.5rem}.fiscal-maintenance-banner__message p{font-size:1rem}.fiscal-maintenance-banner__support-item p{font-size:1.25rem!important}}.dev-mode-badge{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #667eea66;transition:all .3s ease}.dev-mode-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.dev-mode-badge:active{transform:translateY(0)}.dev-mode-panel{position:fixed;bottom:70px;right:20px;z-index:9998;width:400px;max-height:80vh;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dev-mode-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid #f3f4f6;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.dev-mode-header h3{margin:0;font-size:18px;font-weight:700}.dev-mode-header button{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.dev-mode-header button:hover{background:#ffffff4d}.dev-mode-content{padding:20px}.dev-mode-section{margin-bottom:20px}.dev-mode-section:last-child{margin-bottom:0}.dev-mode-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.dev-mode-section ul{margin:0;padding:0;list-style:none}.dev-mode-section li{padding:8px 12px;background:#f9fafb;border-radius:6px;margin-bottom:6px;font-size:13px;color:#111827}.dev-mode-section li:last-child{margin-bottom:0}.dev-mode-section code{background:#e5e7eb;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;color:#7c3aed}.dev-action-btn{width:100%;padding:10px 16px;margin-bottom:8px;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.dev-action-btn:hover{background:#e5e7eb;border-color:#d1d5db}.dev-action-btn:active{transform:scale(.98)}.dev-action-btn-link{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;display:flex;align-items:center;gap:8px}.dev-action-btn-link:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.dev-action-btn-link:active{transform:translateY(0)}.dev-mode-warning{margin-top:16px;padding:12px;background:#fef3c7;border:2px solid #fde68a;border-radius:8px;font-size:12px;color:#92400e;text-align:center}@media(max-width:480px){.dev-mode-panel{right:10px;left:10px;width:auto}.dev-mode-badge{right:10px;bottom:10px}}.nav-button{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;border:2px solid var(--kp-border-main);background:#ffffffe6;color:var(--kp-text-main);cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease,border-color .15s ease;touch-action:manipulation;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px)}.nav-button svg{flex-shrink:0}.nav-button--secondary{background:#ffffffe6}.nav-button--secondary:hover{background:#fff;border-color:var(--kp-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-button--primary{background:var(--kp-primary);color:#fff;border-color:var(--kp-primary);box-shadow:var(--shadow-md)}.nav-button--primary:hover{background:var(--kp-primary-hover);border-color:var(--kp-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.nav-button:active{transform:scale(.95);box-shadow:var(--shadow-sm)}.nav-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.are-you-there-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(16px)}.are-you-there-dialog{background:#fff;border-radius:32px;padding:48px 40px;box-shadow:0 24px 64px #00000040;max-width:600px;width:calc(100% - 40px);display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;overflow:hidden}.are-you-there-dialog--urgent{box-shadow:0 24px 64px #ef444466;animation:urgentPulse 1s ease-in-out infinite}@keyframes urgentPulse{0%,to{box-shadow:0 24px 64px #ef44444d}50%{box-shadow:0 24px 64px #ef444480,0 0 32px #ef44444d}}.are-you-there-countdown{position:relative;width:120px;height:120px;margin-bottom:8px}.are-you-there-countdown-ring{width:100%;height:100%;transform:rotate(0)}.are-you-there-countdown-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:800;color:#3b82f6;line-height:1}.are-you-there-icon-container{margin-bottom:8px}.are-you-there-icon{color:#3b82f6;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.are-you-there-icon--urgent{color:#ef4444;filter:drop-shadow(0 4px 12px rgba(239,68,68,.4))}.are-you-there-title{font-size:40px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em;text-align:center}.are-you-there-message{font-size:20px;color:#64748b;margin:0;font-weight:500;text-align:center;line-height:1.5;max-width:480px}.are-you-there-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-top:8px}.are-you-there-btn{min-height:80px;border-radius:20px;border:none;cursor:pointer;font-weight:700;font-size:20px;transition:all .2s ease;position:relative;overflow:hidden;touch-action:manipulation;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:20px 24px}.are-you-there-btn:disabled{opacity:.5;cursor:not-allowed}.are-you-there-btn--primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 8px 24px #22c55e59;grid-column:1 / -1}.are-you-there-btn--primary:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #22c55e73;background:linear-gradient(135deg,#16a34a,#15803d)}.are-you-there-btn--primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 4px 16px #22c55e4d}.are-you-there-btn--secondary{background:#fff;color:#64748b;border:3px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;grid-column:1 / -1}.are-you-there-btn--secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.are-you-there-btn--secondary:active:not(:disabled){transform:translateY(0) scale(.98);background:#f1f5f9;box-shadow:0 2px 8px #0000000d}.are-you-there-btn svg{flex-shrink:0}.are-you-there-btn:after{content:"";position:absolute;inset:0;background:#ffffff4d;border-radius:inherit;transform:scale(0);opacity:0;pointer-events:none}.are-you-there-btn:active:not(:disabled):after{transform:scale(1);opacity:1;transition:transform .3s ease,opacity .5s ease}.are-you-there-hint{font-size:16px;color:#94a3b8;margin:0;text-align:center;font-weight:500}@media(max-width:640px){.are-you-there-dialog{padding:36px 24px;max-width:calc(100% - 24px)}.are-you-there-countdown{width:100px;height:100px}.are-you-there-countdown-number{font-size:40px}.are-you-there-icon-container svg{width:52px;height:52px}.are-you-there-title{font-size:32px}.are-you-there-message{font-size:18px}.are-you-there-actions{grid-template-columns:1fr;gap:12px}.are-you-there-btn{min-height:72px;font-size:18px;padding:18px 20px}.are-you-there-btn--primary,.are-you-there-btn--secondary{grid-column:auto}.are-you-there-hint{font-size:14px}}@media(min-width:641px)and (max-width:1024px){.are-you-there-dialog{padding:40px 32px}.are-you-there-title{font-size:36px}.are-you-there-message{font-size:19px}}.snowfall{position:absolute;top:0;left:0;right:0;height:300px;pointer-events:none;overflow:hidden;z-index:100}.snowflake{position:absolute;top:-20px;color:#fff;user-select:none;pointer-events:none;animation:snowfall linear infinite;text-shadow:0 0 8px rgba(255,255,255,.8);font-size:1em;line-height:1}@keyframes snowfall{0%{transform:translateY(-20px) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(320px) translate(30px) rotate(360deg);opacity:0}}.snowflake:nth-child(2n){animation-name:snowfall-alt}@keyframes snowfall-alt{0%{transform:translateY(-20px) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(320px) translate(-30px) rotate(-360deg);opacity:0}}.snowflake:nth-child(3n){filter:blur(.5px);text-shadow:0 0 12px rgba(255,255,255,.9),0 0 20px rgba(147,197,253,.5)}.snowflake:nth-child(5n){animation-duration:8s!important}.snowflake:nth-child(7n){animation-duration:15s!important}.step-progress{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;margin-bottom:28px}.step-progress__item{position:relative;display:flex;align-items:center;justify-content:center}.step-progress__circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000000d;border:3px solid var(--kp-border-main);color:var(--kp-text-secondary);font-weight:700;font-size:24px;transition:all .3s ease}.step-progress__number{line-height:1}.step-progress__check{width:24px;height:24px;stroke-width:3}.step-progress__item--completed .step-progress__circle{background:linear-gradient(135deg,#22c55e,#4ade80);border-color:#22c55e;color:#fff;box-shadow:0 4px 12px #22c55e4d}.step-progress__item--active.step-progress__item--blue .step-progress__circle{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-color:#3b82f6;color:#fff;transform:scale(1.15);box-shadow:0 6px 20px #3b82f666}.step-progress__item--active.step-progress__item--purple .step-progress__circle{background:linear-gradient(135deg,#a855f7,#c084fc);border-color:#a855f7;color:#fff;transform:scale(1.15);box-shadow:0 6px 20px #a855f766}.step-progress__item--active.step-progress__item--green .step-progress__circle{background:linear-gradient(135deg,#22c55e,#4ade80);border-color:#22c55e;color:#fff;transform:scale(1.15);box-shadow:0 6px 20px #22c55e66}.step-progress__item--active.step-progress__item--orange .step-progress__circle{background:linear-gradient(135deg,#f97316,#fb923c);border-color:#f97316;color:#fff;transform:scale(1.15);box-shadow:0 6px 20px #f9731666}.step-progress__line{width:40px;height:4px;background:var(--kp-border-main);border-radius:2px;transition:all .3s ease}.step-progress__line--completed{background:linear-gradient(90deg,#22c55e,#4ade80)}@keyframes stepPulse{0%,to{transform:scale(1.15)}50%{transform:scale(1.2)}}.step-progress__item--active .step-progress__circle{animation:stepPulse 2s ease-in-out infinite}@media(max-width:767px){.step-progress{gap:12px}.step-progress__circle{width:40px;height:40px;font-size:18px}.step-progress__check{width:20px;height:20px}.step-progress__line{width:32px;height:3px}}.logo{display:flex;align-items:center;gap:12px}.logo__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo__icon svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.logo__text{font-weight:800;letter-spacing:.02em;color:var(--kp-text-main);line-height:1;white-space:nowrap}.logo--small{gap:8px}.logo--small .logo__icon{width:40px;height:40px}.logo--small .logo__text{font-size:18px}.logo--medium{gap:10px}.logo--medium .logo__icon{width:56px;height:56px}.logo--medium .logo__text{font-size:24px}.logo--large{gap:12px}.logo--large .logo__icon{width:72px;height:72px}.logo--large .logo__text{font-size:28px}@media(max-width:640px){.logo__icon{width:56px;height:56px}.logo__text{font-size:22px}.logo--small .logo__icon{width:36px;height:36px}.logo--small .logo__text{font-size:16px}}.kiosk-badge{position:fixed;bottom:32px;left:32px;z-index:900;display:flex;align-items:center;gap:10px;padding:12px 16px;min-width:240px;height:84px;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);backdrop-filter:blur(10px);border:2px solid rgba(226,232,240,.8);border-radius:16px;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;cursor:pointer;transition:all .2s ease;font-family:inherit;color:inherit;text-align:left}.kiosk-badge:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f,0 4px 8px #0000000f;border-color:#3b82f666;background:linear-gradient(135deg,#fff,#f0f9ff)}.kiosk-badge:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a}.kiosk-badge__qr{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--kp-border-soft);border-radius:10px;overflow:hidden}.kiosk-badge__info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.kiosk-badge__number{font-size:16px;font-weight:700;color:var(--kp-text-main);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kiosk-badge__status{display:flex;align-items:center;gap:8px}.kiosk-badge__status-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 2px #fffc,0 0 8px currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.kiosk-badge__status-text{font-size:14px;font-weight:500;color:var(--kp-text-secondary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kiosk-badge__hw-status{display:flex;flex-direction:column;gap:3px}.kiosk-badge__hw-row{display:flex;align-items:center;gap:6px}.kiosk-badge__hw-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;box-shadow:0 0 4px currentColor}.kiosk-badge__hw-label{font-size:13px;font-weight:500;color:var(--kp-text-secondary);line-height:1.2}.kiosk-badge:hover .kiosk-badge__qr{border-color:#3b82f64d;box-shadow:0 0 0 4px #3b82f614}@media(max-width:768px){.kiosk-badge{bottom:24px;left:24px;min-width:220px;height:78px;padding:10px 14px;gap:8px}.kiosk-badge__qr{width:56px;height:56px}.kiosk-badge__number{font-size:15px}.kiosk-badge__status-text{font-size:13px}}@media(max-width:480px){.kiosk-badge{min-width:200px;height:72px;padding:8px 12px;gap:7px}.kiosk-badge__qr{width:52px;height:52px}.kiosk-badge__number{font-size:14px}.kiosk-badge__status-text{font-size:12px}.kiosk-badge__status-dot{width:7px;height:7px}}.slogan-line{position:absolute;left:32px;top:50%;transform:translateY(-50%);max-width:700px;height:44px;display:flex;align-items:center;padding:0 20px;text-shadow:0 2px 4px rgba(0,0,0,.25),0 4px 12px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.3);transition:all .2s ease}.slogan-line__text{font-size:20px;font-weight:600;line-height:1.3;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;will-change:opacity,transform}.slogan-line--error .slogan-line__text{color:#ffffffe6;font-weight:700}@media(max-width:1024px){.slogan-line{max-width:500px}.slogan-line__text{font-size:18px}}@media(max-width:800px){.slogan-line{left:16px;max-width:380px;padding:0 12px}.slogan-line__text{font-size:15px}}@media(prefers-reduced-motion:reduce){.slogan-line__text{will-change:auto}}.kiosk-button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8) var(--space-6);min-height:180px;border-radius:var(--radius-lg);border:none;background:var(--kp-blue);color:var(--kp-text-invert);cursor:pointer;box-shadow:var(--shadow-button);transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background .15s ease;text-align:center;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.kiosk-button:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff26,#fff0);pointer-events:none}.kiosk-button:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);opacity:0;transform:scale(0);pointer-events:none;transition:transform .5s ease-out,opacity .5s ease-out}.kiosk-button:active:not(:disabled):after{transform:scale(2);opacity:1;transition:transform 0s,opacity 0s}.kiosk-button:focus-visible{outline:4px solid rgba(59,130,246,.4);outline-offset:3px}.kiosk-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-sm)}.kiosk-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-button-hover)}.kiosk-button:active:not(:disabled){transform:scale(.97);box-shadow:var(--shadow-sm)}.kiosk-button__icon{flex-shrink:0;width:72px;height:72px;border-radius:16px;background:#fff3;display:flex;align-items:center;justify-content:center;line-height:0;backdrop-filter:blur(10px);transition:transform var(--duration-fast) var(--ease-smooth)}.kiosk-button:hover:not(:disabled) .kiosk-button__icon{transform:scale(1.08)}.kiosk-button__icon svg{width:40px;height:40px;display:block;stroke-width:2.5;transition:transform var(--duration-fast) var(--ease-smooth)}.kiosk-button__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.kiosk-button__label{font-size:28px;font-weight:700;line-height:1.2;color:#fff;letter-spacing:.06em;white-space:nowrap}.kiosk-button__description{font-size:var(--text-base);font-weight:var(--font-medium);line-height:1.4;color:#fff;max-width:30ch;letter-spacing:.03em;text-shadow:0 2px 4px rgba(0,0,0,.25)}.kiosk-button__price-badge{position:absolute;right:24px;top:50%;transform:translateY(-50%);padding:10px 20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:100px;font-size:22px;font-weight:800;color:#fff;letter-spacing:.02em;white-space:nowrap;box-shadow:0 4px 12px #fbbf2466,0 2px 4px #0003;border:2px solid rgba(255,255,255,.3);animation:priceGlow 2s ease-in-out infinite;z-index:2}.kiosk-button--disabled .kiosk-button__price-badge{display:none}@keyframes priceGlow{0%,to{box-shadow:0 4px 12px #fbbf2466,0 2px 4px #0003}50%{box-shadow:0 6px 20px #fbbf2499,0 2px 4px #0003}}.kiosk-button--blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.kiosk-button--blue:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af)}.kiosk-button--purple{background:linear-gradient(135deg,#a855f7,#b56ff8)}.kiosk-button--purple:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#a855f7)}.kiosk-button--green{background:linear-gradient(135deg,#22c55e,#34d06f)}.kiosk-button--green:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#22c55e)}.kiosk-button--orange{background:linear-gradient(135deg,#f97316,#fa8534)}.kiosk-button--orange:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#f97316)}.kiosk-button--gray{background:linear-gradient(135deg,#6b7280,#9ca3af)}.kiosk-button--gray:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#6b7280)}.kiosk-button--pink{background:linear-gradient(135deg,#ec4899,#f472b6)}.kiosk-button--pink:hover:not(:disabled){background:linear-gradient(135deg,#db2777,#ec4899)}.kiosk-button--secondary{background:#fff;color:var(--kp-text-main);box-shadow:var(--shadow-sm);border:2px solid var(--kp-border-main)}.kiosk-button--secondary .kiosk-button__icon{background:var(--kp-bg-soft);color:var(--kp-primary)}.kiosk-button--secondary .kiosk-button__label{color:var(--kp-text-main);text-shadow:none}.kiosk-button--secondary .kiosk-button__description{color:var(--kp-text-secondary);text-shadow:none}.kiosk-button--secondary:hover:not(:disabled){background:var(--kp-bg-soft);border-color:var(--kp-primary)}.kiosk-button--ghost{min-height:auto;padding:12px 20px;flex-direction:row;gap:10px;border-radius:12px;background:transparent;border:2px solid var(--kp-border-main);box-shadow:none;color:var(--kp-text-main)}.kiosk-button--ghost:before{display:none}.kiosk-button--ghost .kiosk-button__content{flex-direction:row;align-items:center;gap:10px}.kiosk-button--ghost .kiosk-button__label{font-size:18px;font-weight:600;text-transform:none}.kiosk-button--ghost .kiosk-button__description{display:none}.kiosk-button--ghost .kiosk-button__icon{width:32px;height:32px;border-radius:8px;background:var(--kp-bg-soft)}.kiosk-button--ghost .kiosk-button__icon svg{width:20px;height:20px}.kiosk-button--ghost:hover:not(:disabled){background:var(--kp-bg-soft);border-color:var(--kp-primary);transform:none;box-shadow:var(--shadow-sm)}.kiosk-button--inline{width:auto;min-width:200px}.kiosk-button--horizontal{flex-direction:row;justify-content:center;align-items:center;gap:0;padding:28px 72px;min-height:155px;text-align:center;position:relative}.kiosk-button--horizontal .kiosk-button__icon{position:absolute;left:40px;flex-shrink:0;background:none;backdrop-filter:none}.kiosk-button--horizontal .kiosk-button__content{align-items:center;text-align:center;flex:0;gap:8px}.kiosk-button--horizontal .kiosk-button__label{font-size:30px;letter-spacing:.09em;white-space:nowrap}.kiosk-button--horizontal .kiosk-button__description{font-size:19px;max-width:none;letter-spacing:.035em;white-space:nowrap}.kiosk-button-stack{width:100%;display:flex;flex-direction:column;gap:32px;padding-left:16px;padding-right:16px;padding-bottom:16px}.kiosk-button-stack .kiosk-button{animation:fadeSlideIn .4s ease backwards}.kiosk-button-stack .kiosk-button:nth-child(1){animation-delay:.05s}.kiosk-button-stack .kiosk-button:nth-child(2){animation-delay:.1s}.kiosk-button-stack .kiosk-button:nth-child(3){animation-delay:.15s}.kiosk-button-stack .kiosk-button:nth-child(4){animation-delay:.2s}.kiosk-button-stack .kiosk-button:nth-child(5){animation-delay:.25s}.kiosk-button-stack .kiosk-button:nth-child(6){animation-delay:.3s}.kiosk-button-stack .kiosk-button:nth-child(7){animation-delay:.35s}.kiosk-button-stack .kiosk-button:nth-child(8){animation-delay:.4s}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.kiosk-button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.kiosk-button-grid .kiosk-button{min-height:200px}}@media(max-width:1280px)and (min-height:1000px){.kiosk-button-grid{gap:16px}.kiosk-button-grid .kiosk-button{min-height:180px;padding:28px 24px}.kiosk-button-stack{gap:16px}.kiosk-button--horizontal{min-height:145px;padding:26px 64px}.kiosk-button--horizontal .kiosk-button__label{font-size:28px;letter-spacing:.095em}.kiosk-button--horizontal .kiosk-button__description{font-size:18px;letter-spacing:.04em}.kiosk-button--horizontal .kiosk-button__icon{width:72px;height:72px;left:36px}.kiosk-button--horizontal .kiosk-button__icon svg{width:40px;height:40px}.kiosk-button__price-badge{right:22px;font-size:21px;padding:9px 19px}}@media(max-height:1024px){.kiosk-button-grid .kiosk-button{min-height:170px}}@media(max-width:767px){.kiosk-button{min-height:160px;padding:24px 20px}.kiosk-button__icon{width:60px;height:60px}.kiosk-button__icon svg{width:32px;height:32px}.kiosk-button__label{font-size:20px}.kiosk-button__description{font-size:14px}.kiosk-button__price-badge{right:16px;font-size:18px;padding:6px 14px}}.bottom-right-actions{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:100}.bottom-right-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001a;min-width:240px}.bottom-right-btn:hover{background:#f9fafb;border-color:#3b82f6;box-shadow:0 6px 16px #00000026;transform:translate(-4px)}.bottom-right-btn--owner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#7dd3fc}.bottom-right-btn--owner:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#38bdf8}.bottom-right-btn--support{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.bottom-right-btn--support:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#f59e0b}.bottom-right-btn__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;flex-shrink:0}.bottom-right-btn--owner .bottom-right-btn__icon{color:#0284c7}.bottom-right-btn--support .bottom-right-btn__icon{color:#d97706}.bottom-right-btn__text{display:flex;flex-direction:column;gap:.25rem;text-align:left}.bottom-right-btn__label{font-size:1rem;font-weight:700;color:#1f2937;line-height:1.2}.bottom-right-btn__hint{font-size:.8125rem;font-weight:500;color:#6b7280;line-height:1.2}@media(max-width:768px){.bottom-right-actions{bottom:1rem;right:1rem}.bottom-right-btn{min-width:200px;padding:.875rem 1.25rem}.bottom-right-btn__icon{width:40px;height:40px}.bottom-right-btn__label{font-size:.9375rem}.bottom-right-btn__hint{font-size:.75rem}}@media(max-width:480px){.bottom-right-actions{bottom:.75rem;right:.75rem;gap:.75rem}.bottom-right-btn{min-width:180px;padding:.75rem 1rem}}.premium-attract-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#0003;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:40px;cursor:pointer;animation:overlayFadeIn .6s ease-out}@keyframes overlayFadeIn{0%{background:#0000;backdrop-filter:blur(0px)}to{background:#0003;backdrop-filter:blur(6px)}}.premium-attract-content{text-align:center;max-width:680px;width:100%;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;padding:56px 48px;box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff26,inset 0 -1px #0000001a;border:1px solid rgba(255,255,255,.12)}.premium-attract-title{margin:0 0 16px;color:#fff;font-size:56px;font-weight:700;letter-spacing:-.5px;line-height:1.1;min-height:70px;display:flex;align-items:center;justify-content:center;text-shadow:0 2px 12px rgba(0,0,0,.4),0 4px 24px rgba(0,0,0,.2)}.premium-attract-title-rotating{display:inline-block}.premium-attract-subtitle{margin:0 0 40px;color:#ffffffeb;font-size:26px;font-weight:400;letter-spacing:.3px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.premium-attract-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:24px 56px;margin:0 0 36px;background:#ffffff3d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;border:1.5px solid rgba(255,255,255,.32);color:#fff;font-size:28px;font-weight:600;letter-spacing:.3px;box-shadow:0 12px 40px #00000040,inset 0 1px #ffffff4d,inset 0 -1px #00000026;text-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .2s cubic-bezier(.4,0,.2,1);animation:breathe 2.2s ease-in-out infinite}.premium-attract-cta:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 16px 50px #0000004d,inset 0 1px #ffffff4d,inset 0 -1px #00000026}.premium-attract-cta:active{transform:scale(.97)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.premium-attract-cta-pulse{position:absolute;inset:-2px;border-radius:999px;box-shadow:0 0 20px 4px #fff6,inset 0 0 20px 2px #fff3;pointer-events:none;z-index:-1}.ripple-icon{color:#fffffff2;flex-shrink:0}.premium-attract-steps{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;color:#fffc;font-size:14px}.premium-attract-step{display:flex;flex-direction:column;align-items:center;gap:6px}.premium-attract-step-icon{font-size:28px;opacity:.9;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.premium-attract-step-label{font-weight:500;letter-spacing:.2px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.premium-attract-step-arrow{font-size:20px;opacity:.6;margin:0 4px}.premium-attract-price{color:#ffffffbf;font-size:18px;font-weight:500;letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.3)}@media(max-width:1024px){.premium-attract-content{padding:40px 32px}.premium-attract-title{font-size:44px}.premium-attract-subtitle{font-size:22px}.premium-attract-cta{font-size:24px;padding:20px 44px}.premium-attract-step-icon{font-size:24px}}@media(max-width:640px){.premium-attract-content{padding:32px 24px}.premium-attract-title{font-size:36px}.premium-attract-subtitle{font-size:18px;margin-bottom:32px}.premium-attract-cta{font-size:20px;padding:18px 36px;gap:12px}.premium-attract-steps{gap:8px}.premium-attract-step-icon{font-size:20px}.premium-attract-step-label{font-size:12px}}.service-tour-highlighted{position:relative;z-index:10!important;transform:scale(1.04)!important;transition:transform .6s cubic-bezier(.34,1.56,.64,1)!important;animation:tour-elevation-breathe 2.5s ease-in-out infinite}@keyframes tour-elevation-breathe{0%,to{transform:scale(1.04)}50%{transform:scale(1.06)}}.service-tour-highlighted:hover{transform:scale(1.07)!important}.home-footer{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb;text-align:center}.home-footer-link{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;color:#374151;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.home-footer-link:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.home-footer-link:active{transform:translateY(0)}@media(max-width:640px){.home-footer{margin-top:1.5rem;padding-top:1rem}.home-footer-link{font-size:13px;padding:10px 20px}}.telegram-webapp{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;padding-bottom:80px}.telegram-webapp.loading{display:flex;align-items:center;justify-content:center}.loading-spinner{text-align:center;color:#fff}.spinner{width:48px;height:48px;margin:0 auto 1rem;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.webapp-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:16px;margin-bottom:1rem;box-shadow:0 4px 12px #0000001a}.header-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.header-content h1{margin:0;font-size:1.25rem;font-weight:700;color:#1a202c}.header-subtitle{margin:.25rem 0 0;font-size:.875rem;color:#718096}.webapp-step{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.upload-step{text-align:center}.upload-zone{padding:2rem 1rem}.upload-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff}.upload-zone h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#1a202c}.upload-description{margin:0 0 2rem;color:#718096;font-size:.875rem}.supported-formats{margin:2rem 0;padding:1rem;background:#f7fafc;border-radius:12px}.formats-title{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#4a5568}.formats-list{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.format-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border-radius:8px;font-size:.875rem;color:#4a5568;border:1px solid #e2e8f0}.info-box{margin:2rem 0 0;padding:1.25rem;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;border:2px solid #667eea30}.info-title{margin:0 0 .75rem;font-size:.875rem;font-weight:700;color:#667eea}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.pricing-item{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#4a5568}.pricing-item strong{font-size:1.125rem;font-weight:700;color:#667eea}.file-preview{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f7fafc;border-radius:12px;margin-bottom:1.5rem}.file-icon{width:64px;height:64px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#667eea;flex-shrink:0;overflow:hidden}.file-icon img{width:100%;height:100%;object-fit:cover}.file-info{flex:1;min-width:0}.file-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1a202c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{margin:0;font-size:.875rem;color:#718096}.config-section{margin-bottom:1.5rem}.config-section h2{margin:0 0 1rem;font-size:1.25rem;font-weight:700;color:#1a202c}.config-option{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f7fafc;border-radius:12px;margin-bottom:.75rem}.option-header{display:flex;align-items:center;gap:.75rem;color:#4a5568}.option-label{font-size:.938rem;font-weight:500;color:#1a202c;display:flex;flex-direction:column;gap:.25rem}.option-price{font-size:.75rem;color:#718096;font-weight:400}.number-input{width:80px;padding:.5rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:600;text-align:center;color:#1a202c;background:#fff}.number-input:focus{outline:none;border-color:#667eea}.checkbox-option{cursor:pointer}.checkbox-input{width:48px;height:24px;cursor:pointer;appearance:none;background:#cbd5e0;border-radius:12px;position:relative;transition:background .2s}.checkbox-input:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.checkbox-input:checked{background:#667eea}.checkbox-input:checked:before{transform:translate(24px)}.cost-summary{padding:1.25rem;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;border:2px solid #667eea30}.cost-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.938rem;color:#4a5568}.cost-row.total{margin-top:.5rem;padding-top:.75rem;border-top:2px solid #667eea30;font-size:1.125rem;color:#667eea;gap:.5rem}.cost-row.total strong{font-size:1.5rem;font-weight:700}.success-step{text-align:center}.success-icon{width:96px;height:96px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.success-step h2{margin:0 0 .75rem;font-size:1.75rem;font-weight:700;color:#1a202c}.success-message{margin:0 0 2rem;font-size:1rem;color:#718096;line-height:1.6}.print-code-section{margin-bottom:2rem}.code-label{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#4a5568}.print-code{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;border:2px dashed #667eea}.code-value{font-size:2rem;font-weight:700;font-family:Courier New,monospace;color:#667eea;letter-spacing:.25rem}.copy-button{width:40px;height:40px;border:none;background:#667eea;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.copy-button:active{transform:scale(.95);background:#5568d3}.qr-code-section{margin-bottom:2rem}.qr-label{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:#4a5568}.qr-code-wrapper{display:flex;justify-content:center;padding:1.5rem;background:#fff;border-radius:12px;border:2px solid #e2e8f0}.instructions{margin-bottom:1.5rem;padding:1.5rem;background:#f7fafc;border-radius:12px;text-align:left}.instructions h3{margin:0 0 1rem;font-size:1rem;font-weight:700;color:#1a202c}.instructions ol{margin:0;padding-left:1.25rem}.instructions li{margin-bottom:.75rem;font-size:.938rem;color:#4a5568;line-height:1.6}.instructions li:last-child{margin-bottom:0}.instructions strong{color:#667eea;font-weight:600}.warning-box{display:flex;align-items:start;gap:.75rem;padding:1rem;background:#fef5e7;border:2px solid #f39c12;border-radius:12px;margin-bottom:1.5rem}.warning-box svg{color:#f39c12;flex-shrink:0;margin-top:.125rem}.warning-box p{margin:0;font-size:.875rem;color:#856404;line-height:1.6}.find-kiosk-button{width:100%;padding:1rem;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.find-kiosk-button:active{transform:scale(.98)}@media(max-width:640px){.telegram-webapp{padding:.75rem;padding-bottom:70px}.webapp-header{padding:1rem}.header-content h1{font-size:1.125rem}.upload-zone h2{font-size:1.25rem}.code-value{font-size:1.5rem;letter-spacing:.15rem}.success-step h2{font-size:1.5rem}}.dev-telegram-container{display:flex;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.dev-controls-panel{width:400px;background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a}.dev-controls-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:2px solid #f3f4f6;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dev-back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.dev-back-button:hover{background:#ffffff4d;transform:translate(-2px)}.dev-controls-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;margin:0;flex:1;text-align:center;justify-content:center}.dev-info-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.dev-info-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.dev-info-box{margin:20px;padding:16px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-left:4px solid #3b82f6;border-radius:8px}.dev-info-box h3{margin:0 0 12px;font-size:16px;font-weight:700;color:#1e40af}.dev-info-box p{margin:0 0 12px;font-size:14px;line-height:1.6;color:#475569}.dev-info-box ul{margin:0;padding-left:20px;font-size:14px;color:#475569}.dev-info-box ul li{margin-bottom:6px}.dev-control-group{padding:20px;border-bottom:1px solid #f3f4f6}.dev-control-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1f2937;margin-bottom:12px}.dev-control-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.dev-control-select{width:100%;padding:12px;font-size:14px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.dev-control-select:hover{border-color:#3b82f6}.dev-control-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dev-control-buttons{display:flex;gap:8px}.dev-control-button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.dev-control-button:hover{border-color:#3b82f6;color:#3b82f6}.dev-control-button.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.dev-control-hint{margin-top:8px;font-size:12px;color:#6b7280;line-height:1.5}.dev-webapp-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;overflow:auto}.dev-phone-frame{width:375px;height:812px;background:#000;border-radius:40px;padding:12px;box-shadow:0 20px 50px #0000004d,0 0 0 1px #ffffff1a inset;position:relative;display:flex;flex-direction:column}.dev-phone-frame.ios{border-radius:40px}.dev-phone-frame.android{border-radius:20px}.dev-phone-frame.web{border-radius:12px;box-shadow:0 10px 30px #0003}.dev-phone-header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#fff;font-size:12px;font-weight:600;position:relative;z-index:10}.dev-phone-time{flex:1}.dev-phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:30px;background:#000;border-radius:0 0 20px 20px}.dev-phone-indicators{display:flex;gap:6px;flex:1;justify-content:flex-end}.dev-webapp-container{flex:1;background:#fff;border-radius:30px;overflow:hidden;position:relative;display:flex;flex-direction:column}.dev-webapp-container.theme-dark{background:#1a1a1a;color:#fff}.dev-main-button-container{position:absolute;bottom:0;left:0;right:0;padding:12px;background:transparent;z-index:1000}.dev-main-button{width:100%;height:52px;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.dev-main-button:hover:not(.disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.dev-main-button:active:not(.disabled){transform:translateY(0)}.dev-main-button.disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.dev-main-button-spinner{animation:spin 1s linear infinite}@media(max-width:1200px){.dev-telegram-container{flex-direction:column}.dev-controls-panel{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;max-height:400px}.dev-webapp-preview{padding:20px}.dev-phone-frame{transform:scale(.9)}}@media(max-width:768px){.dev-phone-frame{transform:scale(.8)}.dev-controls-header{padding:16px}.dev-controls-title{font-size:16px}.dev-control-group{padding:16px}}.dev-webapp-container.theme-dark .telegram-webapp{background:#1a1a1a;color:#fff}.dev-webapp-container.theme-dark .telegram-webapp input,.dev-webapp-container.theme-dark .telegram-webapp select,.dev-webapp-container.theme-dark .telegram-webapp textarea{background:#2a2a2a;color:#fff;border-color:#3a3a3a}.page{width:100%}.page--wide{max-width:100%}.preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;width:100%;align-items:start}.preview-layout__viewer{display:flex;flex-direction:column;gap:16px;min-width:0}.preview-layout__controls{display:flex;flex-direction:column;gap:16px;width:100%}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}.advanced-section{animation:slideDown .3s ease-out;overflow:hidden;display:flex;flex-direction:column;gap:16px}.paper-frame{background:var(--kp-surface-elevated);border-radius:20px;padding:20px;box-shadow:0 14px 30px #94a3b859;border:1px solid var(--kp-border-soft)}.paper-frame__caption{margin:0 0 12px;font-size:15px;color:var(--kp-text-muted);font-weight:600;text-align:center}.paper-frame__inner{background:#fff;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 1px 3px #0000001a,0 4px 12px #00000014}.pdf-page-wrapper{position:relative;margin:0 auto;display:flex;align-items:center;justify-content:center}.pdf-page-wrapper .react-pdf__Document,.pdf-page-wrapper .react-pdf__Page{display:flex;align-items:center;justify-content:center}.pdf-page-wrapper .react-pdf__Page__canvas{max-width:100%;max-height:100%;object-fit:contain}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;font-size:16px;font-weight:600}.control-group{background:var(--kp-surface-elevated);border-radius:16px;padding:18px 20px;border:1px solid var(--kp-border-soft);box-shadow:0 8px 20px #94a3b840}.control-group h2{font-size:18px;font-weight:700;margin:0 0 12px;color:var(--kp-text-main)}.control-row{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}.pill{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;min-height:56px;border-radius:12px;background:#fff;border:2px solid var(--kp-border-soft);color:var(--kp-text-main);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pill input{display:none}.pill:hover{border-color:var(--kp-primary);background:#2563eb0a;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb26}.pill:active{transform:translateY(0);box-shadow:0 3px 10px #2563eb33}.pill--active{background:linear-gradient(135deg,var(--kp-primary),var(--kp-primary-soft));border-color:transparent;color:#fff;box-shadow:0 6px 16px #2563eb59}.pill--active:hover{background:linear-gradient(135deg,#1d4ed8,#4f46e5);box-shadow:0 8px 20px #2563eb66}.control-group--actions{margin-top:8px;display:flex;flex-direction:column;gap:20px;padding:24px}.control-group--actions .control-row{gap:12px;margin-top:4px}.control-group--actions .btn{min-height:64px;font-size:18px;padding:16px 24px;border-radius:16px}.btn--cta{color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.btn--cta-print{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 20px #2563eb66}.btn--cta-print:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 24px #2563eb80}.btn--cta-copy{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px #10b98166}.btn--cta-copy:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 10px 24px #10b98180}.btn--cta-scan{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 20px #8b5cf666}.btn--cta-scan:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 10px 24px #8b5cf680}.btn--cta:disabled{opacity:.6;cursor:not-allowed}.price-line{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(135deg,#2563eb14,#4f46e514);border-radius:16px;border:1px solid rgba(37,99,235,.2);margin-bottom:4px}.price-line__label{font-size:18px;font-weight:600;color:var(--kp-text-main)}.price-line__sum{font-size:32px;font-weight:800;color:var(--kp-primary);letter-spacing:-.02em}.crop-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--kp-border-soft);display:flex;flex-direction:column;gap:12px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.crop-overlay{position:absolute;top:0;left:0;cursor:crosshair;z-index:10}.crop-rect{position:absolute;border:2px dashed var(--kp-primary);background:#2563eb1a;pointer-events:none}.crop-hint-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f172ae6;color:#fff;padding:12px 18px;border-radius:12px;font-size:15px;font-weight:600;pointer-events:none;white-space:nowrap;box-shadow:0 8px 20px #0000004d}.progress{width:100%;margin-bottom:12px}.progress__track{width:100%;height:12px;background:#94a3b833;border-radius:999px;overflow:hidden;margin-bottom:8px}.progress__bar{height:100%;background:linear-gradient(90deg,var(--kp-primary),var(--kp-primary-soft));border-radius:999px;transition:width .3s ease}.progress--error .progress__bar{background:linear-gradient(90deg,var(--kp-danger),#dc2626)}.progress__labels{display:flex;justify-content:space-between;font-size:14px;font-weight:600}.progress__labels--single{justify-content:center}.progress__label{color:var(--kp-text-muted)}.progress__label--active{color:var(--kp-primary)}.progress--error .progress__label--active{color:var(--kp-danger)}.status-block{padding:20px;background:linear-gradient(135deg,#22c55e14,#16a34a14);border-radius:16px;border:1px solid rgba(34,197,94,.3);text-align:center}.status-block__title{font-size:20px;font-weight:700;color:var(--kp-success);margin-bottom:8px}.status-block__desc{font-size:16px;color:var(--kp-text-muted);margin-bottom:16px}.error-text{padding:12px;background:#ef444414;color:var(--kp-danger);border-radius:10px;font-size:15px;font-weight:600;margin-top:12px}.advanced-section .control-row .btn{flex:1;min-height:64px;font-size:16px;font-weight:600;padding:16px 20px;border-radius:14px;gap:10px;background:#fff;border:2px solid var(--kp-border-soft);color:var(--kp-text-main);transition:all .2s ease}.advanced-section .control-row .btn:hover:not(:disabled){border-color:var(--kp-primary);background:#2563eb0a;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb26}.advanced-section .control-row .btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #2563eb33}.advanced-section .control-row .btn:disabled{opacity:.4;cursor:not-allowed}.advanced-section .control-row .btn svg{flex-shrink:0}.preview-layout__controls{max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:24px}@media(max-width:800px){.preview-layout{grid-template-columns:minmax(0,1fr) 280px;gap:12px}.control-group{padding:14px 16px}.control-group h2{font-size:16px;margin-bottom:8px}.pill{padding:10px 12px;min-height:44px;font-size:14px}.control-group--actions{padding:16px;gap:14px}.control-group--actions .btn{min-height:52px;font-size:16px;padding:12px 16px}.price-line{padding:14px 16px}.price-line__label{font-size:15px}.price-line__sum{font-size:26px}.paper-frame{padding:12px}.paper-frame__caption{font-size:13px;margin-bottom:8px}}@media(max-width:500px){.preview-layout{grid-template-columns:1fr}.preview-layout__controls{position:static;max-height:none;overflow-y:visible}}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2);opacity:1}}.loader-dot{animation:dot-bounce 1.4s infinite ease-in-out both;transition:background-color var(--duration-fast) var(--ease-smooth)}.progress-modal{background:#fff;border-radius:32px;padding:64px 80px;max-width:700px;width:90%;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;align-items:center;text-align:center;animation:slideUp .3s ease-out;position:relative}.progress-modal--completed{animation:completePulse .5s ease-out}@keyframes completePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.progress-modal__icon-wrapper{margin-bottom:32px}.progress-modal__loader{margin-bottom:40px}.progress-modal__icon{width:80px;height:80px;stroke-width:2}.progress-modal__icon--active{color:#10b981;animation:iconPulse 1.5s ease-in-out infinite}.progress-modal__icon--success{color:#10b981;animation:successPop .5s ease-out}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.progress-modal__title{font-size:40px;font-weight:700;color:var(--kp-text-primary);margin:0 0 16px;line-height:1.2}.progress-modal__message{font-size:24px;color:var(--kp-text-secondary);margin:0 0 40px;line-height:1.4}.progress-modal__bar-container{width:100%;height:16px;background:#10b9811a;border-radius:999px;overflow:hidden;margin-bottom:16px;position:relative}.progress-modal__bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-modal__bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}.progress-modal__percent{font-size:56px;font-weight:700;color:#10b981;line-height:1;margin:0}.progress-modal__stage{margin-top:28px;font-size:20px;color:var(--kp-text-secondary);font-style:italic;opacity:.8}@media(max-width:767px){.progress-modal{padding:40px 32px;border-radius:24px}.progress-modal__icon{width:64px;height:64px}.progress-modal__title{font-size:26px}.progress-modal__message{font-size:18px;margin-bottom:24px}.progress-modal__percent{font-size:40px}.progress-modal__stage{font-size:16px;margin-top:16px}}.conversion-timeout-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .3s ease-out}.conversion-timeout-dialog{background:#fff;border-radius:24px;padding:40px;max-width:560px;width:100%;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;gap:24px;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.conversion-timeout-icon{align-self:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ff8e53);display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.conversion-timeout-icon-svg{color:#fff}.conversion-timeout-title{margin:0;font-size:28px;font-weight:700;color:var(--kp-text-primary, #1a1a1a);text-align:center;line-height:1.3}.conversion-timeout-message{margin:0;font-size:18px;line-height:1.6;color:var(--kp-text-secondary, #666);text-align:center}.conversion-timeout-message strong{color:var(--kp-text-primary, #1a1a1a);font-weight:600}.conversion-timeout-details{background:var(--kp-bg-soft, #f5f5f5);border-radius:12px;padding:16px}.conversion-timeout-details summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--kp-text-secondary, #666);user-select:none;list-style:none;display:flex;align-items:center;gap:8px}.conversion-timeout-details summary::-webkit-details-marker{display:none}.conversion-timeout-details summary:before{content:"▶";display:inline-block;transition:transform .2s ease;font-size:12px}.conversion-timeout-details[open] summary:before{transform:rotate(90deg)}.conversion-timeout-tech-info{margin:12px 0 0;padding-left:20px;font-size:14px;display:grid;grid-template-columns:auto 1fr;gap:8px 16px}.conversion-timeout-tech-info dt{font-weight:500;color:var(--kp-text-secondary, #666)}.conversion-timeout-tech-info dd{margin:0;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--kp-text-primary, #1a1a1a)}.conversion-timeout-actions{display:flex;flex-direction:column;gap:16px}.conversion-timeout-btn{padding:16px 24px;font-size:18px;font-weight:600;border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px}.conversion-timeout-btn--primary{background:var(--kp-accent-blue, #007aff);color:#fff}.conversion-timeout-btn--primary:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 8px 16px #007aff4d}.conversion-timeout-btn--primary:active{transform:translateY(0)}.conversion-timeout-secondary-actions{display:flex;flex-direction:column;gap:12px}.conversion-timeout-btn--secondary{background:var(--kp-bg-soft, #f5f5f5);color:var(--kp-text-primary, #1a1a1a);font-size:16px;padding:14px 20px;min-height:48px}.conversion-timeout-btn--secondary:hover{background:#e5e5e5}.conversion-timeout-btn--tertiary{background:transparent;color:var(--kp-text-secondary, #666);font-size:16px;padding:12px 20px;min-height:44px}.conversion-timeout-btn--tertiary:hover{background:var(--kp-bg-soft, #f5f5f5);color:var(--kp-text-primary, #1a1a1a)}@media(max-width:768px){.conversion-timeout-dialog{padding:32px 24px;max-width:100%}.conversion-timeout-title{font-size:24px}.conversion-timeout-message{font-size:16px}.conversion-timeout-btn{font-size:16px;padding:14px 20px;min-height:52px}}.orientation-preview-container{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto}.orientation-preview-card{position:relative;background:#fff;border:3px solid #e5e7eb;border-radius:16px;padding:32px 24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:20px;min-height:380px}.orientation-preview-card:hover{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f60a,#2563eb0a);transform:translateY(-4px);box-shadow:0 12px 40px #3b82f626}.orientation-preview-card:active{transform:translateY(-2px)}.orientation-preview-card:disabled{opacity:.6;cursor:not-allowed}.orientation-preview-card--processing{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f614,#2563eb14)}.orientation-preview-wrapper{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.orientation-preview-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.orientation-preview-card:hover .orientation-preview-icon{transform:scale(1.05)}.orientation-preview-icon--portrait svg{width:160px;height:220px}.orientation-preview-icon--landscape svg{width:220px;height:160px}.orientation-preview-label{text-align:center;width:100%}.orientation-preview-title{font-size:22px;font-weight:700;color:var(--kp-text-primary);margin-bottom:6px}.orientation-preview-hint{font-size:15px;color:var(--kp-text-secondary)}.orientation-preview-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;border-radius:50%;padding:16px;box-shadow:0 4px 12px #0000001a}.orientation-preview-spinner svg{color:var(--kp-primary)}.print-job-timeline{position:relative;padding:1rem 0}.print-job-timeline.compact{padding:.5rem 0}.timeline-item{position:relative;padding-left:3rem;padding-bottom:2rem}.timeline-item.last{padding-bottom:0}.print-job-timeline.compact .timeline-item{padding-bottom:1rem}.timeline-line{position:absolute;left:.875rem;top:2rem;bottom:0;width:2px;background-color:#e5e7eb}.dark .timeline-line{background-color:#374151}.timeline-icon{position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 0 4px var(--bg-color, white);z-index:10;transition:transform .2s cubic-bezier(.4,0,.2,1)}.dark .timeline-icon{box-shadow:0 0 0 4px var(--bg-color-dark, #1f2937)}.timeline-icon:hover{transform:scale(1.1)}.timeline-content{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.dark .timeline-content{background-color:#1f2937;border-color:#374151}.timeline-content:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.dark .timeline-content:hover{border-color:#4b5563;box-shadow:0 4px 12px #0003}.print-job-timeline.compact .timeline-content{padding:.5rem .75rem}.timeline-message{font-size:.875rem;color:#1f2937;font-weight:500;margin-bottom:.25rem}.dark .timeline-message{color:#f3f4f6}.print-job-timeline.compact .timeline-message{font-size:.8125rem;margin-bottom:.125rem}.timeline-metadata{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f3f4f6}.dark .timeline-metadata{border-top-color:#374151}.timeline-timestamp{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.dark .timeline-timestamp{color:#6b7280}.print-job-timeline.compact .timeline-timestamp{font-size:.6875rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-item{animation:fadeInUp .3s ease-out}.timeline-item:nth-child(1){animation-delay:0s}.timeline-item:nth-child(2){animation-delay:.05s}.timeline-item:nth-child(3){animation-delay:.1s}.timeline-item:nth-child(4){animation-delay:.15s}.timeline-item:nth-child(5){animation-delay:.2s}@media(max-width:640px){.timeline-item{padding-left:2.5rem}.timeline-icon{width:1.5rem;height:1.5rem}.timeline-line{left:.75rem}.timeline-message{font-size:.8125rem}}.timeline-empty{text-align:center;padding:2rem;color:#9ca3af}.dark .timeline-empty{color:#6b7280}.print-job-progress-enhanced{display:flex;flex-direction:column;gap:24px;padding:32px;background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014}.print-job-progress-enhanced__header{display:flex;align-items:center;gap:20px}.print-job-progress-enhanced__icon{flex-shrink:0;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.print-job-progress-enhanced__icon--pending{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.print-job-progress-enhanced__icon--active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 16px #3b82f666;animation:iconPulse 2s ease-in-out infinite}.print-job-progress-enhanced__icon--done{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 16px #22c55e66}.print-job-progress-enhanced__icon--error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef444466}@keyframes iconPulse{0%,to{box-shadow:0 4px 16px #3b82f666}50%{box-shadow:0 4px 20px #3b82f699,0 0 20px #3b82f64d}}.print-job-progress-enhanced__status{flex:1;min-width:0}.print-job-progress-enhanced__title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}.print-job-progress-enhanced__subtitle{font-size:16px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.print-job-progress-enhanced__bar-container{position:relative}.print-job-progress-enhanced__bar-track{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.print-job-progress-enhanced__bar-fill{height:100%;border-radius:6px;transition:background .3s ease}.print-job-progress-enhanced__bar-fill--active{background:linear-gradient(90deg,#3b82f6,#2563eb);box-shadow:0 0 8px #3b82f666}.print-job-progress-enhanced__bar-fill--done{background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:0 0 8px #22c55e66}.print-job-progress-enhanced__bar-fill--error{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef444466}.print-job-progress-enhanced__bar-label{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:14px;font-weight:700;color:#6b7280;pointer-events:none}.print-job-progress-enhanced__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.print-job-progress-enhanced__detail-card{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:12px;transition:all .2s ease}.print-job-progress-enhanced__detail-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.print-job-progress-enhanced__detail-icon{flex-shrink:0;color:#3b82f6}.print-job-progress-enhanced__detail-content{flex:1;min-width:0}.print-job-progress-enhanced__detail-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.print-job-progress-enhanced__detail-value{font-size:20px;font-weight:700;color:#1f2937}.print-job-progress-enhanced__debug{padding:16px;background:#0000000d;border-radius:8px;font-size:12px;font-family:monospace;line-height:1.6}.print-job-progress-enhanced__debug div{margin-bottom:4px}.print-job-progress-enhanced__debug strong{font-weight:700;color:#1f2937}@media(max-width:640px){.print-job-progress-enhanced{padding:24px 20px;gap:20px}.print-job-progress-enhanced__header{gap:16px}.print-job-progress-enhanced__icon{width:64px;height:64px}.print-job-progress-enhanced__icon svg{width:36px;height:36px}.print-job-progress-enhanced__title{font-size:20px}.print-job-progress-enhanced__subtitle{font-size:14px}.print-job-progress-enhanced__details{grid-template-columns:1fr}.print-job-progress-enhanced__detail-value{font-size:18px}}@media(min-width:641px)and (max-width:1024px){.print-job-progress-enhanced__details{grid-template-columns:repeat(2,1fr)}}.print-job-error-panel{background:linear-gradient(135deg,#fef2f2,#fff);border:2px solid #fecaca;border-left:6px solid #ef4444;border-radius:16px;padding:24px;margin-top:8px;animation:errorSlideIn .5s ease-out}.print-job-error-panel--critical{border-left-color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.print-job-error-panel--warning{border-left-color:#f59e0b;border-color:#fed7aa;background:linear-gradient(135deg,#fffbeb,#fef3c7)}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.error-panel-icon{color:#ef4444;flex-shrink:0}.error-panel-title{font-size:20px;font-weight:700;color:#7f1d1d;margin:0}.error-panel-body{display:flex;flex-direction:column;gap:16px}.error-panel-message{font-size:15px;color:#991b1b;line-height:1.5;margin:0}.error-amount-details{background:#fff;border:1px solid #fecaca;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.amount-detail{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #fee2e2}.amount-detail:last-child{border-bottom:none;padding-bottom:0}.amount-label{font-size:14px;color:#6b7280;font-weight:500}.amount-value{font-size:18px;font-weight:700;color:#1f2937}.amount-value--error{color:#dc2626}.amount-value--diff{color:#ea580c}.error-panel-code{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ef44440d;border-radius:6px}.error-code-label{font-size:13px;color:#6b7280;font-weight:500}.error-code-value{font-family:Monaco,Courier New,monospace;font-size:13px;color:#dc2626;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #fecaca}.error-panel-actions{display:flex;gap:12px;margin-top:8px}.error-action-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.error-action-btn--retry{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.error-action-btn--retry:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.error-action-btn--support{background:#fff;color:#7f1d1d;border:2px solid #fecaca}.error-action-btn--support:hover{background:#fef2f2;border-color:#fca5a5}.error-action-btn:active{transform:translateY(0)}.error-refund-notice{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:14px;margin-top:4px}.refund-notice-text{font-size:14px;color:#78350f;line-height:1.5;margin:0}.refund-notice-text strong{color:#92400e}@media(max-width:640px){.print-job-error-panel{padding:20px 16px}.error-panel-title{font-size:18px}.error-panel-actions{flex-direction:column}.error-amount-details{padding:12px}.amount-value{font-size:16px}}.session-timeout-warning-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:session-warning-fade-in .3s ease}@keyframes session-warning-fade-in{0%{opacity:0}to{opacity:1}}.session-timeout-warning{background:#fff;border-radius:24px;padding:40px;max-width:500px;width:90%;box-shadow:0 8px 32px #0000004d;animation:session-warning-slide-up .3s ease;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}@keyframes session-warning-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.session-timeout-warning__icon{font-size:64px;animation:session-warning-pulse 1s ease-in-out infinite}@keyframes session-warning-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.session-timeout-warning__title{font-size:28px;font-weight:700;color:var(--kp-text-main);margin:0}.session-timeout-warning__message{font-size:18px;font-weight:500;color:var(--kp-text-secondary);margin:0}.session-timeout-warning__timer{width:100%;height:8px;background:#0000001a;border-radius:4px;overflow:hidden}.session-timeout-warning__timer-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px}.session-timeout-warning__actions{display:flex;gap:16px;width:100%}.session-timeout-warning__actions .btn{flex:1;min-height:60px;font-size:18px}.session-timeout-warning__privacy{font-size:14px;font-weight:600;color:var(--kp-text-tertiary);margin:0;padding:16px;background:#8b5cf61a;border-radius:12px;border:1px solid rgba(139,92,246,.2)}@media(max-width:768px){.session-timeout-warning{padding:32px 24px;gap:20px}.session-timeout-warning__icon{font-size:48px}.session-timeout-warning__title{font-size:24px}.session-timeout-warning__message{font-size:16px}.session-timeout-warning__actions{flex-direction:column}.session-timeout-warning__actions .btn{min-height:56px;font-size:16px}}@media(prefers-reduced-motion:reduce){.session-timeout-warning-overlay,.session-timeout-warning,.session-timeout-warning__icon{animation:none}.session-timeout-warning__timer-bar{transition:none}}@media(prefers-contrast:high){.session-timeout-warning{border:2px solid var(--kp-text-main)}.session-timeout-warning__timer{border:1px solid var(--kp-text-main)}}.print-queue-status{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;border-radius:16px;border:2px solid var(--kp-border-color, #e5e7eb);box-shadow:0 2px 8px #00000014;animation:queue-status-slide-in .3s ease}@keyframes queue-status-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.print-queue-status--printing{border-color:#3b82f6;background:linear-gradient(to right,#3b82f60d,#fff 20%)}.print-queue-status--queued{border-color:#f59e0b;background:linear-gradient(to right,#f59e0b0d,#fff 20%)}.print-queue-status--busy{border-color:#ef4444;background:linear-gradient(to right,#ef44440d,#fff 20%)}.print-queue-status__icon{font-size:32px;flex-shrink:0}.print-queue-status--printing .print-queue-status__icon{animation:queue-icon-pulse 2s ease-in-out infinite}@keyframes queue-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.print-queue-status__content{flex:1;display:flex;flex-direction:column;gap:4px}.print-queue-status__title{font-size:16px;font-weight:700;color:var(--kp-text-main);margin:0}.print-queue-status__message{font-size:14px;font-weight:500;color:var(--kp-text-secondary);margin:0}.print-queue-status__spinner{flex-shrink:0}.spinner{width:28px;height:28px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spinner-spin .8s linear infinite}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.print-queue-status__queue-indicator{display:flex;gap:6px;flex-shrink:0}.queue-dot{width:12px;height:12px;border-radius:50%;background:#0000001a;transition:all .3s ease}.queue-dot--active{background:#f59e0b;box-shadow:0 0 8px #f59e0b80;animation:queue-dot-pulse 1.5s ease-in-out infinite}@keyframes queue-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.print-queue-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:999px;border:2px solid #3b82f6;box-shadow:0 2px 8px #3b82f633;font-weight:700;color:#3b82f6;animation:badge-bounce-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes badge-bounce-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.print-queue-badge--busy{border-color:#ef4444;color:#ef4444;box-shadow:0 2px 8px #ef444433}.print-queue-badge__icon{font-size:18px;animation:badge-icon-pulse 2s ease-in-out infinite}@keyframes badge-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.print-queue-badge__count{font-size:14px;font-weight:700}@media(max-width:768px){.print-queue-status{padding:16px;gap:12px}.print-queue-status__icon{font-size:28px}.print-queue-status__title{font-size:15px}.print-queue-status__message{font-size:13px}.spinner{width:24px;height:24px}.queue-dot{width:10px;height:10px}}@media(prefers-reduced-motion:reduce){.print-queue-status,.print-queue-status__icon,.spinner,.queue-dot,.print-queue-badge,.print-queue-badge__icon{animation:none}}.payment-checking{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;overflow:hidden}.payment-checking__spinner-wrapper{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.payment-checking__ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:4px solid transparent;border-top-color:#3b82f6;border-right-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.payment-checking__icon{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;box-shadow:0 4px 16px #3b82f633;color:#2563eb;z-index:1}.payment-checking__text{text-align:center;z-index:1}.payment-checking__title{font-size:36px;font-weight:700;color:var(--kp-text-primary);margin:0 0 12px;line-height:1.2}.payment-checking__dots{display:inline-flex;width:40px;margin-left:4px}.payment-checking__subtitle{font-size:20px;color:var(--kp-text-secondary);margin:0;line-height:1.4}@media(max-width:767px){.payment-checking{padding:40px 24px}.payment-checking__spinner-wrapper{width:140px;height:140px;margin-bottom:32px}.payment-checking__ring{border-width:3px}.payment-checking__icon{width:64px;height:64px}.payment-checking__title{font-size:28px}.payment-checking__subtitle{font-size:18px}}.payment-success{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;overflow:hidden}.payment-success__circle{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.payment-success__checkmark{color:#10b981;filter:drop-shadow(0 10px 30px rgba(16,185,129,.3))}.payment-success__pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#10b9814d,#10b98100 70%);pointer-events:none}.payment-success__confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.payment-success__confetti-piece{position:absolute;width:10px;height:10px;border-radius:2px}.payment-success__text{text-align:center;z-index:1}.payment-success__title{font-size:40px;font-weight:700;color:#10b981;margin:0 0 12px;line-height:1.2}.payment-success__subtitle{font-size:22px;color:var(--kp-text-secondary);margin:0;line-height:1.4}@media(max-width:767px){.payment-success{padding:40px 24px}.payment-success__circle{width:140px;height:140px;margin-bottom:32px}.payment-success__title{font-size:32px}.payment-success__subtitle{font-size:18px}}.payment-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;min-height:500px}.payment-error__icon{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:40px;border-radius:50%}.payment-error__icon--red{background:linear-gradient(135deg,#fee2e2,#fecaca);border:4px solid #fca5a5}.payment-error__icon--orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);border:4px solid #fdba74}.payment-error__icon--yellow{background:linear-gradient(135deg,#fef3c7,#fde68a);border:4px solid #fcd34d}.payment-error__icon--gray{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:4px solid #d1d5db}.payment-error__icon-inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.payment-error__emoji{font-size:72px;line-height:1;z-index:2}.payment-error__alert-icon{position:absolute;width:80px;height:80px;color:#ef4444;opacity:.2;z-index:1}.payment-error__pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;pointer-events:none}.payment-error__pulse--1{background:radial-gradient(circle,#ef44444d,#ef444400 70%)}.payment-error__pulse--2{background:radial-gradient(circle,#ef444433,#ef444400 70%)}.payment-error__content{max-width:500px;margin-bottom:40px}.payment-error__title{font-size:40px;font-weight:700;color:#ef4444;margin:0 0 16px;line-height:1.2}.payment-error__message{font-size:22px;color:var(--kp-text-secondary);margin:0;line-height:1.5}.payment-error__actions{display:flex;flex-direction:column;gap:16px;width:100%;max-width:500px}.payment-error__button{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 40px;font-size:22px;font-weight:700;border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;min-height:80px;font-family:inherit}.payment-error__button:active{transform:scale(.98)}.payment-error__button--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 16px #2563eb4d,0 0 0 2px #ffffff1a}.payment-error__button--primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #2563eb66,0 0 0 2px #ffffff1a}.payment-error__button--secondary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b9814d,0 0 0 2px #ffffff1a}.payment-error__button--secondary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166,0 0 0 2px #ffffff1a}.payment-error__button--outline{background:#fff;color:var(--kp-text-primary);border:3px solid var(--kp-border-soft);box-shadow:0 2px 8px #0000000d}.payment-error__button--outline:hover{border-color:var(--kp-border-strong);background:var(--kp-surface-elevated);box-shadow:0 4px 12px #00000014}@media(max-width:767px){.payment-error{padding:40px 24px;min-height:400px}.payment-error__icon{width:140px;height:140px;margin-bottom:32px}.payment-error__emoji{font-size:56px}.payment-error__alert-icon{width:64px;height:64px}.payment-error__title{font-size:32px}.payment-error__message{font-size:18px}.payment-error__button{padding:20px 32px;font-size:18px;min-height:68px}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.payment-hold{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;max-width:600px;margin:0 auto}.payment-hold__icon-container{position:relative;margin-bottom:2rem}.payment-hold__icon-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;z-index:0}.payment-hold__icon{position:relative;z-index:1;color:#3b82f6;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.payment-hold__content{width:100%}.payment-hold__title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.payment-hold__description{font-size:1.125rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.payment-hold__duration{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bfdbfe;border-radius:1rem;color:#1e40af;font-weight:600;margin-bottom:2rem}.payment-hold__info{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fcd34d;border-radius:1rem;text-align:left;margin-bottom:2rem}.payment-hold__info svg{flex-shrink:0;color:#d97706;margin-top:.25rem}.payment-hold__info-text{flex:1}.payment-hold__info-text strong{display:block;font-size:1rem;font-weight:700;color:#92400e;margin-bottom:.5rem}.payment-hold__info-text p{font-size:.875rem;color:#78350f;line-height:1.5;margin:0}.payment-hold__progress{display:flex;justify-content:center;gap:.75rem;margin-bottom:2rem}.payment-hold__dot{width:12px;height:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%}.payment-hold__check-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d;margin-bottom:1.5rem}.payment-hold__check-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.payment-hold__check-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.payment-hold__check-btn:disabled{opacity:.7;cursor:not-allowed}.payment-hold__check-icon--spinning{animation:spin 1s linear infinite}.payment-hold__reassurance{font-size:.875rem;color:#9ca3af;line-height:1.6;max-width:500px;margin:0 auto}@media(max-width:640px){.payment-hold{padding:2rem 1rem}.payment-hold__title{font-size:1.5rem}.payment-hold__description{font-size:1rem}.payment-hold__info{padding:1rem}.payment-hold__check-btn{width:100%;justify-content:center}}.print-recovery-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .3s ease-out}.print-recovery-dialog{background:#fff;border-radius:24px;padding:40px;max-width:580px;width:100%;box-shadow:0 24px 64px #0000004d;display:flex;flex-direction:column;gap:24px;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.print-recovery-icon{align-self:center;width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;animation:shake .6s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.print-recovery-icon-emoji{font-size:48px}.print-recovery-title{margin:0;font-size:28px;font-weight:700;color:var(--kp-text-primary, #1a1a1a);text-align:center;line-height:1.3}.print-recovery-message{margin:0;font-size:18px;line-height:1.6;color:var(--kp-text-secondary, #666);text-align:center}.print-recovery-payment-notice{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600}.print-recovery-payment-notice svg{flex-shrink:0}.print-recovery-payment-notice>div{display:flex;flex-direction:column;gap:4px;flex:1}.print-recovery-payment-amount{font-size:20px;font-weight:700}.print-recovery-warning{background:#fef3c7;border:2px solid #f59e0b;border-radius:12px;padding:12px 16px;display:flex;align-items:start;gap:10px;font-size:14px;font-weight:500;color:#92400e}.print-recovery-warning svg{flex-shrink:0;margin-top:2px;color:#f59e0b}.print-recovery-details{background:var(--kp-bg-soft, #f5f5f5);border-radius:12px;padding:16px}.print-recovery-details summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--kp-text-secondary, #666);user-select:none;list-style:none;display:flex;align-items:center;gap:8px}.print-recovery-details summary::-webkit-details-marker{display:none}.print-recovery-details summary:before{content:"▶";display:inline-block;transition:transform .2s ease;font-size:12px}.print-recovery-details[open] summary:before{transform:rotate(90deg)}.print-recovery-tech-info{margin:12px 0 0;padding-left:20px;font-size:13px;display:grid;grid-template-columns:auto 1fr;gap:8px 16px}.print-recovery-tech-info dt{font-weight:500;color:var(--kp-text-secondary, #666)}.print-recovery-tech-info dd{margin:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;color:var(--kp-text-primary, #1a1a1a);word-break:break-all}.print-recovery-actions{display:flex;flex-direction:column;gap:16px}.print-recovery-btn{padding:16px 24px;font-size:18px;font-weight:600;border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px}.print-recovery-btn:disabled{opacity:.6;cursor:not-allowed}.print-recovery-btn--primary{background:var(--kp-accent-blue, #007aff);color:#fff}.print-recovery-btn--primary:hover:not(:disabled){background:#0056b3;transform:translateY(-2px);box-shadow:0 8px 16px #007aff4d}.print-recovery-btn--primary:active:not(:disabled){transform:translateY(0)}.spinning{animation:spin 1s linear infinite}.print-recovery-secondary-actions{display:flex;flex-direction:column;gap:12px}.print-recovery-btn--secondary{background:var(--kp-bg-soft, #f5f5f5);color:var(--kp-text-primary, #1a1a1a);font-size:16px;padding:14px 20px;min-height:48px}.print-recovery-btn--secondary:hover:not(:disabled){background:#e5e5e5}.print-recovery-btn--tertiary{background:transparent;color:var(--kp-text-secondary, #666);font-size:16px;padding:12px 20px;min-height:44px}.print-recovery-btn--tertiary:hover:not(:disabled){background:var(--kp-bg-soft, #f5f5f5);color:var(--kp-text-primary, #1a1a1a)}.print-recovery-guarantee{background:#eff6ff;border:2px solid #3b82f6;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5;color:#1e40af;text-align:center}.print-recovery-guarantee strong{font-weight:700}@media(max-width:768px){.print-recovery-dialog{padding:32px 24px;max-width:100%}.print-recovery-title{font-size:24px}.print-recovery-message{font-size:16px}.print-recovery-btn{font-size:16px;padding:14px 20px;min-height:52px}.print-recovery-payment-notice{font-size:14px;padding:14px 16px}.print-recovery-payment-amount{font-size:18px}}.payment-page{max-width:800px;margin:0 auto;padding:0 24px 40px;display:flex;flex-direction:column;align-items:center;gap:40px}.payment-status{text-align:center;padding:32px;width:100%}.payment-status__icon{width:120px;height:120px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:4px solid #bae6fd}.payment-status__icon--success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;animation:successPulse .6s ease-out}.payment-status__icon--error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.payment-status__icon-svg{width:64px;height:64px;color:#0ea5e9}.payment-status__icon-svg--pulse{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.payment-status__icon--success .payment-status__icon-svg{color:#10b981}.payment-status__icon--error .payment-status__icon-svg{color:#ef4444}.payment-status__title{font-size:32px;font-weight:700;color:var(--kp-text-primary);margin:0 0 12px;line-height:1.2}.payment-status__subtitle{font-size:20px;color:var(--kp-text-secondary);margin:0;line-height:1.4}.payment-qr{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.payment-qr__frame{position:relative;width:400px;height:400px;background:#fff;border-radius:24px;padding:32px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #0000000d,inset 0 0 0 8px #f0f9ff;display:flex;align-items:center;justify-content:center;animation:qrAppear .4s ease-out}@keyframes qrAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.payment-qr__corners{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.payment-qr__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;color:#0ea5e9;opacity:.1}.payment-qr__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.payment-qr__grid{width:280px;height:280px;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(16,1fr);gap:1px;background:#fff}.payment-qr__pixel{width:100%;height:100%;border-radius:1px}.payment-qr__hint{font-size:18px;color:var(--kp-text-secondary);text-align:center;margin:0;max-width:400px;line-height:1.5}.payment-info{background:var(--kp-surface-elevated);border:2px solid var(--kp-border-soft);border-radius:20px;padding:32px;width:100%;max-width:500px}.payment-info__row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:18px}.payment-info__row--total{padding:20px 0 0;font-size:24px}.payment-info__label{color:var(--kp-text-secondary);font-weight:500}.payment-info__value{color:var(--kp-text-primary);font-weight:700}.payment-info__value--amount{font-size:36px;color:#10b981}.payment-info__divider{height:2px;background:var(--kp-border-soft);margin:16px 0}.payment-timer{display:flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fcd34d;border-radius:16px;font-size:20px;font-weight:700;color:#92400e}.payment-actions{display:flex;gap:16px;width:100%;max-width:500px}.btn--large{padding:20px 40px;font-size:20px;min-height:72px}.spinner{width:64px;height:64px;border:6px solid #e0f2fe;border-top-color:#0ea5e9;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:767px){.payment-page{gap:32px;padding:0 16px 32px}.payment-status{padding:24px 16px}.payment-status__icon{width:96px;height:96px;margin-bottom:20px}.payment-status__icon-svg{width:48px;height:48px}.payment-status__title{font-size:26px}.payment-status__subtitle{font-size:18px}.payment-qr__frame{width:320px;height:320px;padding:24px}.payment-qr__grid{width:240px;height:240px}.payment-qr__icon{width:96px;height:96px}.payment-qr__hint{font-size:16px}.payment-info{padding:24px}.payment-info__row{font-size:16px;padding:10px 0}.payment-info__row--total{font-size:20px}.payment-info__value--amount{font-size:28px}.payment-timer{font-size:18px;padding:14px 24px}.payment-actions{flex-direction:column}.btn--large{padding:18px 32px;font-size:18px;min-height:64px}}.payment-status,.payment-qr,.payment-info{animation:fadeInUp .4s ease-out}.receipt-display{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.receipt-container{max-width:600px;width:100%;background:#fff;border-radius:16px;padding:3rem;box-shadow:0 20px 60px #0000004d}.receipt-header{text-align:center;margin-bottom:2rem}.receipt-header h1{font-size:2rem;color:#10b981;margin-bottom:.5rem}.receipt-header-subtitle{font-size:1.125rem;color:#6b7280}.receipt-qr-section{text-align:center;margin-bottom:2rem;padding:2rem;background:#f9fafb;border-radius:12px}.receipt-qr-title{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.receipt-qr-wrapper{display:flex;justify-content:center;margin:1.5rem 0}.receipt-qr-code{padding:1rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.receipt-qr-subtitle{font-size:.875rem;color:#6b7280;margin-top:1rem}.receipt-details{margin-bottom:2rem;padding:1.5rem;background:#f9fafb;border-radius:12px}.receipt-details h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.receipt-details-list{display:grid;gap:.75rem}.receipt-details-list dt{font-size:.875rem;color:#6b7280;font-weight:500}.receipt-details-list dd{font-size:1rem;color:#1f2937;font-weight:600;margin-left:0;margin-bottom:.5rem;font-family:Courier New,monospace}.receipt-send-section{margin-bottom:2rem;padding:1.5rem;background:#eff6ff;border-radius:12px;border:1px solid #bfdbfe}.receipt-send-title{font-size:.875rem;font-weight:600;color:#1e40af;margin-bottom:1rem}.receipt-send-form{display:flex;gap:.75rem}.receipt-send-input{flex:1;padding:.75rem 1rem;border:2px solid #bfdbfe;border-radius:8px;font-size:1rem;transition:all .2s}.receipt-send-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.receipt-send-input:disabled{background:#f3f4f6;cursor:not-allowed}.receipt-actions{margin-bottom:1.5rem}.receipt-legal{padding-top:1.5rem;border-top:1px solid #e5e7eb;text-align:center}.receipt-legal p{font-size:.75rem;color:#6b7280;line-height:1.5}.receipt-loading{text-align:center;padding:3rem;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d}.receipt-loading p{font-size:1.125rem;color:#374151;margin-top:1rem}.receipt-loading-subtitle{font-size:.875rem!important;color:#9ca3af!important;margin-top:.5rem!important}.receipt-error{text-align:center;padding:3rem;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d}.receipt-error h2{font-size:1.5rem;color:#ef4444;margin-bottom:1rem}.receipt-error p{font-size:1rem;color:#6b7280;margin-bottom:.75rem}.receipt-error-details{font-size:.875rem!important;color:#9ca3af!important;font-family:Courier New,monospace;margin-top:1.5rem!important}@media(max-width:640px){.receipt-container{padding:2rem}.receipt-header h1{font-size:1.5rem}.receipt-qr-code{width:200px;height:200px}.receipt-send-form{flex-direction:column}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.support-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:900px;margin:0 auto;padding:0 24px 24px}.support-section{background:var(--kp-bg-card);border-radius:20px;padding:28px;box-shadow:var(--shadow-md);border:1px solid var(--kp-border-soft)}.support-section--official{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.support-section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--kp-text-main);font-size:20px;font-weight:700}.support-section-title svg{color:var(--kp-primary)}.support-contacts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.support-contact-card{display:flex;align-items:center;gap:20px;padding:24px;background:var(--kp-bg-soft);border:2px solid var(--kp-border-main);border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left;min-height:140px;position:relative}.support-contact-card:active{transform:scale(.98)}.support-contact-card--phone{border-color:var(--kp-blue);background:linear-gradient(135deg,#3b82f60d,#3b82f605)}.support-contact-card--phone:hover{border-color:var(--kp-blue-hover);background:linear-gradient(135deg,#3b82f614,#3b82f60a);box-shadow:0 4px 16px #3b82f626}.support-contact-card--telegram{border-color:var(--kp-primary);background:linear-gradient(135deg,#3b82f60d,#3b82f605);padding-right:160px}.support-contact-card--telegram:hover{border-color:var(--kp-primary);background:linear-gradient(135deg,#3b82f614,#3b82f60a);box-shadow:0 4px 16px #3b82f626}.support-contact-icon{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;box-shadow:var(--shadow-sm)}.support-contact-card--phone .support-contact-icon{color:var(--kp-blue)}.support-contact-card--telegram .support-contact-icon{color:var(--kp-primary)}.support-contact-content{flex:1;display:flex;flex-direction:column;gap:4px}.support-contact-label{font-size:14px;font-weight:600;color:var(--kp-text-muted);text-transform:uppercase;letter-spacing:.5px}.support-contact-value{font-size:24px;font-weight:800;color:var(--kp-text-main);line-height:1.2}.support-contact-hours{font-size:14px;color:var(--kp-text-secondary);margin-top:4px}.support-qr-placeholder{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.support-qr-code{width:120px;height:120px;background:#fff;border:2px solid var(--kp-border-main);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);overflow:hidden}.support-qr-hint{font-size:11px;color:var(--kp-text-muted);text-align:center;max-width:120px;line-height:1.3}.support-instructions{display:flex;flex-direction:column;gap:16px}.support-instruction-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--kp-bg-soft);border-radius:12px;border-left:4px solid var(--kp-blue)}.support-instruction-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--kp-blue);color:#fff;border-radius:50%;font-size:16px;font-weight:800}.support-instruction-text{flex:1;font-size:16px;line-height:1.5;color:var(--kp-text-secondary)}.support-instruction-text strong{color:var(--kp-text-main);font-weight:700}.support-help-note{margin-top:8px;padding:12px 16px;background:#3b82f614;border-radius:10px;font-size:14px;color:var(--kp-text-secondary);font-style:italic;text-align:center}.support-requisites{display:flex;flex-direction:column;gap:12px}.support-requisite-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.support-requisite-item{display:flex;flex-direction:column;gap:4px}.support-requisite-label{font-size:13px;font-weight:600;color:var(--kp-text-muted);text-transform:uppercase;letter-spacing:.3px}.support-requisite-value{font-size:16px;font-weight:600;color:var(--kp-text-main);line-height:1.4}.support-requisites-note{margin-top:12px;padding:10px 14px;background:#64748b14;border-radius:8px;font-size:13px;color:var(--kp-text-secondary);line-height:1.4}.support-home-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:70px;padding:0 32px;background:var(--kp-blue);color:#fff;border:none;border-radius:16px;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f640;margin-top:8px}.support-home-button:hover{background:var(--kp-blue-hover);box-shadow:0 6px 16px #3b82f659;transform:translateY(-2px)}.support-home-button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #3b82f640}@media(max-width:900px){.support-contacts{grid-template-columns:1fr}.support-contact-card--telegram{padding-right:24px}.support-qr-placeholder{position:static;transform:none;margin-top:16px;padding-top:16px;border-top:1px solid var(--kp-border-main)}}@media(max-width:768px){.support-container{padding:0 16px 16px;gap:16px}.support-section{padding:20px}.support-contact-value{font-size:20px}.support-requisite-row{grid-template-columns:1fr}}.kiosk-info-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:900px;margin:0 auto;padding:0 24px 24px}.kiosk-info-section{background:var(--kp-bg-card);border-radius:20px;padding:28px;box-shadow:var(--shadow-md);border:1px solid var(--kp-border-soft)}.kiosk-info-section--official{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.kiosk-info-section--documents{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.kiosk-info-section--tech{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047}.kiosk-info-section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--kp-text-main);font-size:20px;font-weight:700}.kiosk-info-section-title svg{color:var(--kp-primary)}.kiosk-info-hero{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.kiosk-info-hero__content{display:flex;flex-direction:column;gap:20px}.kiosk-info-status{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#3b82f614;border-radius:12px;border-left:4px solid var(--kp-blue);width:fit-content}.kiosk-info-status__dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 3px #fffc,0 0 12px currentColor;animation:pulse 2s ease-in-out infinite}.kiosk-info-status__text{font-size:18px;font-weight:700;color:var(--kp-text-main)}.kiosk-info-location{display:flex;align-items:flex-start;gap:12px}.kiosk-info-location svg{flex-shrink:0;margin-top:2px;color:var(--kp-blue)}.kiosk-info-location__building{font-size:18px;font-weight:700;color:var(--kp-text-main);margin-bottom:4px}.kiosk-info-location__address{font-size:16px;color:var(--kp-text-secondary);margin-bottom:4px}.kiosk-info-location__floor{font-size:14px;color:var(--kp-text-muted)}.kiosk-info-id{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--kp-bg-soft);border-radius:10px;width:fit-content}.kiosk-info-id__label{font-size:12px;font-weight:600;color:var(--kp-text-muted);text-transform:uppercase;letter-spacing:.5px}.kiosk-info-id__value{font-size:16px;font-weight:700;color:var(--kp-text-main);font-family:Courier New,monospace}.kiosk-info-hero__qr{flex-shrink:0}.kiosk-info-qr-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#fff;border:2px solid var(--kp-border-main);border-radius:16px;box-shadow:var(--shadow-sm)}.kiosk-info-qr-hint{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--kp-text-muted);text-align:center}.kiosk-info-qr-hint svg{color:var(--kp-blue)}.kiosk-info-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kiosk-info-stat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:linear-gradient(135deg,#3b82f60d,#3b82f605);border:2px solid rgba(59,130,246,.15);border-radius:14px;text-align:center}.kiosk-info-stat__value{font-size:28px;font-weight:900;color:var(--kp-blue);line-height:1}.kiosk-info-stat__label{font-size:13px;font-weight:600;color:var(--kp-text-secondary);line-height:1.3}.kiosk-info-contacts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kiosk-info-contact{display:flex;align-items:center;gap:16px;padding:18px 20px;background:linear-gradient(135deg,#3b82f60d,#3b82f605);border:2px solid var(--kp-border-main);border-radius:14px;text-decoration:none;color:inherit;transition:all .2s ease}.kiosk-info-contact:hover{border-color:var(--kp-blue);background:linear-gradient(135deg,#3b82f614,#3b82f60a);box-shadow:0 4px 16px #3b82f626;transform:translateY(-2px)}.kiosk-info-contact:active{transform:translateY(0) scale(.98)}.kiosk-info-contact svg{flex-shrink:0;color:var(--kp-blue)}.kiosk-info-contact__label{font-size:12px;font-weight:600;color:var(--kp-text-muted);margin-bottom:4px}.kiosk-info-contact__value{font-size:16px;font-weight:700;color:var(--kp-text-main)}.kiosk-info-requisites{display:flex;flex-direction:column;gap:14px}.kiosk-info-requisite-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kiosk-info-requisite{display:flex;flex-direction:column;gap:4px}.kiosk-info-requisite__label{font-size:12px;font-weight:600;color:var(--kp-text-muted);text-transform:uppercase;letter-spacing:.3px}.kiosk-info-requisite__value{font-size:15px;font-weight:600;color:var(--kp-text-main);line-height:1.4}.kiosk-info-tech{display:flex;flex-direction:column;gap:14px}.kiosk-info-tech-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#fff;border-radius:10px;border:1px solid rgba(234,179,8,.2)}.kiosk-info-tech-item__label{font-size:14px;font-weight:600;color:var(--kp-text-secondary)}.kiosk-info-tech-item__value{font-size:14px;font-weight:700;color:var(--kp-text-main);text-align:right;font-family:Courier New,monospace}.kiosk-info-home-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:70px;padding:0 32px;background:var(--kp-blue);color:#fff;border:none;border-radius:16px;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f640;margin-top:8px}.kiosk-info-home-button:hover{background:var(--kp-blue-hover);box-shadow:0 6px 16px #3b82f659;transform:translateY(-2px)}.kiosk-info-home-button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #3b82f640}@media(max-width:900px){.kiosk-info-hero{grid-template-columns:1fr}.kiosk-info-qr-card{margin:0 auto}.kiosk-info-stats,.kiosk-info-contacts,.kiosk-info-requisite-row{grid-template-columns:1fr}}@media(max-width:768px){.kiosk-info-container{padding:0 16px 16px;gap:16px}.kiosk-info-section{padding:20px}.kiosk-info-stat__value{font-size:28px}}.kiosk-info-documents{display:flex;flex-direction:column;gap:12px}.kiosk-info-document{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid rgba(251,191,36,.3);border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left}.kiosk-info-document:hover{border-color:var(--kp-blue);background:linear-gradient(135deg,#3b82f60d,#3b82f605);box-shadow:0 4px 16px #3b82f626;transform:translateY(-2px)}.kiosk-info-document:active{transform:translateY(0) scale(.98)}.kiosk-info-document__icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-radius:12px;color:var(--kp-blue)}.kiosk-info-document__content{flex:1;display:flex;flex-direction:column;gap:4px}.kiosk-info-document__title{font-size:17px;font-weight:700;color:var(--kp-text-main);line-height:1.3}.kiosk-info-document__desc{font-size:14px;font-weight:500;color:var(--kp-text-secondary);line-height:1.3}.kiosk-info-document__badge{flex-shrink:0;padding:6px 12px;background:var(--kp-blue);color:#fff;font-size:11px;font-weight:700;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.kiosk-info-legal-note{display:flex;align-items:center;gap:8px;margin-top:8px;padding:12px 16px;background:#fbbf2426;border-radius:10px;font-size:13px;color:#92400e;font-weight:500}.kiosk-info-legal-note svg{flex-shrink:0;color:#d97706}.doc-version-badge{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #7dd3fc;border-radius:12px;padding:1rem 1.25rem;margin-bottom:2rem}.doc-version-badge__header{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.doc-version-badge__item{display:flex;align-items:center;gap:.5rem;color:#0c4a6e;font-size:.9375rem;font-weight:600}.doc-version-badge__item svg{flex-shrink:0}.doc-version-badge__changelog{margin-top:1rem;padding-top:1rem;border-top:2px solid #bae6fd}.doc-version-badge__changelog-title{display:flex;align-items:center;gap:.5rem;color:#0c4a6e;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.doc-version-badge__changelog-title svg{flex-shrink:0}.doc-version-badge__changelog-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.doc-version-badge__changelog-list li{font-size:.875rem;color:#075985;padding-left:1.5rem;position:relative}.doc-version-badge__changelog-list li:before{content:"•";position:absolute;left:.5rem;color:#0ea5e9;font-weight:700}@media(max-width:768px){.doc-version-badge__header{flex-direction:column;align-items:flex-start;gap:.75rem}}.legal-page{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;min-height:100vh;background:#fff}.legal-back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffffb3;backdrop-filter:blur(12px);color:#334155;border:2px solid rgba(59,130,246,.2);border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.legal-back-button:hover{background:#3b82f61a;border-color:#3b82f666;transform:translate(-4px)}.legal-back-button:active{transform:translate(-2px) scale(.98)}.company-name{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.company-name-short{font-size:1rem;color:#64748b}.company-address{font-size:1.125rem;color:#334155;padding:1rem;background:#3b82f60d;border-left:4px solid #3b82f6;border-radius:8px}.company-requisites{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.requisite-item{padding:1rem;background:#f8fafccc;border:1px solid rgba(226,232,240,.8);border-radius:10px;transition:all .2s ease}.requisite-item:hover{background:#f1f5f9;border-color:#cbd5e1}.requisite-label{font-size:.8125rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem}.requisite-value{font-size:1rem;font-weight:700;color:#1e293b;font-family:Courier New,monospace}.contact-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafccc;border:1px solid rgba(226,232,240,.8);border-radius:10px;transition:all .2s ease}.contact-item:hover{background:#f1f5f9;border-color:#cbd5e1}.contact-item svg{flex-shrink:0;color:#3b82f6}.contact-label{font-size:.8125rem;font-weight:600;color:#64748b;margin-bottom:.25rem}.contact-value{font-size:1rem;font-weight:600;color:#1e293b}.legal-disclaimer{padding:1.5rem;background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border-left:4px solid #f59e0b;border-radius:10px;margin-top:2rem}.legal-disclaimer p{margin:0;font-size:.9375rem;color:#92400e;line-height:1.6}.advertising-page{width:100%;max-width:1100px;margin:0 auto;padding:80px 24px 32px;display:flex;flex-direction:column;gap:48px}.advertising-hero{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:32px;border-radius:var(--radius-xl, 24px);padding:48px 32px;background:transparent;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014}.advertising-hero-photo{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;animation:photoFadeIn .8s ease-out}@keyframes photoFadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.advertising-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#fff0 0% 40%,#ffffffb3 70%,#ffffffd9)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.advertising-hero-content{position:relative;z-index:2;width:100%;text-align:center;padding:0 32px}.advertising-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#fff6,#fff0);pointer-events:none;z-index:1;border-radius:var(--radius-xl, 24px) var(--radius-xl, 24px) 0 0}.advertising-hero-title{font-size:clamp(40px,6vw,56px);font-weight:700;line-height:1.2;margin-bottom:24px;letter-spacing:-.02em;color:#4540c7;text-shadow:0 2px 16px rgba(255,255,255,.9),0 4px 24px rgba(69,64,199,.15);animation:fadeInUp .7s ease-out}.advertising-hero-subtitle{font-size:clamp(16px,2.5vw,20px);font-weight:500;line-height:1.6;color:#1e3a8a;letter-spacing:.01em;max-width:700px;margin:0 auto 40px;text-shadow:0 2px 12px rgba(255,255,255,.9),0 4px 20px rgba(0,0,0,.15),0 0 30px rgba(255,255,255,.5);animation:fadeInUp .7s ease-out .15s both}.advertising-hero-progress{width:100%;max-width:360px;height:4px;background:#1f2a4426;border:1px solid rgba(69,64,199,.2);border-radius:100px;margin:32px auto 0;overflow:hidden;box-shadow:inset 0 1px 3px #0000000f,0 2px 8px #0000000d;opacity:.85}.advertising-hero-progress-bar{height:100%;position:relative;background:#4540c7;border-radius:100px;transition:width .1s linear;box-shadow:0 0 12px #4540c759,0 2px 8px #4540c726}.advertising-hero-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff4d,#fff0);border-radius:100px 100px 0 0}.advertising-hero-debug{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.advertising-audience-badge{padding:8px 16px;background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:12px;font-size:14px;font-weight:600;color:#475569;box-shadow:0 4px 12px #00000014}.advertising-control-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:12px;color:#475569;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000014}.advertising-control-button:hover{background:#ffffffb3;transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.advertising-control-button:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.advertising-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.advertising-benefit-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:0 10px 20px #3b82f614,0 4px 8px #a855f70a,inset 0 1px #ffffffe6;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:cardBreathe 4s ease-in-out infinite}@keyframes cardBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.005)}}.advertising-benefit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.advertising-benefit-card:hover:before{transform:scaleX(1)}.advertising-benefit-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #3b82f626,0 8px 16px #a855f71a,inset 0 1px #fff;border-color:#3b82f666;animation:none}.advertising-benefit-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:14px;flex-shrink:0;margin-bottom:20px;color:#fff;box-shadow:0 8px 16px #00000026,0 4px 8px #0000001a,inset 0 1px #fff3;transition:transform .3s ease}.advertising-benefit-card:hover .advertising-benefit-icon{transform:scale(1.1) rotate(5deg)}.advertising-benefit-icon-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.advertising-benefit-icon-green{background:linear-gradient(135deg,#22c55e,#16a34a)}.advertising-benefit-icon-purple{background:linear-gradient(135deg,#a855f7,#9333ea)}.advertising-benefit-icon-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.advertising-benefit-card h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 12px;line-height:1.3}.advertising-benefit-card p{font-size:15px;font-weight:500;color:#64748b;margin:0;line-height:1.5}.advertising-benefit-content,.advertising-benefit-value,.advertising-benefit-label{display:none}.advertising-formats{padding:32px;background:#fff6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:16px;box-shadow:0 4px 16px #3b82f60f,0 2px 8px #a855f70a}.advertising-section-title{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:20px;text-align:center}.advertising-format-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.advertising-format-tag{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:12px;font-size:16px;font-weight:600;color:#475569;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.advertising-format-tag svg{color:#3b82f6}.advertising-format-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61f;border-color:#3b82f64d}.advertising-cta{text-align:center;padding:48px 40px;background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 8px 32px #3b82f61a,0 4px 16px #a855f70f}.advertising-cta-title{font-size:32px;font-weight:800;color:#1e293b;margin-bottom:16px}.advertising-cta-subtitle{font-size:18px;font-weight:500;color:#64748b;margin:0 auto 32px;max-width:600px;text-align:center;display:block;width:100%}.advertising-contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:800px;margin:0 auto}.advertising-contact-card{display:flex;align-items:center;gap:16px;padding:24px;background:#fff9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 4px 16px #3b82f614,0 2px 8px #a855f70d;transition:all .3s ease;text-align:left}.advertising-contact-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #3b82f61f,0 4px 16px #a855f714;border-color:#3b82f64d}.advertising-contact-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:12px;color:#3b82f6;flex-shrink:0;box-shadow:0 2px 8px #3b82f61f}.advertising-contact-content{flex:1}.advertising-contact-label{font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.advertising-contact-value{font-size:20px;font-weight:700;color:#1e293b;text-decoration:none;transition:color .2s ease}.advertising-contact-value:hover{color:#3b82f6}@media(max-width:1024px){.advertising-benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.advertising-page{padding:80px 16px 24px;gap:32px}.advertising-hero{padding:32px 20px;min-height:320px}.advertising-hero-icon{width:80px;height:80px}.advertising-hero-icon svg{width:44px;height:44px}.advertising-hero-title{font-size:36px}.advertising-hero-subtitle{font-size:20px}.advertising-benefits,.advertising-contact-cards{grid-template-columns:1fr}.advertising-cta{padding:32px 24px}}@media(prefers-reduced-motion:reduce){.advertising-hero-photo,.advertising-hero-title,.advertising-hero-subtitle{animation:none}.advertising-hero-progress-bar{transition:none}}.service-mode-pin-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.service-mode-pin-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(8px)}.service-mode-pin{position:relative;background:#fff;border-radius:24px;padding:40px 32px;max-width:440px;width:100%;z-index:2001;box-shadow:0 20px 60px #00000080,0 0 0 3px #3b82f64d}.service-mode-pin--shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.service-mode-pin__close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#f1f5f9;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#64748b}.service-mode-pin__close:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}.service-mode-pin__header{text-align:center;margin-bottom:32px}.service-mode-pin__icon-wrapper{width:80px;height:80px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:4px solid #3b82f6;transition:all .3s ease}.service-mode-pin__icon-wrapper--locked{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 12px #ef444400}}.service-mode-pin__icon{width:40px;height:40px;color:#3b82f6}.service-mode-pin__icon-wrapper--locked .service-mode-pin__icon{color:#ef4444}.service-mode-pin__title{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 8px;line-height:1.3}.service-mode-pin__subtitle{font-size:15px;color:#64748b;margin:0;line-height:1.5}.service-mode-pin__lockout{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:24px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:16px}.service-mode-pin__lockout-icon{flex-shrink:0;color:#ef4444;animation:warning-pulse 1.5s ease-in-out infinite}@keyframes warning-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.service-mode-pin__lockout-text{flex:1}.service-mode-pin__lockout-label{font-size:13px;color:#7f1d1d;margin-bottom:4px}.service-mode-pin__lockout-time{font-size:32px;font-weight:700;color:#dc2626;font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Courier New,monospace}.service-mode-pin__display{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;min-height:24px}.service-mode-pin__dot{width:20px;height:20px;border-radius:50%;background:#e2e8f0;border:3px solid #cbd5e1;transition:all .2s ease}.service-mode-pin__dot--filled{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666}.service-mode-pin__error{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin-bottom:20px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;font-weight:600;overflow:hidden}.service-mode-pin__error svg{flex-shrink:0}.service-mode-pin__keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.service-mode-pin__key{aspect-ratio:1;border:2px solid #e2e8f0;border-radius:16px;background:#fff;font-size:24px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-tap-highlight-color:transparent}.service-mode-pin__key:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.service-mode-pin__key:active{transform:translateY(0);box-shadow:none}.service-mode-pin__key--action{background:#f1f5f9;color:#64748b;font-size:20px;font-weight:700}.service-mode-pin__key--action:hover{background:#e2e8f0;color:#475569}.service-mode-pin__submit{width:100%;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:16px;font-size:18px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #3b82f64d}.service-mode-pin__submit:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.service-mode-pin__submit:active:not(:disabled){transform:translateY(0)}.service-mode-pin__submit:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none}.service-mode-pin__attempts{text-align:center;margin-top:16px;font-size:13px;font-weight:600;color:#f59e0b}.service-mode-pin__notice{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0;font-size:12px;color:#94a3b8}.service-mode-pin__notice svg{flex-shrink:0}@media(max-width:640px){.service-mode-pin{padding:32px 24px;border-radius:20px}.service-mode-pin__icon-wrapper{width:64px;height:64px}.service-mode-pin__icon{width:32px;height:32px}.service-mode-pin__title{font-size:22px}.service-mode-pin__subtitle{font-size:14px}.service-mode-pin__keypad{gap:8px}.service-mode-pin__key{border-radius:12px;font-size:20px}.service-mode-pin__lockout-time{font-size:28px}}@media(max-width:400px){.service-mode-pin-overlay{padding:12px}.service-mode-pin{padding:24px 20px}.service-mode-pin__display{gap:12px}.service-mode-pin__dot{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.service-mode-pin,.service-mode-pin__icon-wrapper,.service-mode-pin__key,.service-mode-pin__dot,.service-mode-pin--shake{animation:none!important;transition:none!important}}@media(prefers-contrast:high){.service-mode-pin{border:4px solid #1e293b}.service-mode-pin__key{border-width:3px}}.service-mode-pin__close:focus-visible,.service-mode-pin__key:focus-visible,.service-mode-pin__submit:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}@media(prefers-color-scheme:dark){.service-mode-pin{background:#1e293b;color:#f1f5f9}.service-mode-pin__title{color:#f1f5f9}.service-mode-pin__subtitle{color:#94a3b8}.service-mode-pin__key{background:#334155;border-color:#475569;color:#f1f5f9}.service-mode-pin__key:hover{background:#475569;border-color:#64748b}}.service-mode-indicator{position:fixed;top:20px;right:20px;z-index:1500;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026,0 0 0 2px #3b82f680;border:2px solid #3b82f6;transition:all .3s ease}.service-mode-indicator--compact{padding:10px 12px;gap:8px}.service-mode-indicator--warning{border-color:#f59e0b;box-shadow:0 8px 24px #f59e0b33,0 0 0 2px #f59e0b80}.service-mode-indicator--critical{border-color:#ef4444;box-shadow:0 8px 24px #ef44444d,0 0 0 2px #ef444499;animation:critical-pulse 1.5s ease-in-out infinite}@keyframes critical-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.service-mode-indicator__icon-wrapper{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);flex-shrink:0}.service-mode-indicator--compact .service-mode-indicator__icon-wrapper{width:32px;height:32px}.service-mode-indicator--warning .service-mode-indicator__icon-wrapper{background:linear-gradient(135deg,#fef3c7,#fde68a)}.service-mode-indicator--critical .service-mode-indicator__icon-wrapper{background:linear-gradient(135deg,#fee2e2,#fecaca);animation:icon-pulse 1s ease-in-out infinite}@keyframes icon-pulse{0%,to{opacity:1}50%{opacity:.7}}.service-mode-indicator__icon{width:20px;height:20px;color:#3b82f6}.service-mode-indicator--compact .service-mode-indicator__icon{width:18px;height:18px}.service-mode-indicator--warning .service-mode-indicator__icon{color:#f59e0b}.service-mode-indicator--critical .service-mode-indicator__icon{color:#ef4444}.service-mode-indicator__content{display:flex;flex-direction:column;gap:2px}.service-mode-indicator__label{font-size:13px;font-weight:700;color:#1e293b;line-height:1.2}.service-mode-indicator__time{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#64748b;font-variant-numeric:tabular-nums;font-family:SF Mono,Monaco,Courier New,monospace}.service-mode-indicator__time svg{flex-shrink:0}.service-mode-indicator__time--compact{font-size:14px;font-weight:700;color:#3b82f6}.service-mode-indicator--warning .service-mode-indicator__time--compact{color:#f59e0b}.service-mode-indicator--critical .service-mode-indicator__time--compact{color:#ef4444}.service-mode-indicator__actions{display:flex;align-items:center;gap:8px;margin-left:4px}.service-mode-indicator__button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.service-mode-indicator--compact .service-mode-indicator__button{padding:6px 10px}.service-mode-indicator__button--extend{background:#f1f5f9;color:#475569}.service-mode-indicator__button--extend:hover{background:#e2e8f0;color:#334155;transform:translateY(-1px)}.service-mode-indicator__button--exit{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.service-mode-indicator__button--exit:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.service-mode-indicator__button--exit:active{transform:translateY(0)}.service-mode-indicator__pulse{position:absolute;inset:-2px;border-radius:16px;border:2px solid #ef4444;pointer-events:none;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@media(max-width:768px){.service-mode-indicator{top:12px;right:12px}.service-mode-indicator{padding:10px 12px;gap:8px}.service-mode-indicator__content{display:none}.service-mode-indicator__time--compact{display:flex!important}.service-mode-indicator__button--extend,.service-mode-indicator__button span{display:none}}@media(max-width:400px){.service-mode-indicator{top:8px;right:8px;padding:8px 10px;border-radius:12px}.service-mode-indicator__icon-wrapper{width:28px;height:28px}.service-mode-indicator__icon{width:16px;height:16px}.service-mode-indicator__time--compact{font-size:12px}.service-mode-indicator__button{padding:6px 8px}}@media(prefers-reduced-motion:reduce){.service-mode-indicator,.service-mode-indicator__icon-wrapper,.service-mode-indicator__pulse{animation:none!important;transition:none!important}}@media(prefers-contrast:high){.service-mode-indicator{border-width:3px}}.service-mode-indicator__button:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}@media print{.service-mode-indicator{display:none!important}}.web-footer{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-top:1px solid rgba(148,163,184,.12);color:#334155;position:relative}.web-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:50%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(96,165,250,.4) 50%,transparent 100%);box-shadow:0 0 12px #60a5fa4d}.web-footer__container{max-width:1280px;margin:0 auto;padding:0 2rem}.web-footer__main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;padding:3rem 0 2.5rem;border-bottom:1px solid rgba(148,163,184,.12)}.web-footer__section{display:flex;flex-direction:column;gap:1rem}.web-footer__heading{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;color:#60a5fa;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.web-footer__heading svg{flex-shrink:0}.web-footer__contact-list{display:flex;flex-direction:column;gap:.75rem}.web-footer__contact-item{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#475569;text-decoration:none;transition:all .2s;font-weight:500}.web-footer__contact-item svg{color:#60a5fa;flex-shrink:0}a.web-footer__contact-item:hover{color:#60a5fa;transform:translate(2px)}.web-footer__contact-phone{font-size:1.125rem;font-weight:700;color:#0f172a}.web-footer__contact-hours{font-size:.875rem;color:#64748b}.web-footer__nav{display:flex;flex-direction:column;gap:.625rem}.web-footer__nav-link{font-size:.9375rem;color:#475569;text-decoration:none;transition:all .2s;font-weight:500;display:block}.web-footer__nav-link:hover{color:#60a5fa;transform:translate(2px)}.web-footer__bottom{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem 0;border-bottom:1px solid rgba(148,163,184,.12)}.web-footer__payment{display:flex;align-items:center;gap:1rem}.web-footer__payment-label{font-size:.8125rem;font-weight:600;color:#64748b;margin:0;white-space:nowrap}.web-footer__payment-logos{display:flex;gap:.75rem;align-items:center}.web-footer__payment-logo{background:#fff;padding:6px 10px;border-radius:8px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;border:1px solid rgba(148,163,184,.12);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.web-footer__payment-logo:hover{box-shadow:0 4px 12px #0000001f,0 2px 4px #0000000f;transform:translateY(-2px)}.web-footer__copyright{padding:1.25rem 0;text-align:center}.web-footer__copyright p{font-size:.8125rem;color:#94a3b8;margin:0;font-weight:500}.web-footer__skeleton{padding:3rem 2rem}.web-footer__skeleton-block{height:120px;background:linear-gradient(90deg,#94a3b81a,#94a3b833,#94a3b81a);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1024px){.web-footer__main{grid-template-columns:1.2fr 1fr;gap:2.5rem}.web-footer__section-legal{grid-column:1 / -1}.web-footer__bottom{flex-direction:column;align-items:flex-start;gap:1.5rem}.web-footer__payment{align-self:flex-start}}@media(max-width:768px){.web-footer__container{padding:0 1.5rem}.web-footer__main{grid-template-columns:1fr;gap:2rem;padding:2rem 0}.web-footer__section-legal{grid-column:1}.web-footer__brand-name{font-size:1.25rem}.web-footer__bottom{padding:1.5rem 0}.web-footer__bottom-links{flex-direction:column;align-items:flex-start;gap:.5rem}.web-footer__divider{display:none}.web-footer__payment{flex-direction:column;align-items:flex-start;gap:.75rem}.web-footer__payment-label{margin-bottom:.25rem}.web-footer__payment-logos{flex-wrap:wrap}}@media(max-width:480px){.web-footer__container{padding:0 1rem}.web-footer__main{padding:1.5rem 0;gap:1.5rem}.web-footer__bottom{padding:1.25rem 0}.web-footer__contact-phone{font-size:1rem}.web-footer__copyright{padding:1rem 0}}.roi-calculator{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #3b82f61f,0 8px 24px #3b82f614;border:2px solid rgba(59,130,246,.1)}.roi-calculator-inner{max-width:900px;margin:0 auto}.roi-inputs{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem}.roi-input-group{display:flex;flex-direction:column;gap:.75rem}.roi-input-group label{font-size:.9375rem;font-weight:600;color:#1e40af}.roi-slider-wrapper{position:relative;padding-top:.5rem}.roi-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:100px;background:linear-gradient(90deg,#3b82f6,#2563eb);outline:none;cursor:pointer;box-shadow:inset 0 1px 3px #0000001a}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 4px 12px #3b82f666;border:3px solid #3b82f6;transition:all .2s}.roi-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #3b82f680}.roi-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 4px 12px #3b82f666;border:3px solid #3b82f6;transition:all .2s}.roi-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #3b82f680}.roi-slider-value{position:absolute;top:-32px;right:0;background:#3b82f6;color:#fff;padding:.375rem .875rem;border-radius:8px;font-size:1.125rem;font-weight:700;box-shadow:0 4px 12px #3b82f64d}.roi-select{width:100%;padding:.875rem 1.25rem;border:2px solid rgba(59,130,246,.2);border-radius:12px;background:#fff;font-size:1rem;font-weight:600;color:#1e40af;cursor:pointer;transition:all .2s;outline:none}.roi-select:hover{border-color:#3b82f666}.roi-select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.roi-results{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;animation:resultsSlideIn .4s ease-out}@keyframes resultsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.roi-results-animating{opacity:.6}.roi-result-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 12px #0000000f,0 2px 4px #0000000a;border:2px solid rgba(59,130,246,.08);transition:all .3s}.roi-result-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f,0 6px 12px #00000014}.roi-result-primary{grid-column:1 / -1;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent}.roi-result-primary .roi-result-label,.roi-result-primary .roi-result-value{color:#fff}.roi-result-primary .roi-result-icon{background:#fff3;color:#fff}.roi-result-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;flex-shrink:0}.roi-result-icon-orange{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412}.roi-result-icon-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.roi-result-icon-purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#6b21a8}.roi-result-content{flex:1}.roi-result-label{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.25rem}.roi-result-value{font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1.2}.roi-disclaimer{text-align:center;padding:1rem;background:#fff9;backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(59,130,246,.1)}.roi-disclaimer p{font-size:.8125rem;color:#64748b;margin:0;line-height:1.5}@media(max-width:768px){.roi-calculator{padding:2rem 1.5rem}.roi-inputs{grid-template-columns:1fr;gap:1.5rem}.roi-results{grid-template-columns:1fr}.roi-result-primary{grid-column:1}.roi-result-value{font-size:1.25rem}}.smart-lead-form{max-width:500px;margin:0 auto}.lead-form-step{background:#fff;border-radius:20px;padding:3rem 2.5rem;box-shadow:0 20px 60px #0000001f,0 8px 24px #00000014;border:2px solid rgba(59,130,246,.1)}.lead-form-slide-in{animation:formSlideIn .4s ease-out}@keyframes formSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lead-form-header{text-align:center;margin-bottom:2rem}.lead-form-icon{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 24px #3b82f64d}.lead-form-icon-green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b9814d}.lead-form-header h3{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 .5rem}.lead-form-header p{font-size:1.0625rem;color:#64748b;margin:0}.lead-form-input-group{margin-bottom:1.5rem}.lead-form-input{width:100%;padding:1rem 1.5rem;border:2px solid #e2e8f0;border-radius:14px;font-size:1.125rem;font-weight:500;color:#0f172a;background:#f8fafc;transition:all .2s;outline:none}.lead-form-input:hover{border-color:#cbd5e1;background:#fff}.lead-form-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.lead-form-input::placeholder{color:#94a3b8}.lead-form-button{width:100%;padding:1rem 2rem;border:none;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s;box-shadow:0 4px 12px #3b82f64d,0 2px 4px #3b82f633}.lead-form-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #3b82f666,0 6px 12px #3b82f64d}.lead-form-button:active:not(:disabled){transform:translateY(0)}.lead-form-button:disabled{opacity:.6;cursor:not-allowed}.lead-form-button-green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d,0 2px 4px #10b98133}.lead-form-button-green:hover:not(:disabled){box-shadow:0 12px 28px #10b98166,0 6px 12px #10b9814d}.lead-form-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lead-form-back{width:100%;padding:.875rem;margin-top:.75rem;border:none;background:none;color:#64748b;font-size:.9375rem;font-weight:600;cursor:pointer;transition:color .2s}.lead-form-back:hover{color:#3b82f6}.lead-form-success{text-align:center}.lead-form-success-icon{margin-bottom:1.5rem}.lead-form-checkmark{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 12px 32px #10b9814d;animation:checkmarkPop .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.lead-form-success h3{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 1rem}.lead-form-success p{font-size:1.0625rem;color:#64748b;margin:0 0 1.5rem;line-height:1.6}.lead-form-success p strong{color:#10b981;font-weight:700}.lead-form-success-info{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#f0fdf4;border:2px solid #d1fae5;border-radius:12px;color:#065f46;font-weight:600}.lead-form-success-info svg{color:#10b981}@media(max-width:640px){.lead-form-step{padding:2rem 1.5rem}.lead-form-header h3{font-size:1.5rem}.lead-form-header p,.lead-form-input,.lead-form-button{font-size:1rem}}.urgency-banner{border-radius:16px;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;animation:bannerPulse 2s ease-in-out infinite}@keyframes bannerPulse{0%,to{box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014}50%{box-shadow:0 12px 32px #00000029,0 6px 12px #0000001f}}.urgency-banner-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24}.urgency-banner-discount{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6}.urgency-banner-content{display:flex;align-items:center;gap:1rem;flex:1}.urgency-banner-icon{width:56px;height:56px;border-radius:12px;background:#fbbf24;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #fbbf244d}.urgency-banner-icon-clock{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.urgency-banner-text{display:flex;flex-direction:column;gap:.25rem}.urgency-banner-text strong{font-size:1.125rem;font-weight:800;color:#0f172a}.urgency-banner-text span{font-size:.9375rem;font-weight:600;color:#64748b}.urgency-timer{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.urgency-timer-unit{display:flex;flex-direction:column;align-items:center;gap:.25rem}.urgency-timer-value{background:#fff;border-radius:8px;padding:.5rem .875rem;font-size:1.5rem;font-weight:800;color:#3b82f6;min-width:56px;text-align:center;box-shadow:0 2px 8px #3b82f626,inset 0 -2px #3b82f61a}.urgency-timer-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.urgency-timer-separator{font-size:1.5rem;font-weight:700;color:#3b82f6;margin:0 -.25rem}@media(max-width:1024px){.urgency-banner{flex-direction:column;align-items:stretch;text-align:center;padding:1.5rem}.urgency-banner-content{flex-direction:column;text-align:center}.urgency-timer{justify-content:center}}@media(max-width:640px){.urgency-banner{padding:1.25rem}.urgency-banner-text strong{font-size:1rem}.urgency-banner-text span{font-size:.875rem}.urgency-timer{gap:.5rem}.urgency-timer-value{font-size:1.25rem;padding:.375rem .625rem;min-width:48px}.urgency-timer-label{font-size:.6875rem}.urgency-timer-separator{font-size:1.25rem}}.faq-section{max-width:900px;margin:0 auto}.faq-header{text-align:center;margin-bottom:3rem}.faq-header h2{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1rem}.faq-header p{font-size:1.125rem;color:#64748b;margin:0}.faq-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.faq-item{background:#fff;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s}.faq-item:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0000000f}.faq-item-open{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f61f}.faq-question{width:100%;padding:1.5rem 2rem;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;cursor:pointer;text-align:left;transition:background .2s}.faq-question:hover{background:#f8fafc}.faq-item-open .faq-question{background:#f0f9ff}.faq-question span{flex:1;font-size:1.0625rem;font-weight:700;color:#0f172a;line-height:1.5}.faq-chevron{flex-shrink:0;color:#64748b;transition:all .3s}.faq-item-open .faq-chevron{transform:rotate(180deg);color:#3b82f6}.faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.faq-item-open .faq-answer-wrapper{grid-template-rows:1fr}.faq-answer{overflow:hidden;padding:0 2rem}.faq-item-open .faq-answer{padding:0 2rem 1.5rem}.faq-answer{font-size:1rem;color:#475569;line-height:1.7}.faq-cta{text-align:center;padding:2.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:20px;border:2px solid #bae6fd}.faq-cta p{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 1.5rem}.faq-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.faq-cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #0000001f,0 2px 4px #00000014}.faq-cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000029,0 6px 12px #0000001f}.faq-cta-button-whatsapp{background:#25d366;color:#fff}.faq-cta-button-telegram{background:#08c;color:#fff}@media(max-width:768px){.faq-header h2{font-size:2rem}.faq-question{padding:1.25rem 1.5rem}.faq-question span{font-size:1rem}.faq-answer{font-size:.9375rem}.faq-item-open .faq-answer{padding:0 1.5rem 1.25rem}.faq-cta{padding:2rem 1.5rem}.faq-cta-buttons{flex-direction:column}.faq-cta-button{width:100%;justify-content:center}}.testimonials-section{max-width:1200px;margin:0 auto;position:relative}.testimonials-header{text-align:center;margin-bottom:3rem}.testimonials-header h2{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 1rem}.testimonials-header p{font-size:1.125rem;color:#64748b;margin:0}.testimonials-grid{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:1rem .5rem 2rem;margin-bottom:2rem;scrollbar-width:none;-ms-overflow-style:none}.testimonials-grid::-webkit-scrollbar{display:none}.testimonial-card{flex:0 0 auto;scroll-snap-align:start;width:min(340px,90vw);background:#fff;border-radius:20px;padding:2rem;border:2px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 10px 20px #0000000f,0 4px 8px #0000000a}@media(min-width:768px){.testimonial-card{width:calc(50% - .75rem)}}@media(min-width:1200px){.testimonial-card{width:calc(33.333% - 1rem)}}.testimonial-card:hover{transform:translateY(-4px) scale(1.02);border-color:#cbd5e1;box-shadow:0 20px 60px #0000001f,0 8px 24px #00000014}.testimonials-navigation{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.testimonial-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid #e2e8f0;border-radius:50%;color:#475569;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a}.testimonial-button:hover{background:#fff;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #3b82f633,0 4px 12px #00000014}.testimonial-button:active{transform:translateY(0) scale(1)}@media(max-width:640px){.testimonials-navigation{display:none}}.testimonial-header{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #e0f2fe;box-shadow:0 4px 12px #0000001a}.testimonial-info{flex:1}.testimonial-name{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}.testimonial-city{font-size:.875rem;font-weight:500;color:#64748b}.testimonial-rating{display:flex;gap:.25rem}.testimonial-content{display:flex;flex-direction:column;gap:1rem;position:relative}.testimonial-section{padding:1.25rem;border-radius:12px;position:relative}.testimonial-before{background:#fef2f2;border:2px solid #fecaca}.testimonial-after{background:#f0fdf4;border:2px solid #bbf7d0}.testimonial-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.testimonial-before .testimonial-label{color:#991b1b}.testimonial-after .testimonial-label{color:#166534}.testimonial-section p{font-size:.9375rem;font-weight:500;color:#0f172a;margin:0;line-height:1.6}.testimonial-arrow{align-self:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b9814d;position:relative;z-index:1}.testimonial-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:1rem;border-top:2px solid #f1f5f9}.testimonial-stat{text-align:center}.testimonial-stat-value{font-size:1.5rem;font-weight:800;color:#3b82f6;margin-bottom:.25rem}.testimonial-stat-label{font-size:.8125rem;font-weight:600;color:#64748b}.testimonials-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:3rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:20px;border:2px solid #bfdbfe}.trust-indicator{text-align:center}.trust-value{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.trust-label{font-size:.9375rem;font-weight:600;color:#475569}@media(max-width:1024px){.testimonials-grid{grid-template-columns:1fr}.testimonials-trust{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.testimonials-header h2{font-size:2rem}.testimonial-card{padding:1.5rem}.trust-value{font-size:2rem}.trust-label{font-size:.875rem}}@media(max-width:640px){.testimonials-trust{grid-template-columns:1fr;gap:1.5rem}}:root{--uni-primary-50: #eff6ff;--uni-primary-100: #dbeafe;--uni-primary-500: #3b82f6;--uni-primary-600: #2563eb;--uni-primary-700: #1d4ed8;--uni-success-500: #10b981;--uni-success-600: #059669;--uni-purple-500: #a855f7;--uni-purple-600: #9333ea;--uni-gray-50: #f9fafb;--uni-gray-100: #f3f4f6;--uni-gray-200: #e5e7eb;--uni-gray-400: #9ca3af;--uni-gray-500: #6b7280;--uni-gray-600: #4b5563;--uni-gray-700: #374151;--uni-gray-800: #1f2937;--uni-gray-900: #111827;--uni-gray-950: #0f172a;--uni-space-xs: .5rem;--uni-space-sm: .75rem;--uni-space-md: 1rem;--uni-space-lg: 1.5rem;--uni-space-xl: 2rem;--uni-space-2xl: 3rem;--uni-space-3xl: 4rem;--uni-space-4xl: 6rem;--uni-radius-sm: 8px;--uni-radius-md: 12px;--uni-radius-lg: 16px;--uni-radius-xl: 24px;--uni-radius-full: 100px;--uni-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .03);--uni-shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--uni-shadow-lg: 0 10px 20px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--uni-shadow-xl: 0 20px 40px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .06);--uni-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--uni-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--uni-transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}.universal-landing{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;width:100%;min-height:100vh;background:#fff;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.universal-landing *{box-sizing:border-box}.uni-container{max-width:1280px;margin:0 auto;padding:0 var(--uni-space-xl);width:100%;box-sizing:border-box}.uni-header{position:sticky;top:0;width:100%;background:#ffffffb8;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px #00000005,0 1px 2px #00000003;z-index:100;padding:var(--uni-space-md) 0;transition:all var(--uni-transition-base)}.uni-header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--uni-space-lg);max-width:100%;width:100%}.uni-header-content>:first-child{flex-shrink:0}.uni-nav{display:flex;align-items:center;gap:var(--uni-space-xl);flex:1;justify-content:center;margin:0 var(--uni-space-lg)}.uni-nav-link{position:relative;font-size:15px;font-weight:500;color:var(--uni-gray-700);background:none;border:none;cursor:pointer;padding:var(--uni-space-xs) 0;transition:color var(--uni-transition-fast);white-space:nowrap}.uni-nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--uni-primary-600);transition:width var(--uni-transition-base)}.uni-nav-link:hover{color:var(--uni-primary-600)}.uni-nav-link:hover:after{width:100%}.uni-header-buttons{display:flex;gap:var(--uni-space-sm);align-items:center;flex-shrink:0}.uni-partner-dropdown-wrapper{position:relative}.uni-partner-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;background:#fff;border:1px solid var(--uni-gray-200);border-radius:var(--uni-radius-md);box-shadow:var(--uni-shadow-lg);padding:var(--uni-space-xs);z-index:1000;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.uni-partner-dropdown button{display:flex;align-items:center;gap:var(--uni-space-md);width:100%;padding:var(--uni-space-md);background:none;border:none;border-radius:var(--uni-radius-sm);cursor:pointer;text-align:left;transition:background-color var(--uni-transition-fast)}.uni-partner-dropdown button:hover{background-color:var(--uni-gray-50)}.uni-partner-dropdown button svg{color:var(--uni-primary-600);flex-shrink:0}.uni-dropdown-title{font-size:14px;font-weight:600;color:var(--uni-gray-900);margin-bottom:2px}.uni-dropdown-desc{font-size:13px;color:var(--uni-gray-500)}.uni-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--uni-space-xs);padding:10px 20px;font-size:15px;font-weight:600;border-radius:var(--uni-radius-full);border:none;cursor:pointer;transition:all var(--uni-transition-fast);white-space:nowrap}.uni-btn-primary{background:linear-gradient(135deg,var(--uni-primary-600) 0%,var(--uni-primary-700) 100%);color:#fff;box-shadow:0 2px 8px #2563eb33}.uni-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.uni-btn-secondary{background:#fff;color:var(--uni-gray-700);border:1px solid var(--uni-gray-200);box-shadow:var(--uni-shadow-sm)}.uni-btn-secondary:hover{background:var(--uni-gray-50);border-color:var(--uni-gray-300)}.uni-btn-text-short{display:none}.uni-mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--uni-space-xs);color:var(--uni-gray-700)}.uni-mobile-menu{position:fixed;top:0;right:-100%;width:80%;max-width:360px;height:100vh;background:#fff;box-shadow:-4px 0 24px #0000001a;z-index:1000;transition:right var(--uni-transition-base);overflow-y:auto}.uni-mobile-menu.open{right:0}.uni-mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--uni-space-lg);border-bottom:1px solid var(--uni-gray-200)}.uni-mobile-menu-close{background:none;border:none;cursor:pointer;padding:var(--uni-space-xs);color:var(--uni-gray-700)}.uni-mobile-menu-nav{padding:var(--uni-space-lg)}.uni-mobile-menu-nav button{display:block;width:100%;text-align:left;padding:var(--uni-space-md);background:none;border:none;font-size:16px;font-weight:500;color:var(--uni-gray-700);cursor:pointer;border-radius:var(--uni-radius-sm);transition:background-color var(--uni-transition-fast)}.uni-mobile-menu-nav button:hover{background-color:var(--uni-gray-50)}.uni-mobile-menu-buttons{padding:0 var(--uni-space-lg) var(--uni-space-lg);display:flex;flex-direction:column;gap:var(--uni-space-sm)}.uni-mobile-menu-buttons .uni-btn{width:100%;justify-content:center}.uni-mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all var(--uni-transition-base)}.uni-mobile-menu-overlay.open{opacity:1;visibility:visible}@media(max-width:1024px){.uni-nav{gap:var(--uni-space-lg);margin:0 var(--uni-space-md)}.uni-header-buttons{gap:var(--uni-space-xs)}.uni-btn{padding:8px 16px;font-size:14px}}@media(max-width:768px){.uni-header{padding:var(--uni-space-sm) 0}.uni-container{padding:0 var(--uni-space-lg)}.uni-nav,.uni-header-buttons{display:none}.uni-mobile-menu-toggle{display:block}.uni-btn-text-long{display:none}.uni-btn-text-short{display:inline}}@media(max-width:480px){.uni-container{padding:0 var(--uni-space-md)}}.uni-hero{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.uni-hero-photo{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;animation:heroPhotoFade .8s ease-in-out}@keyframes heroPhotoFade{0%{opacity:0}to{opacity:1}}.uni-hero-overlay{position:absolute;inset:0;background:#0000004d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1}.uni-hero-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:900px;padding:0 var(--uni-space-xl)}.uni-hero-badge{display:inline-flex;align-items:center;gap:var(--uni-space-xs);padding:var(--uni-space-xs) var(--uni-space-md);background:#fff3;backdrop-filter:blur(10px);border-radius:var(--uni-radius-full);font-size:14px;font-weight:600;margin-bottom:var(--uni-space-lg)}.uni-hero-title{font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.1;margin-bottom:var(--uni-space-lg);letter-spacing:-.02em}.uni-hero-subtitle{font-size:clamp(18px,2.5vw,24px);font-weight:500;line-height:1.5;margin-bottom:var(--uni-space-2xl);opacity:.95}.uni-hero-buttons{display:flex;gap:var(--uni-space-md);justify-content:center;flex-wrap:wrap}.uni-hero-button{padding:14px 32px;font-size:16px;font-weight:600;border-radius:var(--uni-radius-full);border:none;cursor:pointer;transition:all var(--uni-transition-fast);display:inline-flex;align-items:center;gap:var(--uni-space-sm)}.uni-hero-button-primary{background:#fff;color:var(--uni-primary-600);box-shadow:0 4px 16px #0000001a}.uni-hero-button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.uni-hero-button-secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}.uni-hero-button-secondary:hover{background:#ffffff4d;border-color:#ffffff80}.uni-hero-indicators{position:absolute;bottom:var(--uni-space-2xl);left:50%;transform:translate(-50%);display:flex;gap:var(--uni-space-sm);z-index:3}.uni-hero-indicator{width:40px;height:4px;background:#ffffff4d;border-radius:var(--uni-radius-full);cursor:pointer;transition:all var(--uni-transition-base)}.uni-hero-indicator.active{background:#fff;width:60px}.uni-section{padding:var(--uni-space-4xl) 0}.uni-section-title{font-size:clamp(32px,4vw,48px);font-weight:800;text-align:center;margin-bottom:var(--uni-space-xl);color:var(--uni-gray-900)}.uni-section-subtitle{font-size:clamp(16px,2vw,20px);text-align:center;color:var(--uni-gray-600);max-width:700px;margin:0 auto var(--uni-space-3xl);line-height:1.6}.uni-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--uni-space-xl);margin-top:var(--uni-space-2xl)}.uni-feature-card{padding:var(--uni-space-2xl);background:#fff;border:1px solid var(--uni-gray-200);border-radius:var(--uni-radius-lg);box-shadow:var(--uni-shadow-sm);transition:all var(--uni-transition-base)}.uni-feature-card:hover{transform:translateY(-4px);box-shadow:var(--uni-shadow-lg);border-color:var(--uni-primary-200)}.uni-feature-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--uni-primary-50) 0%,var(--uni-primary-100) 100%);border-radius:var(--uni-radius-md);display:flex;align-items:center;justify-content:center;color:var(--uni-primary-600);margin-bottom:var(--uni-space-lg)}.uni-feature-title{font-size:20px;font-weight:700;color:var(--uni-gray-900);margin-bottom:var(--uni-space-sm)}.uni-feature-description{font-size:15px;color:var(--uni-gray-600);line-height:1.6}.uni-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--uni-space-xl);margin-top:var(--uni-space-2xl)}.uni-stat-card{text-align:center;padding:var(--uni-space-xl)}.uni-stat-value{font-size:clamp(36px,5vw,56px);font-weight:800;color:var(--uni-primary-600);margin-bottom:var(--uni-space-sm)}.uni-stat-label{font-size:16px;color:var(--uni-gray-600);font-weight:500}.uni-section-gray{background:var(--uni-gray-50)}.uni-section-header{text-align:center;margin-bottom:var(--uni-space-3xl)}.uni-section-header h2{font-size:clamp(32px,4vw,48px);font-weight:800;color:var(--uni-gray-900);margin-bottom:var(--uni-space-md)}.uni-section-header p{font-size:clamp(16px,2vw,20px);color:var(--uni-gray-600);max-width:700px;margin:0 auto}.uni-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--uni-space-xl)}.uni-service-card{padding:var(--uni-space-2xl);background:#fff;border:1px solid var(--uni-gray-200);border-radius:var(--uni-radius-lg);text-align:center;transition:all var(--uni-transition-base)}.uni-service-card:hover{transform:translateY(-4px);box-shadow:var(--uni-shadow-lg);border-color:var(--uni-primary-200)}.uni-service-icon{width:80px;height:80px;margin:0 auto var(--uni-space-lg);border-radius:var(--uni-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.uni-service-icon-blue{background:linear-gradient(135deg,var(--uni-primary-500) 0%,var(--uni-primary-600) 100%)}.uni-service-icon-green{background:linear-gradient(135deg,var(--uni-success-500) 0%,var(--uni-success-600) 100%)}.uni-service-icon-purple{background:linear-gradient(135deg,var(--uni-purple-500) 0%,var(--uni-purple-600) 100%)}.uni-service-icon-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.uni-service-card h3{font-size:20px;font-weight:700;color:var(--uni-gray-900);margin-bottom:var(--uni-space-sm)}.uni-service-card p{font-size:15px;color:var(--uni-gray-600);line-height:1.6}.uni-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--uni-space-xl)}.uni-benefit-card{padding:var(--uni-space-2xl);background:#fff;border:1px solid var(--uni-gray-200);border-radius:var(--uni-radius-lg);text-align:center;transition:all var(--uni-transition-base)}.uni-benefit-card:hover{transform:translateY(-4px);box-shadow:var(--uni-shadow-lg);border-color:var(--uni-primary-200)}.uni-benefit-icon{width:72px;height:72px;margin:0 auto var(--uni-space-lg);border-radius:var(--uni-radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.uni-benefit-icon-blue{background:linear-gradient(135deg,var(--uni-primary-500) 0%,var(--uni-primary-600) 100%)}.uni-benefit-icon-green{background:linear-gradient(135deg,var(--uni-success-500) 0%,var(--uni-success-600) 100%)}.uni-benefit-icon-purple{background:linear-gradient(135deg,var(--uni-purple-500) 0%,var(--uni-purple-600) 100%)}.uni-benefit-icon-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.uni-benefit-card h3{font-size:20px;font-weight:700;color:var(--uni-gray-900);margin-bottom:var(--uni-space-sm)}.uni-benefit-card p{font-size:15px;color:var(--uni-gray-600);line-height:1.6}.uni-locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--uni-space-md);margin-bottom:var(--uni-space-2xl)}.uni-location-card{display:flex;align-items:center;gap:var(--uni-space-sm);padding:var(--uni-space-md);background:#fff;border:1px solid var(--uni-gray-200);border-radius:var(--uni-radius-md);font-size:15px;font-weight:500;color:var(--uni-gray-700)}.uni-location-card svg{color:var(--uni-primary-600);flex-shrink:0}.uni-section-cta{background:linear-gradient(135deg,var(--uni-primary-600) 0%,var(--uni-primary-700) 100%);color:#fff}.uni-cta-content{text-align:center;padding:var(--uni-space-3xl) 0}.uni-cta-content h2{font-size:clamp(36px,5vw,56px);font-weight:800;margin-bottom:var(--uni-space-md)}.uni-cta-content p{font-size:clamp(18px,2.5vw,24px);margin-bottom:var(--uni-space-2xl);opacity:.95}.uni-cta-buttons{display:flex;gap:var(--uni-space-md);justify-content:center;flex-wrap:wrap}.uni-btn-white{background:#fff;color:var(--uni-primary-600);box-shadow:0 4px 16px #0000001a}.uni-btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.uni-cta-center{display:flex;justify-content:center;margin-top:var(--uni-space-2xl)}.uni-btn-large{padding:14px 32px;font-size:16px}.uni-btn-success{background:linear-gradient(135deg,var(--uni-success-500) 0%,var(--uni-success-600) 100%);color:#fff;box-shadow:0 2px 8px #10b98133}.uni-btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.uni-btn-purple{background:linear-gradient(135deg,var(--uni-purple-500) 0%,var(--uni-purple-600) 100%);color:#fff;box-shadow:0 2px 8px #a855f733}.uni-btn-purple:hover{transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.uni-hero-slide-enter{animation:slideEnter .6s ease-out}@keyframes slideEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.uni-gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;text-align:center}.uni-gradient-text-green{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;text-align:center}.uni-gradient-text-purple{background:linear-gradient(135deg,#c084fc,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;text-align:center}.uni-hero-badge-green{background:#10b98133;color:#fff;border:1px solid rgba(16,185,129,.3)}.uni-hero-badge-purple{background:#a855f733;color:#fff;border:1px solid rgba(168,85,247,.3)}.uni-hero-description{font-size:clamp(16px,2vw,20px);line-height:1.6;margin-bottom:var(--uni-space-2xl);opacity:.95}.uni-hero-actions{display:flex;gap:var(--uni-space-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--uni-space-3xl)}.uni-hero-stats{display:flex;gap:var(--uni-space-2xl);justify-content:center;flex-wrap:wrap;margin-top:var(--uni-space-3xl);padding-top:var(--uni-space-2xl);border-top:1px solid rgba(255,255,255,.2)}.uni-hero-stat{text-align:center}.uni-hero-stat-value{font-size:clamp(32px,4vw,48px);font-weight:800;color:#fff;margin-bottom:var(--uni-space-xs)}.uni-hero-stat-label{font-size:14px;color:#fffc;font-weight:500}@media(max-width:768px){.uni-hero{min-height:500px}.uni-hero-content{padding:0 var(--uni-space-lg)}.uni-section{padding:var(--uni-space-2xl) 0}.uni-services-grid,.uni-benefits-grid{grid-template-columns:1fr}.uni-hero-actions,.uni-cta-buttons{flex-direction:column;width:100%}.uni-hero-actions .uni-btn,.uni-cta-buttons .uni-btn{width:100%}}.kiosk-catalog-page{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;min-height:100vh;background:#f9fafb}.catalog-container{max-width:1200px;margin:0 auto;padding:0 2rem}.catalog-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0}.catalog-header-content{display:flex;justify-content:space-between;align-items:center}.catalog-header-left{display:flex;align-items:center;gap:1rem}.catalog-back-button{padding:.5rem;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.catalog-back-button:hover{background:#e5e7eb}.catalog-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.catalog-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.catalog-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.catalog-btn-large{padding:.875rem 2rem;font-size:1rem}.catalog-btn-full{width:100%}.catalog-title-section{padding:3rem 0 2rem;text-align:center}.catalog-title-section h1{font-size:2.5rem;font-weight:800;color:#111827;margin:0 0 .75rem}.catalog-title-section p{font-size:1.125rem;color:#6b7280;margin:0}.catalog-search-section{padding:0 0 2rem}.catalog-search-bar{display:flex;align-items:center;gap:1rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1rem;transition:all .2s}.catalog-search-bar:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.catalog-search-bar svg{color:#9ca3af;flex-shrink:0}.catalog-search-input{flex:1;border:none;outline:none;font-size:1rem;color:#111827}.catalog-search-input::placeholder{color:#9ca3af}.catalog-results-count{font-size:.875rem;color:#6b7280;font-weight:500}.catalog-map-section{padding:0 0 3rem}.catalog-map-wrapper{background:#fff;border-radius:16px;overflow:hidden;border:2px solid #e5e7eb}.catalog-map-placeholder{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.catalog-map-placeholder svg{margin-bottom:1rem}.catalog-map-placeholder h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#374151}.catalog-map-placeholder p{margin:0;font-size:.9375rem}.catalog-kiosks-section{padding:0 0 4rem}.catalog-kiosks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.catalog-kiosk-card{background:#fff;border-radius:16px;padding:2rem;border:2px solid #e5e7eb;transition:all .3s;cursor:pointer}.catalog-kiosk-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014;border-color:#3b82f6}.catalog-kiosk-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.catalog-kiosk-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.catalog-kiosk-name h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:700;color:#111827}.catalog-kiosk-name p{margin:0;font-size:.875rem;color:#6b7280}.catalog-kiosk-stats{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.catalog-kiosk-stat{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#374151}.catalog-kiosk-stat svg{color:#3b82f6;flex-shrink:0}.catalog-kiosk-stat strong{color:#111827}.catalog-kiosk-hours{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border-radius:8px;font-size:.875rem;color:#374151;margin-bottom:1.5rem}.catalog-kiosk-hours svg{color:#6b7280}.catalog-loading,.catalog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.catalog-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.catalog-empty svg{color:#d1d5db;margin-bottom:.5rem}.catalog-empty h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#374151}.catalog-empty p{margin:0;color:#6b7280}.catalog-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.catalog-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.catalog-modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#f3f4f6;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s;z-index:10;display:flex;align-items:center;justify-content:center;color:#6b7280}.catalog-modal-close:hover{background:#e5e7eb;color:#111827}.catalog-modal-header{text-align:center;padding:2.5rem 2rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:16px 16px 0 0}.catalog-modal-icon{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;backdrop-filter:blur(10px)}.catalog-modal-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.catalog-modal-header p{margin:0;font-size:1rem;opacity:.9}.catalog-modal-content{padding:2rem}.catalog-modal-section{margin-bottom:2rem}.catalog-modal-section:last-child{margin-bottom:0}.catalog-modal-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#111827;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.catalog-modal-stat-large{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#f9fafb;border-radius:12px}.catalog-modal-stat-large svg{color:#3b82f6;flex-shrink:0}.catalog-modal-stat-large strong{display:block;font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:.25rem}.catalog-modal-stat-large p{margin:0;font-size:.875rem;color:#6b7280}.catalog-modal-contact{background:#f9fafb;border-radius:12px;padding:1.25rem;margin:0;font-size:.9375rem;color:#374151;line-height:1.6}.catalog-modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb}@media(max-width:1024px){.catalog-kiosks-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.catalog-container{padding:0 1.5rem}.catalog-title-section h1{font-size:2rem}.catalog-kiosks-grid{grid-template-columns:1fr}.catalog-map-placeholder{height:300px}.catalog-modal{max-width:100%;max-height:100vh;border-radius:0}.catalog-modal-header{border-radius:0}}.order-form-page{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;min-height:100vh;background:#f9fafb}.order-container{max-width:1200px;margin:0 auto;padding:0 2rem 3rem}.order-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 0;margin-bottom:2rem}.order-header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:1rem}.order-back-button{padding:.5rem;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:all .2s}.order-back-button:hover{background:#e5e7eb}.order-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.order-form-column{background:#fff;border-radius:16px;padding:2.5rem;border:1px solid #e5e7eb}.order-form-header h1{font-size:2rem;font-weight:800;color:#111827;margin:0 0 .5rem}.order-form-header p{font-size:1rem;color:#6b7280;margin:0 0 2rem}.order-form-section{margin-bottom:2.5rem}.order-form-section h3{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 1.5rem}.order-form-group{margin-bottom:1.5rem}.order-form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.order-form-input,.order-form-select,.order-form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;color:#111827;transition:all .2s}.order-form-input:focus,.order-form-select:focus,.order-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.order-form-textarea{resize:vertical;min-height:100px}.order-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.order-form-hint{font-size:.8125rem;color:#6b7280;margin:.5rem 0 0;display:flex;align-items:center;gap:.5rem}.order-form-hint-warning{color:#f59e0b}.order-summary-column{position:sticky;top:2rem}.order-kiosk-preview{background:#fff;border-radius:16px;overflow:hidden;border:2px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}.order-kiosk-image{position:relative;width:100%;height:240px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);overflow:hidden}.order-kiosk-image img{transition:transform .3s ease}.order-kiosk-preview:hover .order-kiosk-image img{transform:scale(1.05)}.order-kiosk-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b981f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:100px;font-size:.8125rem;font-weight:600;box-shadow:0 2px 8px #10b9814d}.order-kiosk-badge svg{flex-shrink:0}.order-kiosk-info{padding:1.5rem}.order-kiosk-info h3{font-size:1.25rem;font-weight:800;color:#111827;margin:0 0 .5rem}.order-kiosk-location{font-size:.875rem;color:#6b7280;margin:0 0 1.25rem;display:flex;align-items:center;gap:.375rem}.order-kiosk-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.order-kiosk-stat{background:#f9fafb;border-radius:10px;padding:.875rem;text-align:center}.order-kiosk-stat-label{display:block;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.375rem}.order-kiosk-stat-value{display:block;font-size:1.125rem;font-weight:800;color:#3b82f6}.order-kiosk-divider{height:1px;background:#e5e7eb;margin:1.25rem 0}.order-kiosk-dates{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#eff6ff;border-radius:10px;margin-bottom:1rem}.order-kiosk-dates svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.order-kiosk-dates-label{font-size:.75rem;color:#3b82f6;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin:0 0 .25rem}.order-kiosk-dates-value{font-size:.9375rem;color:#1e40af;font-weight:600;margin:0}.order-kiosk-price{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;margin-bottom:1rem}.order-kiosk-price svg{color:#3b82f6;flex-shrink:0}.order-kiosk-price-label{display:block;font-size:.875rem;color:#1e40af;font-weight:600;margin-bottom:.25rem}.order-kiosk-price-value{display:block;font-size:1.875rem;font-weight:900;color:#1e3a8a;line-height:1}.order-kiosk-note{display:flex;gap:.75rem;padding:1rem;background:#fef3c7;border-radius:10px}.order-kiosk-note svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.order-kiosk-note p{font-size:.8125rem;color:#92400e;margin:0;line-height:1.5}.order-kiosk-empty{padding:3rem 2rem;text-align:center}.order-kiosk-empty-icon{width:72px;height:72px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#9ca3af;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.order-kiosk-empty h4{font-size:1.125rem;font-weight:700;color:#6b7280;margin:0 0 .5rem}.order-kiosk-empty p{font-size:.875rem;color:#9ca3af;margin:0;line-height:1.6}.order-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.order-btn:disabled{opacity:.5;cursor:not-allowed}.order-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.order-btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.order-btn-secondary{background:#fff;color:#374151;border:2px solid #e5e7eb}.order-btn-secondary:hover{border-color:#3b82f6;color:#3b82f6}.order-btn-large{padding:1rem 2rem}.order-btn-full{width:100%}.order-success{max-width:700px;margin:3rem auto;text-align:center;background:#fff;border-radius:16px;padding:3rem;border:1px solid #e5e7eb}.order-success-icon{width:96px;height:96px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem}.order-success h1{font-size:2rem;font-weight:800;color:#111827;margin:0 0 .75rem}.order-success-subtitle{font-size:1.125rem;color:#6b7280;margin:0 0 2.5rem}.order-success-content{text-align:left;margin-bottom:2.5rem}.order-success-content h3{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 1.5rem}.order-success-steps{list-style:none;padding:0;margin:0 0 2rem}.order-success-steps li{display:flex;align-items:flex-start;gap:1rem;padding:.875rem 1.25rem;background:#f9fafb;border-radius:10px;margin-bottom:.75rem;font-size:.9375rem;color:#374151}.order-success-steps svg{color:#22c55e;flex-shrink:0;margin-top:2px}.order-success-info{display:flex;gap:1rem;padding:1.25rem;background:#dbeafe;border-radius:10px}.order-success-info svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.order-success-info p{text-align:left;font-size:.875rem;color:#1e40af;margin:0;line-height:1.6}.order-success-actions{display:flex;gap:1rem}@media(max-width:1024px){.order-layout{grid-template-columns:1fr}.order-summary-column{position:static}}@media(max-width:768px){.order-container{padding:0 1rem 2rem}.order-form-column{padding:1.5rem}.order-form-row{grid-template-columns:1fr}.order-success{padding:2rem 1.5rem}.order-success-actions{flex-direction:column}}@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-mauve-50: oklch(98.5% 0 0); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}:root{--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@keyframes bounce-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes dot-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.6}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.animate-fade-in{animation:fade-in var(--duration-normal) var(--ease-out)}.animate-fade-out{animation:fade-out var(--duration-normal) var(--ease-in)}.animate-slide-up{animation:slide-up var(--duration-normal) var(--ease-out)}.animate-slide-down{animation:slide-down var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scale-in var(--duration-normal) var(--ease-out)}.animate-scale-out{animation:scale-out var(--duration-normal) var(--ease-in)}.animate-shake{animation:shake .5s var(--ease-in-out)}.animate-bounce-in{animation:bounce-in var(--duration-normal) var(--ease-bounce)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.kiosk-button{transition:all var(--duration-fast) var(--ease-smooth);will-change:transform}.kiosk-button:hover:not(:disabled){transform:translateY(-2px)}.kiosk-button:active:not(:disabled){transform:translateY(0);transition-duration:var(--duration-instant)}.kiosk-button__icon{transition:transform var(--duration-fast) var(--ease-smooth)}.kiosk-button:hover:not(:disabled) .kiosk-button__icon{transform:scale(1.05)}.modal-backdrop{animation:fade-in var(--duration-fast) var(--ease-out)}.modal-backdrop.closing{animation:fade-out var(--duration-fast) var(--ease-in)}.skeleton{background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.loader-dot{animation:dot-bounce 1.4s infinite ease-in-out both}.loader-dot:nth-child(1){animation-delay:-.32s}.loader-dot:nth-child(2){animation-delay:-.16s}.loader-dot:nth-child(3){animation-delay:0s}.ripple-container{position:relative;overflow:hidden}.ripple-effect{position:absolute;border-radius:50%;background:#fff9;pointer-events:none;animation:ripple .6s ease-out}.transition-opacity{transition:opacity var(--duration-fast) var(--ease-smooth)}.transition-transform{transition:transform var(--duration-fast) var(--ease-smooth)}.transition-colors{transition:background-color var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth)}.transition-all{transition:all var(--duration-fast) var(--ease-smooth)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.gpu-accelerated{transform:translateZ(0);will-change:transform}@media(prefers-reduced-motion:no-preference){.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}}:root{--toast-bg: rgba(255, 255, 255, .95);--toast-border: rgba(0, 0, 0, .08);--toast-text: #1a1a1a;--toast-description: #6b7280;--toast-success-bg: #10b981;--toast-error-bg: #ef4444;--toast-warning-bg: #f59e0b;--toast-info-bg: #3b82f6}.kiosk-toast{min-height:64px!important;padding:16px 20px!important;background:var(--toast-bg)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1.5px solid var(--toast-border)!important;border-radius:16px!important;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a,inset 0 1px #fffc!important;font-size:17px!important;font-weight:600!important;color:var(--toast-text)!important;animation:toastSlideIn .3s cubic-bezier(.4,0,.2,1)!important}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.kiosk-toast [data-description]{font-size:15px!important;font-weight:400!important;color:var(--toast-description)!important;margin-top:4px!important}.kiosk-toast [data-icon]{width:24px!important;height:24px!important}.kiosk-toast [data-button]{min-height:40px!important;padding:8px 16px!important;font-size:15px!important;font-weight:600!important;border-radius:10px!important;transition:all .2s ease!important}.kiosk-toast [data-button]:hover{transform:scale(1.05)!important}.kiosk-toast [data-button]:active{transform:scale(.98)!important}.kiosk-toast--success{border-left:4px solid var(--toast-success-bg)!important}.kiosk-toast--success [data-icon]{color:var(--toast-success-bg)!important}.kiosk-toast--error{border-left:4px solid var(--toast-error-bg)!important}.kiosk-toast--error [data-icon]{color:var(--toast-error-bg)!important}.kiosk-toast--warning{border-left:4px solid var(--toast-warning-bg)!important}.kiosk-toast--warning [data-icon]{color:var(--toast-warning-bg)!important}.kiosk-toast--info{border-left:4px solid var(--toast-info-bg)!important}.kiosk-toast--info [data-icon]{color:var(--toast-info-bg)!important}.kiosk-toast--loading{border-left:4px solid var(--toast-info-bg)!important}[data-sonner-toaster]{top:24px!important;right:24px!important;max-width:420px!important}[data-sonner-toaster]>*+*{margin-top:12px!important}@media(max-width:768px){.kiosk-toast{min-height:56px!important;padding:14px 18px!important;font-size:16px!important;border-radius:14px!important}.kiosk-toast [data-description]{font-size:14px!important}.kiosk-toast [data-icon]{width:22px!important;height:22px!important}[data-sonner-toaster]{top:16px!important;right:16px!important;left:16px!important;max-width:none!important}}@media(prefers-color-scheme:dark){:root{--toast-bg: rgba(30, 30, 30, .95);--toast-border: rgba(255, 255, 255, .12);--toast-text: #f5f5f5;--toast-description: #a1a1aa}}*:focus{outline:none}*:focus-visible{outline:3px solid var(--kp-blue);outline-offset:3px;border-radius:4px;transition:outline .15s ease}button:focus-visible,.btn:focus-visible{outline:4px solid rgba(59,130,246,.6);outline-offset:3px;box-shadow:0 0 0 8px #3b82f633,var(--shadow-button-hover, 0 8px 24px rgba(0, 0, 0, .2))}button:focus-visible:active,.btn:focus-visible:active{outline-color:#2563ebcc}.btn--primary:focus-visible{outline-color:#3b82f6cc;box-shadow:0 0 0 8px #3b82f640,var(--shadow-button-hover)}.btn--ghost:focus-visible{outline:3px solid var(--kp-blue);outline-offset:2px;background:#3b82f60d}.btn--danger:focus-visible{outline-color:#ef444499;box-shadow:0 0 0 8px #ef444433,var(--shadow-button-hover)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--kp-blue);outline-offset:2px;border-color:var(--kp-blue);box-shadow:0 0 0 4px #3b82f626,0 2px 8px #0000001a}input.error:focus-visible,textarea.error:focus-visible{outline-color:#ef4444;border-color:#ef4444;box-shadow:0 0 0 4px #ef444426,0 2px 8px #0000001a}a:focus-visible{outline:3px solid var(--kp-blue);outline-offset:3px;border-radius:3px;background:#3b82f614}nav a:focus-visible{outline-width:2px;outline-offset:2px}.kiosk-button:focus-visible{outline:5px solid rgba(59,130,246,.6);outline-offset:4px;box-shadow:0 0 0 12px #3b82f626,var(--shadow-button-hover);transform:translateY(-4px) scale(1.01)}.pill:focus-visible{outline:3px solid var(--kp-blue);outline-offset:2px;box-shadow:0 0 0 6px #3b82f61f}.pill.pill--active:focus-visible{outline-width:4px;box-shadow:0 0 0 8px #3b82f62e}.card:focus-visible{outline:3px solid var(--kp-blue);outline-offset:3px;box-shadow:var(--shadow-lg),0 0 0 6px #3b82f61a;transform:translateY(-2px)}.modal:focus-visible{outline:none}.modal *:focus-visible:first-child{outline-width:4px;outline-offset:4px}.skip-link{position:absolute;top:-100px;left:0;z-index:10000;padding:16px 24px;background:var(--kp-blue);color:#fff;font-weight:700;font-size:18px;text-decoration:none;border-radius:0 0 8px;box-shadow:var(--shadow-xl);transition:top .3s ease}.skip-link:focus{top:0;outline:4px solid white;outline-offset:-4px}.focus-trap{position:relative}.focus-trap:before,.focus-trap:after{content:"";position:absolute;width:0;height:0;opacity:0}body.keyboard-navigation *:focus-visible{outline-width:4px;outline-offset:4px}body:not(.keyboard-navigation) *:focus-visible{outline-width:2px;outline-offset:2px}@media(prefers-contrast:high){*:focus-visible{outline-width:4px;outline-color:currentColor;outline-offset:4px}button:focus-visible,.btn:focus-visible{outline-width:5px;outline-offset:4px}}@media(prefers-reduced-motion:reduce){*:focus-visible{transition:none}button:focus-visible,.btn:focus-visible,.kiosk-button:focus-visible{transform:none}}@media print{*:focus-visible{outline:none;box-shadow:none}}@media(prefers-color-scheme:dark){*:focus-visible{outline-color:#60a5fa}.skip-link{background:#1e3a8a;color:#dbeafe}}.force-focus-ring:focus{outline:4px solid var(--kp-blue)!important;outline-offset:4px!important}.no-focus-ring:focus,.no-focus-ring:focus-visible{outline:none!important;box-shadow:none!important}.focus-red:focus-visible{outline-color:#ef4444}.focus-green:focus-visible{outline-color:#22c55e}.focus-purple:focus-visible{outline-color:#a855f7}[aria-busy=true] *:focus-visible{outline-color:#64748b66;pointer-events:none}*:disabled:focus-visible,[aria-disabled=true]:focus-visible{outline-color:#64748b4d;cursor:not-allowed}.touch-ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,#3b82f64d,#3b82f633 40%,#3b82f600);pointer-events:none;transform:scale(0);opacity:1;animation:ripple-animation .6s ease-out;z-index:1000}@keyframes ripple-animation{0%{transform:scale(0);opacity:1}50%{opacity:.5}to{transform:scale(2);opacity:0}}.touch-target{min-width:44px;min-height:44px;position:relative}.touch-target--comfortable{min-width:56px;min-height:56px}.touch-target--large{min-width:64px;min-height:64px}.touch-target:after{content:"";position:absolute;inset:-8px;pointer-events:all}.swipe-indicator{position:fixed;top:50%;transform:translateY(-50%);padding:24px;background:#0f172ae6;color:#fff;border-radius:16px;font-size:18px;font-weight:700;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:9999;box-shadow:0 12px 40px #0006}.swipe-indicator--left{left:24px;animation:swipe-hint-left .5s ease-in-out}.swipe-indicator--right{right:24px;animation:swipe-hint-right .5s ease-in-out}.swipe-indicator.active{opacity:1}@keyframes swipe-hint-left{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-12px)}}@keyframes swipe-hint-right{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(12px)}}.pull-to-refresh-indicator{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-100%);padding:16px 24px;background:var(--kp-blue);color:#fff;border-radius:0 0 16px 16px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:12px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:9998;box-shadow:0 8px 24px #3b82f666}.pull-to-refresh-indicator.pulling,.pull-to-refresh-indicator.refreshing{transform:translate(-50%) translateY(0)}.pull-to-refresh-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pinch-zoom-hint{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 20px;background:#0f172ae6;color:#fff;border-radius:12px;font-size:14px;font-weight:600;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:9997}.pinch-zoom-hint.visible{opacity:1}.pinch-zoom-hint:before{content:"🤏";margin-right:8px;font-size:18px}.long-press-active{animation:long-press-pulse .5s ease-in-out}@keyframes long-press-pulse{0%{transform:scale(1);box-shadow:0 0 #3b82f666}50%{transform:scale(.98);box-shadow:0 0 0 8px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}.touch-active{transform:scale(.97);opacity:.9;transition:all .1s ease}button.touch-active,.btn.touch-active{transform:scale(.96);box-shadow:var(--shadow-sm)}.kiosk-button.touch-active{transform:translateY(-1px) scale(.99)}.swipeable-container{position:relative;overflow:hidden;touch-action:pan-y}.swipeable-container--vertical{touch-action:pan-x}.swipeable-content{transition:transform .3s cubic-bezier(.4,0,.2,1)}.swipeable-container:before,.swipeable-container:after{content:"";position:absolute;top:0;bottom:0;width:8px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.swipeable-container:before{left:0;background:linear-gradient(to right,rgba(59,130,246,.3),transparent)}.swipeable-container:after{right:0;background:linear-gradient(to left,rgba(59,130,246,.3),transparent)}.swipeable-container:hover:before,.swipeable-container:hover:after{opacity:1}@media(hover:none)and (pointer:coarse){button,.btn,a,input,select,textarea{min-height:44px}button:hover,.btn:hover,.kiosk-button:hover{transform:none}button:active,.btn:active{transform:scale(.96)}.kiosk-button:active{transform:translateY(-1px) scale(.99)}}@media(min-width:768px)and (max-width:1024px){.touch-target{min-width:48px;min-height:48px}.touch-target--comfortable{min-width:60px;min-height:60px}}@media(hover:hover)and (pointer:fine){.swipe-indicator,.pull-to-refresh-indicator,.pinch-zoom-hint{display:none}button:hover,.btn:hover{transform:translateY(-2px)}}@media(prefers-contrast:high){.touch-ripple{background:radial-gradient(circle,#00000080,#0000)}.swipe-indicator,.pull-to-refresh-indicator,.pinch-zoom-hint{background:#000;color:#fff;border:2px solid white}}@media(prefers-reduced-motion:reduce){.touch-ripple,.swipeable-content,.pull-to-refresh-indicator{animation:none;transition:none}.swipe-indicator--left,.swipe-indicator--right,.long-press-active{animation:none}}.no-touch-callout{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.scroll-lock{overflow:hidden;touch-action:none}.admin-layout{display:flex;height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:hidden}.admin-layout-sidebar{width:16rem;flex-shrink:0;background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid rgba(0,0,0,.06);box-shadow:4px 0 24px #0000000a;z-index:10}.admin-layout-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-layout-content{flex:1;overflow-y:auto;padding:2rem}.admin-layout-content-inner{max-width:1400px;margin:0 auto}.admin-sidebar{display:flex;flex-direction:column;height:100%}.admin-sidebar-logo{padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.06)}.admin-sidebar-logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:all .2s}.admin-sidebar-logo-link:hover{transform:translate(2px)}.admin-sidebar-logo-text h1{font-size:.875rem;font-weight:700;color:#0f172a;margin:0 0 .125rem;transition:color .2s}.admin-sidebar-logo-link:hover h1{color:#3b82f6}.admin-sidebar-logo-text p{font-size:.75rem;color:#64748b;margin:0}.admin-sidebar-nav{flex:1;padding:1.5rem 1rem;overflow-y:auto}.admin-sidebar-nav-list{display:flex;flex-direction:column;gap:.375rem}.admin-sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.admin-sidebar-nav-item:not(.active){color:#475569}.admin-sidebar-nav-item:not(.active):hover{background:#3b82f614;color:#3b82f6;transform:translate(2px)}.admin-sidebar-nav-item.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f640}.admin-sidebar-nav-item svg{width:1.25rem;height:1.25rem;flex-shrink:0}.admin-sidebar-nav-item:not(.active):hover svg{transform:scale(1.1)}.admin-sidebar-nav-badge{background:#ef4444;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:100px;font-weight:700;margin-left:auto}.admin-sidebar-user{padding:1rem;border-top:1px solid rgba(0,0,0,.06)}.admin-sidebar-user-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:1rem;margin-bottom:.5rem}.admin-sidebar-user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.admin-sidebar-user-avatar{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #3b82f64d}.admin-sidebar-user-avatar span,.admin-sidebar-user-avatar svg{color:#fff;font-weight:700;font-size:.875rem}.admin-sidebar-user-details{flex:1;min-width:0}.admin-sidebar-user-name{font-size:.875rem;font-weight:700;color:#0f172a;margin:0 0 .125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-sidebar-user-email{font-size:.75rem;color:#64748b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-sidebar-user-role{display:inline-flex;align-items:center;padding:.375rem .75rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.75rem;font-weight:700;border-radius:8px;box-shadow:0 2px 6px #3b82f633}.admin-sidebar-logout{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;border-radius:12px;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.admin-sidebar-logout:hover{background:#ef444414;color:#ef4444}.admin-sidebar-logout svg{width:1.25rem;height:1.25rem;transition:transform .2s}.admin-sidebar-logout:hover svg{transform:scale(1.1)}.admin-header{background:#fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;padding:1.25rem 2rem;position:sticky;top:0;z-index:5}.admin-header-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.admin-header-nav-buttons{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.admin-header-center{flex:1;min-width:0}.admin-header-breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:.5rem}.admin-header-breadcrumb{color:#64748b;text-decoration:none;transition:color .2s}.admin-header-breadcrumb:hover{color:#3b82f6}.admin-header-breadcrumb.active{color:#0f172a;font-weight:600}.admin-header-breadcrumb-separator{color:#cbd5e1}.admin-header-title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.025em}.admin-header-actions{display:flex;align-items:center;gap:.5rem}.admin-header-action-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#3b82f614;border:none;border-radius:10px;color:#475569;cursor:pointer;transition:all .2s;position:relative}.admin-header-action-btn:hover{background:#3b82f61f;color:#3b82f6;transform:translateY(-2px)}.admin-header-action-btn svg{width:1.25rem;height:1.25rem;transition:transform .2s}.admin-header-action-btn:hover svg{transform:scale(1.1)}.admin-header-notification-badge{position:absolute;top:.5rem;right:.5rem;width:.5rem;height:.5rem;background:#ef4444;border-radius:50%;border:2px solid rgba(255,255,255,.9)}.admin-login-page{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem 2rem 4rem}.admin-login-container{width:100%;max-width:28rem}.admin-login-card{background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.06);border-radius:24px;padding:3rem;box-shadow:0 8px 32px #00000014}.admin-login-logo{display:flex;justify-content:center;margin-bottom:2rem}.admin-login-header{text-align:center;margin-bottom:2.5rem}.admin-login-title{font-size:2rem;font-weight:800;color:#0f172a;margin:0 0 .75rem;letter-spacing:-.025em}.admin-login-subtitle{font-size:1rem;color:#64748b;margin:0}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.admin-login-field{display:flex;flex-direction:column;gap:.5rem}.admin-login-label{font-size:.875rem;font-weight:600;color:#334155;margin:0}.admin-login-input{width:100%;padding:.875rem 1rem;background:#fff;border:1.5px solid rgba(0,0,0,.1);border-radius:12px;font-size:.9375rem;color:#0f172a;transition:all .2s}.admin-login-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-login-input::placeholder{color:#94a3b8}.admin-login-submit{width:100%;padding:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.admin-login-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.admin-login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-login-error{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#dc2626;font-size:.875rem;text-align:center}.admin-login-footer{margin-top:2rem;text-align:center}.admin-login-back-link{display:inline-flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s;background:none;border:none;cursor:pointer;padding:.625rem 1rem;border-radius:10px}.admin-login-back-link:hover{color:#3b82f6;background:#3b82f614}.admin-login-back-link svg{transition:transform .2s}.admin-login-back-link:hover svg{transform:translate(-2px)}.admin-premium-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000a;transition:all .2s}.admin-premium-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.admin-premium-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f633}.admin-premium-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.admin-premium-button-secondary{background:#3b82f614;color:#3b82f6;border:1.5px solid rgba(59,130,246,.2);box-shadow:none}.admin-premium-button-secondary:hover{background:#3b82f61f;border-color:#3b82f666}@media(max-width:1366px)and (min-width:769px){.admin-layout-sidebar{width:14rem}.admin-header{padding:1rem 1.5rem}.admin-header-title{font-size:1.5rem}.admin-layout-content{padding:1.5rem}.admin-sidebar-logo{padding:1.25rem}.admin-sidebar-nav{padding:1.25rem .75rem}.admin-sidebar-nav-item{padding:.625rem .875rem;font-size:.8125rem}}@media(max-width:1200px)and (min-width:769px){.admin-layout-sidebar{width:13rem}.admin-sidebar-nav-item{gap:.5rem}.admin-header-breadcrumbs{font-size:.8125rem}}@media(max-width:768px){.admin-layout-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50;transform:translate(-100%);transition:transform .3s}.admin-layout-sidebar.open{transform:translate(0)}.admin-layout-content,.admin-header{padding:1rem}.admin-header-title{font-size:1.5rem}.admin-login-card{padding:2rem}.admin-login-title{font-size:1.5rem}}:root{--kp-bg-main: #f8fafc;--kp-bg-card: #ffffff;--kp-bg-soft: #f1f5f9;--kp-surface: #ffffff;--kp-surface-elevated: #ffffff;--kp-blue: #3b82f6;--kp-blue-hover: #2563eb;--kp-purple: #a855f7;--kp-purple-hover: #9333ea;--kp-green: #22c55e;--kp-green-hover: #16a34a;--kp-orange: #f97316;--kp-orange-hover: #ea580c;--kp-pink: #ec4899;--kp-pink-hover: #db2777;--kp-primary: #3b82f6;--kp-primary-hover: #2563eb;--kp-primary-dark: #1d4ed8;--kp-primary-soft: #60a5fa;--kp-secondary: #a855f7;--kp-success: #22c55e;--kp-danger: #ef4444;--kp-warning: #f59e0b;--kp-info: #3b82f6;--kp-text-main: #0f172a;--kp-text-secondary: #334155;--kp-text-tertiary: #94a3b8;--kp-text-muted: #64748b;--kp-text-primary: #3b82f6;--kp-text-invert: #ffffff;--kp-border: #e2e8f0;--kp-border-main: #e2e8f0;--kp-border-soft: #f1f5f9;--kp-border-strong: #cbd5e1;--text-xs: 14px;--text-sm: 16px;--text-base: 18px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 28px;--text-3xl: 32px;--text-4xl: 40px;--text-5xl: 48px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .18);--shadow-button: 0 4px 12px rgba(0, 0, 0, .15), 0 2px 6px rgba(0, 0, 0, .1);--shadow-button-hover: 0 8px 24px rgba(0, 0, 0, .2), 0 4px 12px rgba(0, 0, 0, .15);--touch-min: 44px;--touch-comfortable: 56px;--touch-large: 64px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Manrope,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#e0f2fe,#ddd6fe,#fae8ff);color:var(--kp-text-main);position:relative}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}body:before{width:600px;height:600px;background:radial-gradient(circle,#fff6,#fff0 70%);top:-200px;right:-100px}body:after{width:500px;height:500px;background:radial-gradient(circle,#fbcfe84d,#fbcfe800 70%);bottom:-150px;left:-150px}#root{position:relative;z-index:1}body{line-height:1.5;font-weight:500}h1{font-size:48px;font-weight:800;line-height:1.35;letter-spacing:-.02em}h2{font-size:32px;font-weight:700;line-height:1.3}h3{font-size:24px;font-weight:700;line-height:1.4}p{font-size:18px;font-weight:500;line-height:1.6;color:var(--kp-text-secondary)}.btn{padding:12px 20px;min-height:56px;min-width:56px;border-radius:10px;border:1px solid #e5e7eb;background:var(--kp-primary);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb40}.btn:active{transform:scale(.97);box-shadow:0 2px 8px #2563eb33}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--ghost{background:#fff;color:var(--kp-text-main)}.btn--danger{background:var(--kp-danger);border-color:var(--kp-danger)}.screen{height:100vh;max-height:100vh;max-width:1280px;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:0;align-items:center;overflow:hidden}.screen__statusbar{background:transparent;padding:24px 24px 16px;min-height:88px;width:100%;max-width:1280px;display:flex;justify-content:flex-end;align-items:center;position:relative}.screen__statusbar-logo{position:absolute;right:210px;top:24px;display:flex;align-items:center;padding-right:16px;border-right:2px solid rgba(15,23,42,.1);height:24px}.screen__statusbar-datetime{position:absolute;right:24px;top:24px;display:flex;align-items:center;gap:8px;color:var(--kp-text-muted)}.screen__statusbar-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.screen__statusbar-indicator--online{background:#22c55e;box-shadow:0 0 8px #22c55e80;animation:pulse-indicator 2s ease-in-out infinite}.screen__statusbar-indicator--offline{background:#ef4444;box-shadow:0 0 8px #ef444480}@keyframes pulse-indicator{0%,to{opacity:1}50%{opacity:.6}}.screen__statusbar-text{font-size:14px;font-weight:600;color:var(--kp-text-main)}.screen__statusbar-time{font-size:15px;font-weight:700;color:var(--kp-text-main);font-variant-numeric:tabular-nums}.screen__statusbar-date{font-size:15px;font-weight:600;color:var(--kp-text-secondary)}.screen__statusbar-date:after{content:"•";margin-left:8px;color:var(--kp-text-muted)}@media(max-width:800px){.screen__statusbar{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"slogan logo datetime";row-gap:0;padding:12px 16px;min-height:48px;align-items:center;position:relative}.screen__statusbar-datetime{position:static;grid-area:datetime;gap:6px}.screen__statusbar-time{font-size:14px}.screen__statusbar-date{font-size:13px}.screen__statusbar-logo{position:static;grid-area:logo;justify-self:end;height:auto;padding-right:8px;border-right:none}.screen__statusbar-logo .logo{gap:6px}.screen__statusbar-logo .logo__icon,.screen__statusbar-logo .logo__icon svg{width:28px;height:28px}.screen__statusbar-logo .logo__text{font-size:16px;font-weight:700}.slogan-line{grid-area:slogan;justify-content:flex-start;text-align:left;max-width:100%;padding:0;overflow:hidden}.slogan-line__text{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen__page-header{padding:8px 16px 12px}.screen__title{font-size:24px}.screen__subtitle{font-size:16px;margin-top:4px}.screen__content{padding:8px 12px 12px}}.screen__printer-status{position:fixed;bottom:24px;left:24px;display:flex;align-items:center;gap:10px;background:#fffffff2;backdrop-filter:blur(10px);padding:12px 20px;border-radius:12px;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(0,0,0,.05);z-index:100}.screen__printer-status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.screen__printer-status-indicator--online{background:#22c55e;box-shadow:0 0 8px #22c55e80;animation:pulse-indicator 2s ease-in-out infinite}.screen__printer-status-indicator--offline{background:#ef4444;box-shadow:0 0 8px #ef444480}.screen__printer-status-text{font-size:15px;font-weight:600;color:var(--kp-text-main)}.screen__page-header{width:100%;padding:16px 24px 20px;max-width:1280px}.screen__page-header--home{padding:0 24px 12px}.screen__header{display:flex;flex-direction:column;gap:6px;text-align:center;align-items:center;width:100%}.screen__header-top{display:flex;justify-content:center;align-items:flex-start;width:100%;position:relative}.screen__titles{width:100%;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.screen__title{margin:0;color:var(--kp-text-main);padding-bottom:4px}.screen__subtitle{margin:8px 0 0;color:var(--kp-text-main);opacity:.8;font-size:20px;font-weight:500}.screen__step{display:none}.screen__nav-buttons{position:absolute;right:0;top:0;display:flex;gap:12px;z-index:10}.screen__content{padding:16px 24px;display:flex;flex-direction:column;gap:16px;width:100%;max-width:1280px;align-items:center;margin-top:0;overflow-y:auto;overflow-x:visible;flex:1;-webkit-overflow-scrolling:touch}.screen__content::-webkit-scrollbar{width:10px}.screen__content::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.screen__content::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.screen__content::-webkit-scrollbar-thumb:hover{background:#0000004d}.screen__footer{margin-top:auto;color:var(--kp-text-muted);font-size:15px;display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.screen__footer-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.screen__footer-right{margin-left:auto}.screen__hint{margin:0;padding:0}@media(max-width:1280px)and (min-height:1000px){.screen__title{font-size:26px}.screen__subtitle{font-size:15px}.screen__statusbar{padding:8px 24px}.screen__statusbar-text{font-size:14px}.screen__statusbar-time{font-size:15px}.screen__page-header{padding:16px 24px 0}.screen{gap:0}.screen__content{padding:20px 40px 24px;gap:14px}body:before{width:450px;height:450px;top:-150px;right:-75px}body:after{width:380px;height:380px;bottom:-100px;left:-100px}}@media(max-height:1024px){.screen{padding-top:0;padding-bottom:16px}}@media(max-width:767px){.screen__statusbar{padding:12px 16px 8px}.screen__page-header{padding:8px 16px 0}.screen__page-header--home{padding:0 16px 8px}.screen__content{padding:0 24px 16px}.screen__header-top{flex-direction:column;gap:12px}.screen__titles{text-align:center;align-items:center}.screen__nav-buttons{align-self:center}}.panel{padding:24px;border-radius:16px;box-shadow:0 2px 8px #0000000a}.panel__title{font-size:18px;font-weight:700;margin-bottom:12px;color:var(--kp-text-main)}.panel__body{font-size:16px;line-height:1.6;color:var(--kp-text-secondary)}.section-spacing{margin-bottom:32px;width:100%}.section-spacing-sm{margin-bottom:20px;width:100%}.section-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:20px;color:var(--kp-text-main);width:100%}.section-subtitle{font-size:16px;font-weight:600;text-align:center;margin-bottom:16px;color:var(--kp-text-secondary);width:100%}.hint{font-size:15px;line-height:1.6;color:var(--kp-text-secondary)}
