:root{--primary:#cba876;--primary-dark:#b89565;--bg:#faf7f2;--surface:#fff;--card-bg:#fff;--text:#2c2c2c;--text-light:#666;--text-muted:#666;--border:#e6e0d4;--danger:#dc3545;--success:#557a60;--accent:#f97316;--apple-ease:cubic-bezier(.25, 1, .5, 1);--apple-spring:cubic-bezier(.34, 1.56, .64, 1);--apple-swift:cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg:#121212;--surface:#1e1e1e;--card-bg:#1e1e1e;--text:#e2e8f0;--text-light:#94a3b8;--text-muted:#94a3b8;--border:#2d3748;--primary:#d4b589;--primary-dark:#cba876}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);perspective:1200px;transform-style:preserve-3d;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;padding-bottom:env(safe-area-inset-bottom);font-family:Inter,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}.app-container{background:var(--bg);transform-origin:50%;will-change:transform, opacity, filter;min-height:100vh;margin:0;transition:background-color .3s,transform .8s cubic-bezier(.16,1,.3,1),opacity .8s,filter .8s}body.lock-active .app-container{opacity:.25;filter:blur(6px);pointer-events:none;transform:scale(.94)translateZ(-150px)rotateX(-4deg)}body.modal-active .app-container{opacity:.6;filter:blur(4px);pointer-events:none;transform:scale(.96)translateZ(-80px)rotateX(-2.5deg)}.app-header{background:var(--surface);padding:15px 20px;padding-top:calc(max(15px, env(safe-area-inset-top)));border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;transition:background-color .3s,border-color .3s;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000008}.logo-container{align-items:center;gap:12px;display:flex}.logo{border:2px solid var(--border);border-radius:50%;width:45px;height:45px;transition:border-color .3s}.logo-container h1{color:var(--text);margin:0;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:600;transition:color .3s}.badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:3px 8px;font-size:.65rem;font-weight:600}.btn-theme-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:all .3s;display:flex}.btn-theme-toggle:hover{background:var(--border);transform:scale(1.05)}.btn-logout{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 15px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.btn-logout:hover{background:var(--danger);color:#fff}.app-main{max-width:600px;margin:0 auto;padding:20px}.login-container{justify-content:center;align-items:center;padding:40px 0;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:40px;transition:background-color .3s,border-color .3s;box-shadow:0 8px 30px #0000000d}.login-icon{color:var(--primary);margin-bottom:20px;font-size:3rem}.login-card h2{color:var(--text);margin:0 0 10px;font-family:Playfair Display,serif;transition:color .3s}.login-card p{color:var(--text-light);margin-bottom:30px;font-size:.95rem;transition:color .3s}.form-section{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:25px;transition:background-color .3s,border-color .3s;box-shadow:0 4px 6px #00000005}.highlight-section{border:2px solid var(--primary);background:#8c735508}[data-theme=dark] .highlight-section{background:#d4b58908}.form-section h2{color:var(--primary);border-bottom:1px dashed var(--border);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;font-size:1.1rem;transition:color .3s,border-color .3s;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:15px;display:grid}@media (width<=600px){.grid-2{grid-template-columns:1fr}.inner-grid{grid-template-columns:1fr 1fr}}.input-group{flex-direction:column;gap:5px;display:flex}.full-width{width:100%}label{color:var(--text-muted);font-size:.85rem;font-weight:600;transition:color .3s}input,select,textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:12px 15px;font-family:inherit;font-size:1rem;transition:all .3s}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #8c73551a}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{box-shadow:0 0 0 3px #d4b58926}small{color:var(--text-muted);font-size:.75rem;transition:color .3s}.btn-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:40px;padding:16px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.btn-submit:hover{background:var(--primary-dark)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.login-card,.form-section,.btn-submit,.btn-logout,.btn-theme-toggle,.btn-primary,.btn-secondary,input,select,textarea{transition:transform .4s var(--apple-swift), box-shadow .4s var(--apple-swift), background-color .3s ease, border-color .3s ease}.login-card:hover,.form-section:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000000f}.btn-submit:hover,.btn-logout:hover,.btn-theme-toggle:hover,.btn-primary:hover,.btn-secondary:hover{transform:scale(1.02)translateY(-1px)}.btn-submit:active,.btn-logout:active,.btn-theme-toggle:active,.btn-primary:active,.btn-secondary:active,input:active,select:active,textarea:active{transition:transform .1s var(--apple-ease);transform:scale(.96)translateY(0)}.login-card{animation:loginZoomIn .8s var(--apple-spring) forwards;will-change:transform, opacity}@keyframes loginZoomIn{0%{opacity:0;filter:blur(5px);transform:scale(.9)translateY(20px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.form-section{animation:sectionFade .6s var(--apple-swift) forwards}@keyframes sectionFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.toast-container{top:max(20px, env(safe-area-inset-top));z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;right:20px}.toast{-webkit-backdrop-filter:blur(15px);color:#fff;animation:toastSpring .5s var(--apple-spring) forwards;will-change:transform, opacity;background:#2c2c2cf2;border:1px solid #ffffff0f;border-radius:12px;padding:14px 22px;font-size:.95rem;font-weight:500;box-shadow:0 10px 30px #00000026}[data-theme=dark] .toast{border:1px solid var(--border);background:#1e1e1ef2}.toast.error{background:#dc3545f2;border-color:#dc354533}.toast.success{background:#557a60f2;border-color:#557a6033}@keyframes toastSpring{0%{opacity:0;transform:translate(120%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur();opacity:0;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .5s cubic-bezier(.16,1,.3,1),backdrop-filter .5s cubic-bezier(.16,1,.3,1),background-color .5s;display:none;position:fixed;top:0;left:0;overflow:hidden}.modal-overlay[style*="display: flex"],.modal-overlay[style*="display: block"]{opacity:1;-webkit-backdrop-filter:blur(16px)!important;background-color:#0000004d!important;display:flex!important}.receipt-modal{background:var(--card-bg);text-align:center;border:1px solid var(--border);opacity:0;width:90%;max-width:420px;transition:transform .5s var(--apple-spring), opacity .4s var(--apple-swift);border-radius:24px;padding:40px;transform:scale(.85)translateY(15px);box-shadow:0 20px 50px #00000026}.modal-overlay[style*="display: flex"] .receipt-modal,.modal-overlay[style*="display: block"] .receipt-modal{opacity:1;transform:scale(1)translateY(0)}.success-icon{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:2rem;display:flex;box-shadow:0 8px 20px #557a604d}.receipt-modal h2{color:var(--text);margin-bottom:10px;font-family:Playfair Display,serif}.receipt-modal p{color:var(--text-muted);margin-bottom:20px;font-size:.95rem}.receipt-actions{flex-direction:column;gap:10px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:600}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px #cba8764d}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}button,input[type=button],input[type=submit],input[type=reset],input[type=text],select{appearance:none}.biometric-overlay{background:var(--bg);z-index:10000;opacity:0;touch-action:none;will-change:transform, opacity;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .6s;display:none;position:fixed;top:0;left:0;overflow:hidden;transform:scale(1)rotateX(0)translateZ(0)}[data-theme=dark] .biometric-overlay{background:var(--bg)}.biometric-overlay.active{opacity:1;display:flex}body.lock-active,body.modal-active{touch-action:none;width:100%!important;height:100vh!important;position:fixed!important;overflow:hidden!important}.biometric-overlay.unlocked-exit{opacity:0;pointer-events:none;transform:rotateX(15deg)scale(.9)translateZ(-200px)}.lock-card{text-align:center;width:100%;max-width:420px;box-shadow:none;transform-style:preserve-3d;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.95)}.biometric-overlay.active .lock-card{transform:scale(1)}.lock-logo-container{margin-bottom:25px}.lock-logo{border:3px solid var(--primary);border-radius:50%;width:90px;height:90px;transition:transform .3s;box-shadow:0 8px 30px #cba87640}.lock-logo:hover{transform:scale(1.05)}.lock-card h2{color:var(--text);margin-bottom:12px;font-family:Playfair Display,serif;font-size:1.8rem}.lock-card p{color:var(--text-light);margin-bottom:30px;font-size:.95rem}.btn-unlock{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 6px 20px #cba8764d}.btn-unlock:hover{background:var(--primary-dark);transform:scale(1.02)translateY(-1px)}.btn-unlock:active{transform:scale(.96)translateY(0)}.pin-dots{justify-content:center;gap:18px;margin:25px 0 35px;display:flex}.pin-dot{border:2px solid var(--primary);border-radius:50%;width:16px;height:16px;transition:background-color .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}.pin-dot.filled{background-color:var(--primary);transform:scale(1.25)}.pin-pad{grid-template-columns:repeat(3,1fr);gap:20px;max-width:300px;margin:0 auto;display:grid}.pin-btn{border:1px solid var(--border);background:var(--surface);width:72px;height:72px;color:var(--text);cursor:pointer;transition:all .4s var(--apple-swift);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:1.6rem;font-weight:500;display:flex;box-shadow:0 4px 12px #00000005}.pin-btn:hover{background:var(--border);transform:scale(1.1)}.pin-btn:active{transition:transform .1s var(--apple-ease);transform:scale(.9)}.pin-btn.action-btn{color:var(--primary);box-shadow:none;background:0 0;border-color:#0000}.pin-btn.action-btn:hover{color:var(--primary-dark);background:#cba8761a}@keyframes shake3D{0%,to{transform:rotateY(0)translate(0)}15%{transform:rotateY(-10deg)translate(-12px)}30%{transform:rotateY(8deg)translate(10px)}45%{transform:rotateY(-6deg)translate(-8px)}60%{transform:rotateY(4deg)translate(6px)}75%{transform:rotateY(-2deg)translate(-3px)}}.shake{backface-visibility:hidden;perspective:1000px;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake3D;transform:translate(0,0)}.settings-modal{background:var(--surface);border:1px solid var(--border);opacity:0;width:92%;max-width:500px;max-height:88vh;transform-style:preserve-3d;will-change:transform, opacity;border-radius:24px;flex-direction:column;padding:24px 20px;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .5s;display:flex;overflow:hidden;transform:scale(.85)rotateX(-12deg)translateY(45px)translateZ(-60px);box-shadow:0 20px 60px #00000026}.modal-overlay[style*="display: flex"] .settings-modal,.modal-overlay[style*="display: block"] .settings-modal{opacity:1;transform:scale(1)rotateX(0)translateY(0)translateZ(0)}.settings-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.settings-header h2{color:var(--text);align-items:center;margin:0;font-family:Playfair Display,serif;font-size:1.3rem;display:flex}.btn-close-modal{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;line-height:1;transition:color .25s,transform .25s;display:flex}.btn-close-modal:hover{color:var(--danger);background:#dc35450d;transform:scale(1.15)rotate(90deg)}.settings-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:16px;padding-right:4px;display:flex;overflow-y:auto}.settings-footer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;margin-top:10px;padding-top:15px}.settings-section-card{background:var(--bg);border:1px solid var(--border);text-align:left;border-radius:16px;padding:20px;transition:border-color .3s;box-shadow:0 4px 12px #00000003}.settings-section-card:hover{border-color:var(--primary)}.settings-profile-info{align-items:center;gap:16px;display:flex}.settings-profile-info .profile-avatar{color:var(--primary);font-size:3.2rem}.settings-profile-info .profile-details{flex-direction:column;gap:4px;display:flex}.settings-profile-info .profile-name{color:var(--text);font-size:1.15rem;font-weight:600}.settings-profile-info .profile-code{color:var(--text-muted);letter-spacing:.5px;font-family:monospace;font-size:.85rem}.settings-section-card h3.section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--primary);border:none;align-items:center;gap:8px;margin:0 0 15px;padding-bottom:0;font-size:.95rem;display:flex}.setting-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.setting-row:last-child{border-bottom:none;padding-bottom:0}.setting-info{flex-direction:column;gap:3px;padding-right:10px;display:flex}.setting-title{color:var(--text);font-size:.95rem;font-weight:550}.setting-desc{color:var(--text-muted);font-size:.8rem}.btn-small{border-radius:8px;padding:8px 16px;font-size:.85rem}.switch{flex-shrink:0;width:50px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border);transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:22px;height:22px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 5px #00000026}input:checked+.slider{background-color:var(--success)}input:checked+.slider:before{transform:translate(22px)}.switch:active .slider:before{width:28px}input:checked+.switch:active .slider:before{transform:translate(16px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.settings-info-footer{text-align:center;color:var(--text-muted);flex-direction:column;gap:4px;margin-top:10px;font-size:.8rem;display:flex}.login-logo-header{margin-bottom:25px}.login-header-logo{border:3px solid var(--primary);width:84px;height:84px;transition:transform .4s var(--apple-spring);border-radius:50%;box-shadow:0 8px 30px #cba87640}.login-header-logo:hover{transform:scale(1.06)rotate(5deg)}.input-with-icon{width:100%;position:relative}.input-icon-left{color:var(--primary);pointer-events:none;font-size:1.1rem;transition:color .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-field label{text-transform:uppercase;letter-spacing:1px;color:var(--primary);text-align:left;align-items:center;gap:6px;margin-bottom:8px;font-size:.78rem;font-weight:700;display:flex}.login-field input:focus+.input-icon-left{color:var(--primary-dark)}.input-with-icon input{width:100%!important}.tab-navigation{background:var(--surface);border:1px solid var(--border);transition:transform .4s var(--apple-swift);border-radius:12px;gap:5px;margin-bottom:25px;padding:6px;display:flex;box-shadow:0 4px 15px #00000005}.tab-btn{color:var(--text-light);cursor:pointer;transition:all .3s var(--apple-swift);background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.95rem;font-weight:600;display:flex}.tab-btn:hover{background:var(--bg);color:var(--text)}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #cba87640}.history-controls{align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-box{flex:1;align-items:center;display:flex;position:relative}.search-box input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:12px 15px 12px 42px;font-size:.95rem;transition:all .3s}.search-box input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #cba8761a}.search-icon{color:var(--text-light);pointer-events:none;font-size:.95rem;position:absolute;left:15px}.btn-refresh{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;width:46px;height:46px;transition:all .4s var(--apple-swift);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.btn-refresh:hover{background:var(--border)}.btn-refresh i{transition:transform .4s var(--apple-swift)}.btn-refresh:hover i{transform:rotate(180deg)}.btn-refresh:active{transform:scale(.92)}.history-list{flex-direction:column;gap:15px;padding-bottom:40px;display:flex}.history-loading,.history-empty{text-align:center;color:var(--text-light);background:var(--surface);border:1px dashed var(--border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:45px 20px;display:flex;box-shadow:0 4px 12px #00000003}.history-loading i{color:var(--primary);font-size:2rem}.history-empty i{color:var(--text-light);opacity:.7;font-size:2.2rem}.history-empty p{margin:0;font-size:.95rem}.booking-card{background:var(--surface);border:1px solid var(--border);transition:all .4s var(--apple-swift);transform-style:preserve-3d;will-change:transform, box-shadow;text-align:left;border-radius:14px;padding:20px;box-shadow:0 4px 12px #00000003}.booking-card:hover{border-color:var(--primary);transform:translateY(-2px)scale(1.01);box-shadow:0 8px 24px #0000000a}.booking-card-header{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.booking-id{color:var(--text-light);letter-spacing:.5px;font-family:monospace;font-size:.92rem;font-weight:700}.booking-status{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:600}.status-prebooking{color:var(--primary-dark);background:#cba8761a}.status-confirmed,.status-paid{color:var(--success);background:#557a601a}.status-cancelled{color:var(--danger);background:#dc35451a}.guest-name{color:var(--text);align-items:center;gap:8px;margin-bottom:12px;font-size:1.1rem;font-weight:600;display:flex}.guest-name i{color:var(--primary);font-size:1.05rem}.booking-meta-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=480px){.booking-meta-grid{grid-template-columns:1fr 1fr}}.meta-item{color:var(--text-light);align-items:center;gap:8px;font-size:.88rem;display:flex}.meta-item i{color:var(--primary);text-align:center;width:16px;font-size:.9rem}.meta-item.total-price{color:var(--primary-dark);font-weight:600}@media (width<=480px){.app-main{padding:12px!important}.login-container{box-sizing:border-box!important;width:100%!important;padding:20px 0!important}.login-card{box-sizing:border-box!important;border-radius:16px!important;width:100%!important;max-width:100%!important;padding:24px 16px!important}.input-with-icon input{letter-spacing:2px!important;box-sizing:border-box!important;width:100%!important;padding-left:40px!important;font-size:1.05rem!important}.input-icon-left{left:12px!important}}#receiptModalOverlay.modal-overlay{opacity:0;background:var(--bg)!important;z-index:999999!important;-webkit-backdrop-filter:none!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;transition:opacity .4s cubic-bezier(.16,1,.3,1)!important;display:none!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important}#receiptModalOverlay.modal-overlay.active{opacity:1!important;display:flex!important}#receiptModalOverlay .receipt-modal{opacity:0;transform:scale(.96)translateY(10px);background:var(--bg)!important;box-shadow:none!important;width:100%!important;max-width:100%!important;min-height:100%!important;transition:transform .6s var(--apple-spring), opacity .5s var(--apple-swift)!important;box-sizing:border-box!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:40px 24px!important;display:flex!important}#receiptModalOverlay.modal-overlay.active .receipt-modal{opacity:1!important;transform:scale(1)translateY(0)!important}#receiptModalOverlay .success-icon{animation:successPulse 1.2s var(--apple-spring) infinite alternate;width:75px!important;height:75px!important;margin-bottom:20px!important;font-size:2.2rem!important}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 8px 20px #557a6033}to{transform:scale(1.08);box-shadow:0 12px 30px #557a6066}}#receiptModalOverlay h2{color:var(--text)!important;margin-bottom:12px!important;font-size:1.8rem!important;font-weight:700!important}#receiptModalOverlay p{color:var(--text-muted)!important;max-width:320px!important;margin-bottom:20px!important;font-size:1rem!important;line-height:1.4!important}#receiptModalOverlay .receipt-actions{flex-direction:column!important;gap:12px!important;width:100%!important;max-width:320px!important;margin-top:20px!important;display:flex!important}#receiptModalOverlay .btn-primary,#receiptModalOverlay .btn-secondary{box-sizing:border-box!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:100%!important;padding:14px!important;font-size:1rem!important;display:flex!important}.ios-install-drawer{-webkit-backdrop-filter:blur(20px)saturate(190%);z-index:99999;width:100%;padding:16px 20px 40px;padding-bottom:calc(max(30px, env(safe-area-inset-bottom) + 15px));opacity:0;will-change:transform, opacity;box-sizing:border-box;background:#ffffffd9;border-top:1px solid #0000001a;border-radius:20px 20px 0 0;max-width:600px;margin:0 auto;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .5s;position:fixed;bottom:0;left:50%;transform:translate(-50%)translateY(100%);box-shadow:0 -10px 30px #00000014}[data-theme=dark] .ios-install-drawer{background:#1e1e1ed9;border-top-color:#ffffff14}.ios-install-drawer.active{opacity:1;transform:translate(-50%)translateY(0)}.ios-install-handle{background-color:#00000026;border-radius:10px;width:36px;height:5px;margin:0 auto 15px}[data-theme=dark] .ios-install-handle{background-color:#fff3}.ios-install-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ios-install-app-logo{border:1px solid var(--border);border-radius:10px;width:48px;height:48px}.ios-install-app-details h3{color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.ios-install-app-details p{color:var(--text-light);margin:0;font-size:.8rem}.btn-close-ios-drawer{color:var(--text-muted);cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-size:1rem;display:flex}[data-theme=dark] .btn-close-ios-drawer{background:#ffffff14}.ios-install-lead{color:var(--text);margin-bottom:20px;font-size:.9rem;line-height:1.4}.ios-install-steps{flex-direction:column;gap:14px;display:flex}.ios-install-step{text-align:left;align-items:center;gap:14px;display:flex}.step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;font-weight:700;display:flex}.step-desc{color:var(--text);font-size:.88rem;line-height:1.4}.share-icon-wrap,.add-icon-wrap{vertical-align:middle;background:#0000000a;border-radius:6px;justify-content:center;align-items:center;padding:2px 6px;font-size:.9rem;display:inline-flex}[data-theme=dark] .share-icon-wrap,[data-theme=dark] .add-icon-wrap{background:#ffffff14}.pwa-blocker-overlay{background:radial-gradient(circle at top left, #cba87614, transparent 40%), radial-gradient(circle at bottom right, #557a600f, transparent 40%), var(--bg);z-index:999999;box-sizing:border-box;-webkit-backdrop-filter:blur(20px);width:100%;height:100%;animation:pwaBlockerFadeIn .6s var(--apple-ease) forwards;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}@keyframes pwaBlockerFadeIn{0%{opacity:0}to{opacity:1}}.pwa-blocker-card{background:var(--surface);border:1px solid var(--border);text-align:center;opacity:0;width:100%;max-width:480px;animation:pwaCardSlideUp .8s var(--apple-spring) forwards;box-sizing:border-box;border-radius:28px;flex-direction:column;gap:20px;padding:35px 30px;animation-delay:.1s;display:flex;transform:scale(.92)translateY(20px);box-shadow:0 20px 50px #0000000f}@keyframes pwaCardSlideUp{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.pwa-blocker-header{text-align:left;align-items:center;gap:16px;display:flex}.pwa-blocker-app-logo{border:1px solid var(--border);border-radius:14px;width:60px;height:60px;box-shadow:0 4px 15px #0000000d}.pwa-blocker-app-details h3{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.pwa-blocker-app-details p{color:var(--text-light);margin:4px 0 0;font-size:.85rem}.pwa-blocker-divider{background:linear-gradient(to right, transparent, var(--border), transparent);width:100%;height:1px}.pwa-instruction-section{text-align:left}.pwa-instruction-title{color:var(--primary-dark);align-items:center;gap:8px;margin-bottom:12px;font-size:1.1rem;font-weight:600;display:flex}.pwa-instruction-lead{color:var(--text);margin-bottom:24px;font-size:.95rem;line-height:1.5}.btn-pwa-install{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;width:100%;transition:all .3s var(--apple-swift);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;padding:16px 24px;font-size:1.1rem;font-weight:600;animation:2s infinite alternate pwaPulseGlow;display:inline-flex;box-shadow:0 6px 20px #cba8764d}@keyframes pwaPulseGlow{0%{box-shadow:0 6px 20px #cba87640}to{transform:scale(1.01);box-shadow:0 8px 25px #cba87673}}.btn-pwa-install:hover{background:linear-gradient(135deg, var(--primary-dark), #9a7647);transform:translateY(-1px)}.btn-pwa-install:active{transition:transform .1s var(--apple-ease);transform:scale(.96)}.pwa-steps-list{flex-direction:column;gap:16px;display:flex}.pwa-step-item{align-items:flex-start;gap:14px;display:flex}.pwa-step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:2px;font-size:.85rem;font-weight:700;display:flex}.pwa-step-text{color:var(--text);font-size:.9rem;line-height:1.5}.pwa-step-note{color:var(--danger);background:#dc35450d;border:1px solid #dc35451a;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:.8rem;display:flex}.pwa-blocker-footer{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:.78rem;display:flex}body.pwa-block-active .app-container{opacity:.15!important;filter:blur(8px)!important;pointer-events:none!important;transform:scale(.95)translateZ(-100px)!important}body.pwa-block-active{touch-action:none;width:100%!important;height:100vh!important;position:fixed!important;overflow:hidden!important}@media (width<=480px){.pwa-blocker-card{border-radius:20px;gap:15px;padding:25px 20px}.pwa-blocker-app-logo{border-radius:12px;width:50px;height:50px}.pwa-blocker-app-details h3{font-size:1.15rem}}