@font-face{font-family:Vodafone Regular;src:url(/fonts/vodafone-regular-en.woff) format("woff");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-007F,U+0080-00FF,U+0100-017F,U+0180-024F,U+02B0-02FF,U+0300-036F,U+2000-206F,U+2070-209F,U+20A0-20CF,U+2100-214F,U+2150-218F}@font-face{font-family:Vodafone Regular;src:url(/fonts/vodafone-regular-ar.woff) format("woff");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg-page: #f8f9fc;--bg-card: #ffffff;--bg-subtle: #f1f3f9;--primary-blue: #1e40af;--primary-blue-gradient: linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%);--blue-soft: #eff6ff;--blue-badge: #dbeafe;--blue-glow: 0 10px 25px -5px rgba(30, 64, 175, .35);--text-main: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--text-white: #ffffff;--border-light: #e2e8f0;--border-subtle: #f1f5f9;--radius-xl: 7px;--radius-lg: 7px;--radius-md: 7px;--radius-sm: 7px;--radius-full: 7px;--font-family: "Vodafone Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Vodafone Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-numbers: "Vodafone Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family);-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}button,.service-item,.action-pill,.service-list-card,.search-trigger,.nav-tab{-webkit-tap-highlight-color:transparent!important;user-select:none;-webkit-user-select:none;touch-action:manipulation}input,textarea,select,button{font-family:var(--font-family)!important}html{font-size:14.5px;-webkit-text-size-adjust:100%}html,body,#root{width:100%;margin:0;padding:0;background-color:var(--bg-page)}body{font-family:var(--font-family);color:var(--text-main);direction:rtl;min-height:100vh}.mobile-wrapper{width:100%;max-width:100%;margin:0 auto;min-height:100vh;background-color:var(--bg-page);display:flex;flex-direction:column;position:relative;padding-top:65px;padding-bottom:85px}.app-header{position:fixed;top:0;left:0;right:0;width:100%;height:65px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background-color:#f8f9fcfa;z-index:1000;border-bottom:1.5px solid rgba(29,78,216,.35);box-shadow:0 3px 12px -2px #1d4ed814,0 1px 3px #00000008;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.header-title-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;height:38px;overflow:hidden}.header-flipper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.header-title{font-size:1.05rem;font-weight:800;color:var(--primary-blue);letter-spacing:-.2px;text-align:center;margin:0;line-height:1.2}.header-flip-text,.header-flip-balance{position:absolute;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.header-title-animated{animation:fadeIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.category-active-title{color:var(--text-main);font-size:1.02rem;font-weight:700;animation:fadeIn .25s ease forwards}.header-dual-balance-simple{display:flex;align-items:center;gap:8px}.header-balance-chip{display:flex;align-items:baseline;gap:2.5px}.header-balance-sep{color:#1d4ed840;font-size:.8rem;font-weight:300}.balance-chip-label{font-size:.68rem;font-weight:600;color:var(--text-muted)}.balance-chip-val{font-size:.88rem;font-weight:800;color:var(--primary-blue);letter-spacing:-.2px;font-family:var(--font-numbers)!important}.balance-chip-curr{font-size:.65rem;font-weight:600;color:var(--primary-blue);font-family:var(--font-numbers)!important}.header-left-actions{display:flex;align-items:center;gap:2px}.header-icon-btn{background:none;border:none;padding:8px;width:38px;height:38px;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s ease;user-select:none;-webkit-user-select:none}@media (hover: hover) and (pointer: fine){.header-icon-btn:hover{color:var(--primary-blue)}}.header-icon-btn:active{opacity:.65;transform:none!important}.header-icon-btn svg,.back-btn svg{transform:none!important;transition:none!important}.flip-in{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.flip-out{opacity:0;transform:translateY(22px) scale(.85);pointer-events:none}.fade-in{animation:fadeIn .25s ease forwards}.header-direct-btn{background:none;border:none;padding:8px;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .25s ease}.header-direct-btn:hover,.header-direct-btn:active{color:var(--primary-blue);transform:scale(1.12)}.header-direct-btn:active .header-icon-animated{transform:rotate(180deg);transition:transform .4s ease}.notification-dot-direct{position:absolute;top:7px;left:7px;width:7px;height:7px;background-color:#ef4444;border-radius:7px;border:1.5px solid var(--bg-page);animation:pulse-dot 1.8s infinite}@keyframes pulse-dot{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.15);box-shadow:0 0 0 5px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.scroll-collapsible-wrapper{max-height:220px;opacity:1;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,margin .35s cubic-bezier(.4,0,.2,1)}.scroll-collapsible-wrapper.collapsed{max-height:0;opacity:0;margin-top:-10px;pointer-events:none}.app-branding-container{padding:10px 14px 6px}.app-branding-row{display:flex;align-items:center;justify-content:space-between}.branding-title-box{display:flex;flex-direction:column;gap:2px}.branding-title{font-size:1.45rem;font-weight:900;color:var(--primary-blue);letter-spacing:.5px;line-height:1.25;margin:0;font-family:var(--font-family)}.branding-subtitle{font-size:.78rem;color:var(--text-muted);font-weight:500}.branding-eye-btn{background:var(--bg-card);border:1px solid var(--border-light);border-radius:7px;color:var(--primary-blue);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 1px 4px #00000008}.branding-eye-btn:active{transform:scale(.94);background-color:var(--blue-soft)}.quick-actions-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 12px 16px;width:100%}.action-pill{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--bg-card);padding:14px 4px;border-radius:7px;border:1px solid var(--border-light);cursor:pointer;transition:all .25s ease;box-shadow:0 2px 6px #00000005;position:relative;overflow:hidden}.action-pill{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--bg-card);padding:14px 4px;border-radius:7px;border:1px solid var(--border-light);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 6px #00000005;position:relative;overflow:hidden}@media (hover: hover) and (pointer: fine){.action-pill:hover{transform:translateY(-2px);border-color:var(--primary-blue);box-shadow:0 6px 16px #1e40af1f}.action-pill:hover .watermark-icon{opacity:.1;transform:rotate(0) scale(1.12)}.action-pill:hover .direct-icon{transform:translateY(-3px) scale(1.15);filter:drop-shadow(0 4px 8px rgba(30,64,175,.3))}.action-pill:hover .direct-icon.animated-icon{animation:float-icon 1.2s infinite ease-in-out}}.action-pill:active{transform:scale(.97)}.action-pill span{font-size:.8rem;font-weight:700;color:var(--text-main);text-align:center;position:relative;z-index:2}.watermark-icon{position:absolute;bottom:-14px;left:-14px;color:#1d4ed8;opacity:.05;pointer-events:none;z-index:1;transform:rotate(-10deg);transition:opacity .3s ease}.direct-icon{color:var(--primary-blue);position:relative;z-index:2;transition:transform .25s ease}.section-wrapper{padding:14px 12px 20px;width:100%}.compact-actions-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.compact-action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:7px;font-size:.98rem;font-weight:900!important;font-family:Vodafone Regular,sans-serif!important;cursor:pointer;border:none;transition:all .2s ease;letter-spacing:.6px}.compact-action-btn span{font-family:Vodafone Regular,sans-serif!important;font-weight:900!important}.blue-action-btn{background:var(--primary-blue-gradient);color:#fff;box-shadow:0 2px 8px #1e40af40;border:1px solid rgba(255,255,255,.12)}.blue-action-btn:active{transform:scale(.96);opacity:.92}.dedicated-page{padding-top:14px}.dedicated-page .section-header{margin-top:4px;margin-bottom:14px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title{font-size:1rem;font-weight:800;color:var(--text-main)}.section-link{font-size:.82rem;color:var(--primary-blue);font-weight:600;text-decoration:none;cursor:pointer}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.service-item{width:100%;background:var(--bg-card);border:1px solid var(--border-light);border-radius:7px;padding:16px 6px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #00000005;position:relative;overflow:hidden;min-height:94px}@media (hover: hover) and (pointer: fine){.service-item:hover{transform:translateY(-2px);border-color:var(--primary-blue);box-shadow:0 8px 18px #1e40af1f}.service-item:hover .watermark-icon{opacity:.1;transform:rotate(0) scale(1.12)}.service-item:hover .direct-icon{transform:translateY(-3px) scale(1.15);filter:drop-shadow(0 4px 8px rgba(30,64,175,.3))}.service-item:hover .direct-icon.animated-icon{animation:float-icon 1.2s infinite ease-in-out}.service-item:hover .direct-service-img{transform:translateY(-3px) scale(1.15)}}.service-item:active{transform:scale(.97)}.service-item span{font-size:.8rem;font-weight:700;color:var(--text-main);line-height:1.3;position:relative;z-index:2}@keyframes float-icon{0%,to{transform:translateY(0) scale(1.15)}50%{transform:translateY(-4px) scale(1.18)}}.direct-service-img{width:38px;height:38px;object-fit:contain;position:relative;z-index:2;transition:transform .25s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.services-list-container{display:flex;flex-direction:column;gap:8px;width:100%}.service-list-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:7px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 4px #00000004}@media (hover: hover) and (pointer: fine){.service-list-card:hover{transform:translate(-3px);border-color:var(--primary-blue);background-color:#fafbfd;box-shadow:0 4px 12px #1e40af14}.service-list-card:hover .chevron-icon{color:var(--primary-blue);transform:translate(-2px)}}.service-list-card:active{transform:scale(.98)}.service-list-info{display:flex;align-items:center;gap:12px;flex:1}.service-list-icon-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;background:transparent!important;border:none!important;box-shadow:none!important}.service-hero-icon-box{position:relative}.landline-overlay-badge{position:absolute;top:0;left:0;width:17px;height:17px;background:var(--primary-blue);color:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000040;border:1.5px solid #ffffff;z-index:5;pointer-events:none}.landline-overlay-badge.hero-badge{top:1px;left:1px;width:22px;height:22px;box-shadow:0 2px 6px #0000004d}.service-list-img{width:38px;height:38px;object-fit:contain;background:transparent!important}img[src*="dsfj.png"]{border-radius:7px;overflow:hidden}.service-list-texts{display:flex;flex-direction:column;gap:2px}.service-list-name{font-size:.9rem;font-weight:700;color:var(--text-main);line-height:1.3}.service-list-code{font-size:.72rem;color:var(--text-muted)}.service-list-action{display:flex;align-items:center;gap:4px;color:var(--primary-blue)}.service-pay-label{font-size:.78rem;font-weight:700}.chevron-icon{color:var(--text-light);transition:transform .2s ease}.service-list-card:hover .chevron-icon,.service-list-card:active .chevron-icon{color:var(--primary-blue);transform:translate(-2px)}.section-badge-counter{font-size:.75rem;background-color:var(--blue-soft);color:var(--primary-blue);padding:3px 8px;border-radius:7px;font-weight:700;border:1px solid rgba(29,78,216,.15)}.services-search-container{display:flex;align-items:center;gap:10px;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:7px;padding:10px 12px;margin-bottom:12px;box-shadow:0 1px 4px #00000005;transition:all .25s ease}.search-trigger{cursor:pointer;position:sticky;top:73px;z-index:90;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.search-trigger:hover,.search-trigger:active{border-color:var(--primary-blue);box-shadow:0 3px 10px #1d4ed814}.services-search-input{border:none;background:transparent;width:100%;font-family:var(--font-family);font-size:.88rem;color:var(--text-main);outline:none}.search-fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f8f9fcd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:2000;display:flex;flex-direction:column;padding:16px 14px 20px;animation:fadeInOverlay .22s ease-out forwards}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.search-overlay-header{display:flex;align-items:center;gap:10px;animation:slideDownSearch .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideDownSearch{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.search-elevated{flex:1;margin-bottom:0;border-color:var(--primary-blue);box-shadow:0 4px 16px #1d4ed824;background:#fff}.search-clear-btn{background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.search-clear-btn:active{color:var(--text-main)}.search-cancel-btn{background:none;border:none;color:var(--primary-blue);font-size:.9rem;font-weight:700;cursor:pointer;padding:6px 4px;white-space:nowrap;transition:transform .2s ease}.search-cancel-btn:active{transform:scale(.95)}.search-overlay-results{flex:1;overflow-y:auto;margin-top:16px;padding-bottom:40px;scrollbar-width:none}.search-overlay-results::-webkit-scrollbar{display:none}.search-empty-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding-top:80px;color:var(--text-muted);text-align:center;font-size:.88rem}.search-prompt-icon{color:var(--primary-blue);opacity:.35}.category-breadcrumb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;background-color:var(--blue-soft);padding:10px 12px;border-radius:7px;border:1px solid rgba(29,78,216,.15)}.back-category-btn{background:#fff;border:1px solid var(--border-light);border-radius:7px;padding:6px 12px;display:flex;align-items:center;gap:6px;color:var(--primary-blue);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.back-category-btn:active{transform:scale(.95);background-color:var(--blue-soft)}.active-category-title{font-size:.95rem;font-weight:800;color:var(--primary-blue)}.subservices-count-text{font-size:.88rem;font-weight:700;color:var(--text-main)}.main-cat-item{border:1px solid var(--border-light);background:var(--bg-card);transition:transform .2s ease}.main-cat-item:active{transform:scale(.97)}.services-loading-box,.services-empty-box{padding:30px 10px;text-align:center;color:var(--text-muted);font-size:.88rem;display:flex;flex-direction:column;align-items:center;gap:10px}.spin-icon{animation:spin 1s linear infinite;color:var(--primary-blue)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;height:66px;background-color:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-around;padding:0 4px;z-index:100}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);font-size:.72rem;font-weight:600;cursor:pointer;background:none;border:none;padding:8px 12px;transition:all .2s ease}.nav-tab.active{color:var(--primary-blue)}.nav-tab.active svg{stroke-width:2.5px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.modal-sheet{background:#fff;width:100%;max-width:440px;max-height:85vh;overflow-y:auto;border-radius:7px;padding:20px 18px 30px;animation:slideUp .25s ease-out}.modal-handle{width:40px;height:4px;background-color:#cbd5e1;border-radius:7px;margin:0 auto 14px}.modal-service-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.modal-service-icon{width:48px;height:48px;background:#f1f5f9;border:1px solid var(--border-light);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-srv-img{width:32px;height:32px;object-fit:contain}.modal-srv-default-icon{color:var(--primary-blue)}.modal-service-info-text{flex:1;text-align:right}.modal-title{font-size:1.05rem;font-weight:800;margin-bottom:3px;color:var(--text-main)}.modal-desc{font-size:.78rem;color:var(--text-muted)}.modal-info-box{background:#f8fafc;border:1px solid var(--border-light);border-radius:7px;padding:8px 12px;margin-bottom:16px}.modal-info-toggle{background:none;border:none;display:flex;align-items:center;gap:6px;color:var(--primary-blue);font-size:.8rem;font-weight:700;cursor:pointer;padding:0}.modal-info-content{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-light);font-size:.78rem;color:var(--text-main);overflow-x:auto}.modal-info-content table{width:100%;border-collapse:collapse}.modal-info-content td{padding:4px 6px;border-bottom:1px solid #e2e8f0}.modal-packages-wrapper{margin-bottom:16px}.modal-packages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:200px;overflow-y:auto;padding:4px 1px}.package-card-item{background:#f8fafc;border:1.5px solid var(--border-light);border-radius:7px;padding:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all .2s ease}.package-card-item:hover{border-color:var(--primary-blue);background:#eff6ff}.package-card-item.selected{border-color:var(--primary-blue);background:#eff6ff;box-shadow:0 0 0 1px var(--primary-blue)}.package-card-title{font-size:.8rem;font-weight:700;color:var(--text-main);line-height:1.3;margin-bottom:6px}.package-card-price{font-family:var(--font-numbers);font-size:.95rem;font-weight:800;color:var(--primary-blue);display:flex;align-items:center;gap:4px}.package-card-price .price-curr{font-size:.75rem;font-weight:600}.package-card-check{position:absolute;top:6px;left:6px;background:var(--primary-blue);color:#fff;width:18px;height:18px;border-radius:7px;display:flex;align-items:center;justify-content:center}.modal-fee-display-card{background:#eff6ff;border:1.5px dashed var(--primary-blue);border-radius:7px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.fee-label{font-size:.8rem;font-weight:700;color:var(--primary-blue)}.fee-value{font-family:var(--font-numbers);font-size:1.05rem;font-weight:900;color:var(--primary-blue)}.modal-input-group{margin-bottom:14px}.modal-label{display:block;font-size:.82rem;font-weight:700;margin-bottom:6px;color:var(--text-main)}.modal-input{width:100%;padding:11px 14px;border:1.5px solid var(--border-light);border-radius:7px;font-family:var(--font-family);font-size:.92rem;outline:none;transition:border-color .2s ease;background:#fff}.modal-input:focus{border-color:var(--primary-blue)}.modal-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.modal-btn-submit{width:100%;padding:13px;background:var(--primary-blue-gradient);color:#fff;border:none;border-radius:7px;font-size:.98rem;font-weight:900!important;font-family:Vodafone Regular,sans-serif!important;cursor:pointer;margin-top:10px;box-shadow:0 4px 14px #1e40af4d;letter-spacing:.6px}.modal-btn-submit:active{transform:scale(.98)}.modal-btn-cancel{width:100%;padding:11px;background:transparent;color:var(--text-muted);border:none;font-size:.9rem;font-weight:700;cursor:pointer;margin-top:4px}.subcategories-filter-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:12px;scrollbar-width:none}.subcategories-filter-bar::-webkit-scrollbar{display:none}.subcat-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:7px;font-size:.8rem;font-weight:700;color:var(--text-main);white-space:nowrap;cursor:pointer;transition:all .2s ease;flex-shrink:0}.subcat-pill-btn.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 2px 8px #1e40af40}.subcat-pill-img{width:16px;height:16px;object-fit:contain}.subcat-pill-count{font-family:var(--font-numbers);font-size:.72rem;background:#00000014;padding:1px 6px;border-radius:7px}.subcat-pill-btn.active .subcat-pill-count{background:#ffffff40;color:#fff}.service-list-hint{font-size:.72rem;color:#10b981;font-weight:600}.service-tag-badge{display:inline-block;background:#f1f5f9;color:var(--primary-blue);font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:7px;margin-top:3px;margin-inline-end:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.service-execution-page{padding-bottom:90px}.service-hero-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:7px;padding:16px;display:flex;align-items:center;gap:14px;margin-bottom:14px;box-shadow:0 2px 8px #00000005}.service-hero-icon-box{width:56px;height:56px;background:transparent!important;border:none!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-hero-img{width:50px;height:50px;object-fit:contain;background:transparent!important}.service-hero-default-icon{color:var(--primary-blue)}.service-hero-texts{flex:1}.service-hero-name{font-size:1.15rem;font-weight:800;color:var(--text-main);margin-bottom:4px}.service-hero-badge{font-size:.78rem;color:var(--primary-blue);font-weight:700}.package-price-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#10b98114;border:1px solid rgba(16,185,129,.25);padding:4px 10px;border-radius:7px;margin-top:4px}.package-price-hero-badge.variable{background:#2563eb14;border-color:#2563eb40}.price-badge-label{font-size:.75rem;color:var(--text-muted);font-weight:600}.price-badge-val{font-size:.85rem;color:#059669;font-weight:800}.package-price-hero-badge.variable .price-badge-val{color:var(--primary-blue)}.service-instructions-card{background:#f8fafc;border:1px solid var(--border-light);border-radius:7px;padding:10px 14px;margin-bottom:16px}.instructions-toggle-btn{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--primary-blue);font-size:.84rem;font-weight:700;padding:0}.instructions-toggle-content{display:flex;align-items:center;gap:6px}.chevron-toggle{transition:transform .2s ease}.chevron-toggle.rotated{transform:rotate(180deg)}.instructions-html-content{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-light);font-size:.8rem;color:var(--text-main);overflow-x:auto}.instructions-html-content table{width:100%;border-collapse:collapse}.instructions-html-content td{padding:6px 8px;border-bottom:1px solid #e2e8f0}.service-execution-form{display:flex;flex-direction:column;gap:14px}.execution-group{margin-bottom:4px}.execution-label{display:block;font-size:.85rem;font-weight:700;margin-bottom:6px;color:var(--text-main);text-align:right;direction:rtl}.execution-input-group{display:flex;flex-direction:column;text-align:right;direction:rtl}.execution-input{width:100%;padding:12px 14px;border:1.5px solid var(--border-light);border-radius:7px;font-family:var(--font-family);font-size:.95rem;outline:none;transition:border-color .2s ease;background:#fff;text-align:right;direction:rtl}.execution-input::placeholder{text-align:right;direction:rtl;color:var(--text-muted);opacity:.85}.execution-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e40af1a}.execution-input.input-error{border-color:#ef4444!important;background-color:#fffaf0}.execution-input.input-error.input-error:focus{box-shadow:0 0 0 3px #ef444426!important}.landline-input-container{position:relative;width:100%;display:flex;align-items:center}.landline-input-container .execution-input{padding-left:95px!important}.gov-text-plain-left{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:transparent!important;border:none!important;box-shadow:none!important;color:#1d4ed8;font-size:.85rem;font-weight:700;pointer-events:none;animation:fadeIn .2s ease-in-out;z-index:2;white-space:nowrap;-webkit-user-select:none;user-select:none}.input-error-msg{color:#ef4444;font-size:.78rem;font-weight:700;margin-top:5px;text-align:right;direction:rtl;display:block;animation:fadeIn .2s ease}.execution-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer;text-align:right;direction:rtl}.execution-packages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:6px}.exec-package-item{background:#fff;border:1.5px solid var(--border-light);border-radius:7px;padding:12px 10px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all .2s ease;min-height:72px}.exec-package-item:hover{border-color:var(--primary-blue);background:#eff6ff}.exec-package-item.selected{border-color:var(--primary-blue);background:#eff6ff;box-shadow:0 0 0 1.5px var(--primary-blue)}.exec-package-title{font-size:.82rem;font-weight:700;color:var(--text-main);line-height:1.35;margin-bottom:6px}.exec-package-price{font-family:var(--font-numbers);font-size:1.05rem;font-weight:900;color:var(--primary-blue);display:flex;align-items:center;gap:4px}.exec-price-curr{font-size:.75rem;font-weight:600}.exec-package-check{position:absolute;top:8px;left:8px;background:var(--primary-blue);color:#fff;width:20px;height:20px;border-radius:7px;display:flex;align-items:center;justify-content:center}.execution-fee-card{background:#eff6ff;border:1.5px dashed var(--primary-blue);border-radius:7px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;margin-top:4px}.fee-card-right{display:flex;align-items:center;gap:8px}.fee-card-icon{color:var(--primary-blue)}.fee-card-title{font-size:.85rem;font-weight:700;color:var(--primary-blue)}.fee-card-value{font-family:var(--font-numbers);font-size:1.15rem;font-weight:900;color:var(--primary-blue)}.execution-actions-row{margin-top:14px;display:flex;flex-direction:column;gap:8px}.exec-submit-btn{width:100%;padding:14px;background:var(--primary-blue-gradient);color:#fff;border:none;border-radius:7px;font-size:1.05rem;font-weight:900!important;font-family:Vodafone Regular,sans-serif!important;cursor:pointer;box-shadow:0 4px 14px #1e40af4d;letter-spacing:.6px;transition:all .2s ease}.exec-submit-btn:active{transform:scale(.98)}.exec-submit-btn.disabled-service-btn{background:#cbd5e1!important;color:#64748b!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important;opacity:.85}.exec-submit-btn.disabled-service-btn:hover{background:#cbd5e1!important;color:#64748b!important;box-shadow:none!important}.exec-back-btn{width:100%;padding:12px;background:transparent;color:var(--text-muted);border:1px solid var(--border-light);border-radius:7px;font-size:.92rem;font-weight:700;cursor:pointer;transition:background .2s ease}.exec-back-btn:active{background:#f1f5f9}.confirmation-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:flex-end;justify-content:center;animation:fadeInModal .25s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.confirmation-modal-card{width:100%;max-width:480px;background:#fff;border-radius:7px;padding:20px;box-shadow:0 -8px 30px #0000002e;animation:slideUpModal .3s cubic-bezier(.16,1,.3,1);direction:rtl;font-family:Vodafone Regular,sans-serif}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.conf-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding-bottom:12px;margin-bottom:14px}.conf-header-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:900;color:#0f172a}.conf-header-icon{color:#1e40af}.conf-close-btn{background:#f1f5f9;border:none;width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s ease}.conf-close-btn:hover{background:#e2e8f0;color:#0f172a}.conf-service-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:12px 14px;margin-bottom:14px}.conf-service-name{font-size:1.05rem;font-weight:900;color:#1e40af;margin-bottom:6px}.conf-target-box{display:flex;align-items:center;justify-content:space-between;font-size:.92rem}.conf-target-label{color:#64748b;font-weight:700}.conf-target-val{font-weight:900;color:#0f172a;letter-spacing:.5px;font-size:1rem}.conf-selected-pkg{margin-top:6px;padding-top:6px;border-top:1px dashed #cbd5e1;font-size:.88rem;color:#334155;font-weight:700}.conf-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:7px;margin-bottom:16px;text-align:center;animation:fadeIn .25s ease-in-out}.conf-spinner{color:var(--primary-blue, #1d4ed8);margin-bottom:12px;animation:spin 1s linear infinite}.conf-loading-text{font-size:.98rem;font-weight:800;color:#1e293b;margin-bottom:5px}.conf-loading-sub{font-size:.82rem;font-weight:600;color:#64748b}.conf-no-bills-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:#fffbeb;border:1.5px solid #fde68a;border-radius:7px;margin-bottom:16px;text-align:center;animation:fadeIn .25s ease-in-out}.conf-no-bills-banner .no-bills-icon{color:#d97706;margin-bottom:8px}.conf-no-bills-banner .no-bills-title{font-size:1.05rem;font-weight:800;color:#92400e;margin-bottom:4px}.conf-no-bills-banner .no-bills-sub{font-size:.82rem;font-weight:600;color:#b45309}.conf-pricing-breakdown{background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:14px;display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.breakdown-row{display:flex;align-items:center;justify-content:space-between;font-size:.92rem}.breakdown-row .row-label{color:#475569;font-weight:700}.breakdown-row .row-value{font-weight:900;color:#0f172a}.breakdown-row .text-amber{color:#d97706}.breakdown-row .text-green{color:#16a34a}.commission-row{background:#f0fdf4;padding:6px 8px;border-radius:7px;border:1px dashed #bbf7d0}.commission-bonus-plain{color:#15803d;font-size:.78rem;font-weight:800;margin-right:6px;background:none!important;border:none!important;padding:0!important;box-shadow:none!important}.breakdown-divider{height:1px;background:#e2e8f0;margin:4px 0}.total-row{font-size:1.05rem;padding-top:2px}.total-row .row-label{color:#0f172a;font-weight:900}.total-row .total-val{font-size:1.25rem;color:#1e40af;font-weight:900}.conf-deduction-strip{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:7px;font-size:.9rem;margin-bottom:14px;background:#f1f5f9;border:1px solid #cbd5e1;color:#334155}.deduction-item{display:flex;align-items:center;justify-content:space-between;width:100%;font-weight:700}.deduction-item .strip-wallet-icon{color:#0284c7;margin-left:6px}.deduction-item .deduction-val{font-size:1.08rem;font-weight:900;color:#0f172a}.strip-item{display:flex;align-items:center;gap:6px}.conf-error-banner{display:flex;align-items:center;gap:8px;background:#fee2e2;border:1px solid #ef4444;color:#b91c1c;padding:10px 12px;border-radius:7px;font-size:.88rem;font-weight:700;margin-bottom:14px}.conf-actions-footer{display:flex;gap:10px}.btn-conf-cancel{flex:1;padding:12px;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:7px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btn-conf-cancel:hover{background:#e2e8f0}.btn-conf-execute{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;border:none;border-radius:7px;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2563eb59;transition:all .2s ease}.btn-conf-execute:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-conf-execute:not(:disabled):active{transform:scale(.98)}.conf-receipt-success{text-align:center;padding:10px 0}.receipt-success-badge{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:16px}.receipt-check-icon{color:#16a34a;animation:scaleIn .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.receipt-success-badge h3{margin:0;font-size:1.25rem;font-weight:900;color:#0f172a}.receipt-success-badge p{margin:0;font-size:.88rem;color:#64748b;font-weight:700}.receipt-details-ticket{background:#f8fafc;border:1px dashed #94a3b8;border-radius:7px;padding:14px;text-align:right;margin-bottom:18px}.ticket-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin-bottom:10px;font-size:.88rem;font-weight:900;color:#475569}.ticket-id{color:#2563eb;font-family:monospace}.ticket-body{display:flex;flex-direction:column;gap:8px;font-size:.92rem}.ticket-row{display:flex;justify-content:space-between;color:#334155}.ticket-row.total{font-size:1.1rem;color:#0f172a}.ticket-row.time{font-size:.78rem;color:#94a3b8;margin-top:4px}.ticket-divider{height:1px;background:#cbd5e1;margin:4px 0}.receipt-actions{display:flex;gap:10px}.btn-print-receipt{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:7px;font-weight:700;color:#1e293b;cursor:pointer}.btn-finish-receipt{flex:1;padding:12px;background:#1e40af;color:#fff;border:none;border-radius:7px;font-weight:900;cursor:pointer}.conf-waiting-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 16px 12px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;margin-bottom:10px;text-align:center;animation:fadeIn .3s ease-in-out}.conf-waiting-header{display:flex;flex-direction:column;align-items:center;width:100%}.conf-waiting-loader-ring{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.conf-waiting-title{font-size:1.08rem;font-weight:900;color:#0f172a;margin:0 0 4px}.conf-waiting-desc{font-size:.92rem;color:#475569;margin:0 0 10px;line-height:1.5}.conf-ussd-plain{font-size:1.25rem;font-weight:900;color:#e11d48;letter-spacing:1px;display:inline-block;margin:0 4px}.conf-waiting-details-box{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:8px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.waiting-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;color:#334155}.waiting-detail-row strong{color:#0f172a}.conf-waiting-timer-bar{width:100%;height:5px;background:#e2e8f0;border-radius:7px;overflow:hidden;margin-bottom:8px}.conf-waiting-timer-progress{height:100%;background:#e11d48;transition:width 1s linear}.conf-waiting-hint{font-size:.8rem;color:#64748b;margin:0}.cashout-direct-instructions{background:linear-gradient(135deg,#f8fafcf2,#f1f5f9f2);border:1.5px solid #cbd5e1;border-radius:7px;padding:16px 20px;margin:0 auto 20px;max-width:580px;width:100%;text-align:center;box-shadow:0 4px 14px -3px #0f172a0f;animation:fadeIn .3s ease-in-out}.cashout-instructions-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #cbd5e1}.cashout-info-icon{color:#0284c7;flex-shrink:0}.cashout-info-title{font-size:1rem;font-weight:900;color:#0f172a;letter-spacing:-.2px}.cashout-instructions-body{display:flex;flex-direction:column;align-items:center;gap:8px}.cashout-instruction-line{font-size:.92rem;font-weight:600;line-height:1.6;color:#334155;margin:0;text-align:center;max-width:520px}.cashout-instruction-line:first-child{color:#0369a1;font-weight:800}.conf-card-quantity-row{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1.5px solid #a7f3d0;border-radius:7px;padding:10px 16px;margin-top:10px;box-shadow:0 2px 6px #10b98114}.quantity-label-box{display:flex;align-items:center;gap:8px;color:#065f46;font-weight:700;font-size:.95rem}.quantity-icon{color:#059669}.quantity-counter-controls{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:3px 6px;box-shadow:inset 0 1px 2px #0000000a}.quantity-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f1f5f9;color:#0f172a;border-radius:7px;cursor:pointer;transition:all .15s ease}.quantity-btn:hover:not(:disabled){background:#10b981;color:#fff}.quantity-btn:disabled{opacity:.4;cursor:not-allowed}.quantity-input{width:48px;height:32px;text-align:center;font-size:1.1rem;font-weight:800;color:#0f172a;border:none;background:transparent;outline:none}.utility-icon-box{width:44px;height:44px;border-radius:7px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #00000008}.service-list-card:hover .utility-icon-box{transform:scale(1.08) rotate(3deg)}.utility-hero-icon-box{width:56px;height:56px;border-radius:7px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000a}.smart-card-page{display:flex;flex-direction:column;min-height:calc(100vh - 140px);padding:1rem 1rem 3rem;gap:1.25rem}.smart-card-header-card{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid rgba(226,232,240,.85);border-radius:7px;padding:1rem 1.25rem;box-shadow:0 4px 16px #0f172a0a}.smart-card-back-btn{width:40px;height:40px;border-radius:7px;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.smart-card-back-btn:hover{background:#f1f5f9;color:#0f172a;transform:translate(2px)}.smart-card-header-info{display:flex;flex-direction:column;gap:2px}.smart-card-title{margin:0;font-size:1.15rem;font-weight:800;color:#0f172a}.smart-card-subtitle{font-size:.82rem;color:#64748b;font-weight:500}.smart-card-scan-container{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:7px;padding:3rem 1.5rem 2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 30px #0f172a0a;position:relative;overflow:hidden;min-height:380px}.wifi-loader-box{display:flex;align-items:center;justify-content:center;padding:1.5rem 0 3rem}#wifi-loader{--background: #62abff;--front-color: #2563eb;--back-color: #c3c8de;--text-color: #414856;width:64px;height:64px;border-radius:7px;position:relative;display:flex;justify-content:center;align-items:center}#wifi-loader svg{position:absolute;display:flex;justify-content:center;align-items:center}#wifi-loader svg circle{position:absolute;fill:none;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-100deg);transform-origin:center}#wifi-loader svg circle.back{stroke:var(--back-color)}#wifi-loader svg circle.front{stroke:var(--front-color)}#wifi-loader svg.circle-outer{height:86px;width:86px}#wifi-loader svg.circle-outer circle{stroke-dasharray:62.75 188.25}#wifi-loader svg.circle-outer circle.back{animation:circle-outer135 1.8s ease infinite .3s}#wifi-loader svg.circle-outer circle.front{animation:circle-outer135 1.8s ease infinite .15s}#wifi-loader svg.circle-middle{height:60px;width:60px}#wifi-loader svg.circle-middle circle{stroke-dasharray:42.5 127.5}#wifi-loader svg.circle-middle circle.back{animation:circle-middle6123 1.8s ease infinite .25s}#wifi-loader svg.circle-middle circle.front{animation:circle-middle6123 1.8s ease infinite .1s}#wifi-loader svg.circle-inner{height:34px;width:34px}#wifi-loader svg.circle-inner circle{stroke-dasharray:22 66}#wifi-loader svg.circle-inner circle.back{animation:circle-inner162 1.8s ease infinite .2s}#wifi-loader svg.circle-inner circle.front{animation:circle-inner162 1.8s ease infinite .05s}#wifi-loader .text{position:absolute;bottom:-40px;display:flex;justify-content:center;align-items:center;text-transform:lowercase;font-weight:700;font-size:14px;letter-spacing:.2px}#wifi-loader .text:before,#wifi-loader .text:after{content:attr(data-text)}#wifi-loader .text:before{color:var(--text-color)}#wifi-loader .text:after{color:var(--front-color);animation:text-animation76 3.6s ease infinite;position:absolute;left:0}@keyframes circle-outer135{0%{stroke-dashoffset:25}25%{stroke-dashoffset:0}65%{stroke-dashoffset:301}80%{stroke-dashoffset:276}to{stroke-dashoffset:276}}@keyframes circle-middle6123{0%{stroke-dashoffset:17}25%{stroke-dashoffset:0}65%{stroke-dashoffset:204}80%{stroke-dashoffset:187}to{stroke-dashoffset:187}}@keyframes circle-inner162{0%{stroke-dashoffset:9}25%{stroke-dashoffset:0}65%{stroke-dashoffset:106}80%{stroke-dashoffset:97}to{stroke-dashoffset:97}}@keyframes text-animation76{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.smart-card-status-box{width:100%;max-width:380px;margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.smart-card-nfc-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;background:#f1f5f9;color:#334155;border-radius:7px;font-size:.86rem;font-weight:600;border:1px solid #e2e8f0}.smart-card-help-text{color:#64748b;font-size:.85rem;margin:0;line-height:1.5}.smart-card-status-box.error{animation:popIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.smart-card-error-banner{width:100%;display:flex;align-items:center;gap:1rem;background:#fff1f2;border:1.5px solid #fecdd3;padding:1rem 1.25rem;border-radius:7px;text-align:right}.smart-card-error-icon{color:#e11d48;flex-shrink:0}.smart-card-error-texts{display:flex;flex-direction:column;gap:3px}.smart-card-error-title{margin:0;font-size:.95rem;font-weight:800;color:#9f1239}.smart-card-error-desc{margin:0;font-size:.88rem;font-weight:700;color:#be123c}.smart-card-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem}.smart-card-retry-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem;border-radius:7px;border:none;background:#2563eb;color:#fff;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2563eb33}.smart-card-retry-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.smart-card-exit-btn{width:100%;padding:.8rem;border-radius:7px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.smart-card-exit-btn:hover{background:#f8fafc;color:#0f172a}.reports-page{display:flex;flex-direction:column;gap:1.1rem;padding:1rem 1rem 3.5rem}.reports-filters-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:7px;padding:1.15rem 1.25rem;box-shadow:0 4px 16px #0f172a08}.reports-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.reports-header-title-box{display:flex;align-items:center;gap:.5rem;color:#1e40af}.reports-header-icon{color:#2563eb}.reports-header-title{font-size:.95rem;font-weight:800;color:#0f172a}.reports-filter-form{display:flex;flex-direction:column;gap:1rem}.reports-date-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.reports-date-group{display:flex;flex-direction:column;gap:.4rem}.reports-date-label{font-size:.82rem;font-weight:700;color:#475569;text-align:right}.reports-date-input-wrapper{position:relative}.reports-date-input{width:100%;padding:.65rem .75rem;border-radius:7px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#0f172a;font-size:.88rem;font-weight:600;font-family:inherit;outline:none;transition:all .2s ease;direction:ltr;text-align:center}.reports-date-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.reports-filter-submit-btn{width:100%;padding:.75rem;border-radius:7px;border:none;background:#2563eb;color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 12px #2563eb33}.reports-filter-submit-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.reports-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.reports-kpi-card{background:#fff;border:1px solid rgba(226,232,240,.85);border-radius:7px;padding:.85rem .6rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;box-shadow:0 2px 8px #0f172a05}.reports-kpi-label{font-size:.75rem;color:#64748b;font-weight:600}.reports-kpi-value{font-size:1.05rem;font-weight:900;color:#0f172a}.reports-kpi-value.profit{color:#10b981}.reports-kpi-value small{font-size:.7rem;font-weight:600;color:#94a3b8}.reports-results-container{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:7px;padding:1.25rem;box-shadow:0 4px 16px #0f172a08;min-height:260px;display:flex;flex-direction:column}.reports-results-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.85rem;border-bottom:1px solid #f1f5f9}.reports-results-title{display:flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:800;color:#0f172a}.reports-count-badge{font-size:.78rem;font-weight:700;color:#64748b;background:#f1f5f9;padding:.25rem .6rem;border-radius:7px}.reports-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 1rem 2rem;margin:auto}.reports-empty-icon-box{width:68px;height:68px;border-radius:7px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem}.reports-empty-icon{color:#94a3b8}.reports-empty-title{margin:0 0 .5rem;font-size:1.05rem;font-weight:800;color:#1e293b}.reports-empty-desc{margin:0;font-size:.85rem;color:#64748b;max-width:280px;line-height:1.55;font-weight:500}.reports-services-scroll{display:flex;gap:.65rem;overflow-x:auto;padding:.2rem .2rem .6rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.reports-services-scroll::-webkit-scrollbar{display:none}.report-tab-pill{display:flex;align-items:center;gap:.65rem;padding:.7rem .95rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0f172a08}.report-tab-pill:hover{border-color:#2563eb;transform:translateY(-1px)}.report-tab-pill.active{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 4px 14px #2563eb40}.report-tab-icon{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-tab-texts{display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:1px}.report-tab-title{font-size:.86rem;font-weight:800}.report-tab-sub{font-size:.7rem;opacity:.75}.reports-badge-hint{font-size:.75rem;font-weight:700;color:#2563eb;background:#2563eb14;padding:.25rem .65rem;border-radius:7px}.search-type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;background:#f1f5f9;padding:4px;border-radius:7px}.search-type-btn{padding:.5rem .3rem;border:none;background:transparent;color:#64748b;font-size:.8rem;font-weight:700;border-radius:7px;cursor:pointer;transition:all .2s ease}.search-type-btn.active{background:#fff;color:#0f172a;box-shadow:0 2px 6px #0f172a0f}.reports-search-input-wrapper{display:flex;gap:.5rem;align-items:center}.reports-search-input{flex:1;padding:.75rem 1rem;border-radius:7px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#0f172a;font-size:.9rem;font-weight:600;outline:none}.reports-search-input:focus{border-color:#2563eb;background:#fff}.reports-search-btn{padding:.75rem 1.4rem;background:#2563eb;color:#fff;border:none;border-radius:7px;font-weight:700;cursor:pointer;white-space:nowrap}.account-page{display:flex;flex-direction:column;gap:1.2rem;padding:1rem 1rem 3.5rem}.account-profile-card{background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:7px;padding:.95rem 1rem;color:#fff;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 6px 20px #1e3a8a2e;position:relative;overflow:hidden}.account-profile-main-row{display:flex;align-items:center;gap:.85rem}.account-avatar-wrapper{display:flex;align-items:center;flex-shrink:0}.account-avatar-box{width:44px;height:44px;border-radius:7px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.account-info-details{display:flex;flex-direction:column;gap:.2rem;text-align:right;flex:1;min-width:0}.account-name-store-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.account-merchant-name{margin:0;font-size:1.05rem;font-weight:900;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-shop-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:700;background:#ffffff26;padding:.2rem .55rem;border-radius:7px;border:1px solid rgba(255,255,255,.2)}.account-chips-row{display:flex;align-items:center;gap:.5rem}.account-chips-row.compact-chips{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.15)}.account-id-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:.35rem;background:#ffffff24;padding:.35rem .65rem;border-radius:7px;font-size:.76rem;font-weight:800;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .2s ease;-webkit-user-select:none;user-select:none}.account-id-chip:hover{background:#ffffff40}.account-id-chip .chip-label{opacity:.85;font-weight:700;font-size:.72rem}.account-id-chip .chip-val{font-family:inherit;font-weight:900}.chip-copied{color:#34d399}.account-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.account-balance-card{background:#fff;border-radius:7px;padding:1.15rem;border:1.5px solid rgba(226,232,240,.85);display:flex;flex-direction:column;gap:.35rem;box-shadow:0 4px 14px #0f172a08}.balance-card-header{display:flex;align-items:center;justify-content:space-between}.balance-title{font-size:.85rem;font-weight:800;color:#334155}.account-balance-card.cash-card .balance-icon{color:#2563eb}.account-balance-card.services-card .balance-icon{color:#059669}.balance-card-body{display:flex;align-items:baseline;gap:.3rem;margin-top:.2rem}.balance-number{font-size:1.35rem;font-weight:900;color:#0f172a}.balance-currency{font-size:.78rem;font-weight:700;color:#64748b}.balance-hint{font-size:.72rem;color:#94a3b8;font-weight:500}.account-services-section{background:#fff;border:1px solid rgba(226,232,240,.85);border-radius:7px;padding:1.25rem;box-shadow:0 4px 14px #0f172a08}.account-section-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.section-title-icon{color:#2563eb}.account-section-title{margin:0;font-size:.96rem;font-weight:800;color:#0f172a}.account-services-list.direct-list{display:flex;flex-direction:column;gap:.65rem}.account-service-card{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-radius:7px;border:1px solid rgba(226,232,240,.95);background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 10px #0f172a05}.account-service-card:hover{background:#fff;border-color:#2563eb;transform:translate(-3px);box-shadow:0 6px 18px #2563eb14}.account-service-content{display:flex;align-items:center;gap:.95rem}.account-service-icon-box{width:44px;height:44px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-service-texts{display:flex;flex-direction:column;text-align:right}.account-service-title{margin:0;font-size:.95rem;font-weight:800;color:#0f172a}.account-service-action{display:flex;align-items:center;gap:.5rem}.account-service-status-pill{font-size:.72rem;font-weight:700;color:#64748b;background:#f1f5f9;padding:.2rem .55rem;border-radius:7px;border:1px solid #e2e8f0}.account-service-status-pill.available{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.account-service-arrow{color:#cbd5e1;transition:transform .2s ease}.account-service-card:hover .account-service-arrow{color:#2563eb;transform:translate(-2px)}.account-meta-card{background:#fff;border:1px solid rgba(226,232,240,.85);border-radius:7px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.65rem}.account-meta-item{display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.meta-label{color:#64748b;font-weight:600}.meta-val{color:#0f172a;font-weight:700}.meta-val.verified{color:#059669;display:inline-flex;align-items:center;gap:.25rem}.meta-val.ltr{direction:ltr;font-family:monospace}.deposit-security-page{display:flex;flex-direction:column;gap:1.15rem;padding:1rem 1rem 3.5rem}.deposit-hero-banner{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:7px;padding:1.25rem;color:#fff;display:flex;align-items:center;gap:1rem;box-shadow:0 6px 20px #2563eb33}.deposit-banner-icon-box{width:52px;height:52px;border-radius:7px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.deposit-banner-texts{display:flex;flex-direction:column;gap:.25rem;text-align:right}.deposit-banner-title{margin:0;font-size:1.05rem;font-weight:900}.deposit-banner-desc{margin:0;font-size:.8rem;opacity:.92;line-height:1.45}.deposit-methods-section{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:7px;padding:1.25rem;box-shadow:0 4px 14px #0f172a08}.deposit-section-heading{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.deposit-heading-icon{color:#2563eb}.deposit-heading-title{margin:0;font-size:.95rem;font-weight:800;color:#0f172a}.deposit-services-list{display:flex;flex-direction:column;gap:.75rem}.deposit-service-item{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-radius:7px;background:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.deposit-service-item:hover{background:#fff;border-color:#2563eb;transform:translate(-3px);box-shadow:0 4px 14px #2563eb1a}.deposit-item-right{display:flex;align-items:center;gap:.85rem}.deposit-icon-wrapper{width:44px;height:44px;border-radius:7px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.deposit-item-img{width:32px;height:32px;object-fit:contain}.deposit-default-icon{color:#2563eb}.deposit-item-texts{display:flex;flex-direction:column;text-align:right;gap:2px}.deposit-item-name{margin:0;font-size:.95rem;font-weight:800;color:#0f172a}.deposit-item-sub{font-size:.75rem;color:#64748b;font-weight:500}.deposit-item-action{display:flex;align-items:center;gap:.4rem}.deposit-status-badge{font-size:.72rem;font-weight:700;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;padding:.2rem .55rem;border-radius:7px}.deposit-chevron{color:#94a3b8;transition:transform .2s ease}.deposit-service-item:hover .deposit-chevron{color:#2563eb;transform:translate(-2px)}.deposit-instructions-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:7px;padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 2px 8px #0f172a05}.deposit-inst-header{display:flex;align-items:center;gap:.5rem;color:#2563eb}.deposit-inst-title{font-size:.88rem;font-weight:800;color:#0f172a}.deposit-inst-body{display:flex;flex-direction:column;gap:.55rem}.deposit-inst-row{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:#475569;line-height:1.45}.inst-check{color:#10b981;flex-shrink:0;margin-top:2px}.transfer-credit-page{display:flex;flex-direction:column;gap:1.15rem;padding:1rem 1rem 3rem}.transfer-hero-banner{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;padding:1.25rem 1.35rem;border-radius:7px;box-shadow:0 8px 24px -6px #2563eb59}.transfer-banner-icon-box{width:52px;height:52px;border-radius:7px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.transfer-banner-texts{display:flex;flex-direction:column;gap:.25rem}.transfer-banner-title{margin:0;font-size:1.05rem;font-weight:900;color:#fff}.transfer-banner-desc{margin:0;font-size:.8rem;color:#ffffffe6;line-height:1.45}.transfer-free-badge-card{display:flex;align-items:center;justify-content:space-between;background:#eff6ff;border:1.5px dashed #93c5fd;border-radius:7px;padding:.9rem 1.1rem}.transfer-free-right{display:flex;align-items:center;gap:.75rem}.transfer-free-icon-box{width:40px;height:40px;border-radius:7px;background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transfer-free-texts{display:flex;flex-direction:column}.transfer-free-title{font-size:.92rem;font-weight:800;color:#1e40af}.transfer-free-sub{font-size:.75rem;color:#3b82f6}.transfer-free-pill{background:#2563eb;color:#fff;padding:.35rem .75rem;border-radius:7px;font-size:.82rem;font-weight:900;letter-spacing:.5px}.transfer-form-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:7px;padding:1.25rem;box-shadow:0 4px 16px -2px #0f172a0a}.transfer-main-form{display:flex;flex-direction:column;gap:1.15rem}.transfer-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;background:#f8fafc;padding:.35rem;border-radius:7px;border:1px solid #e2e8f0}.transfer-type-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .5rem;border:none;background:transparent;color:#64748b;font-size:.88rem;font-weight:800;border-radius:7px;cursor:pointer;transition:all .2s ease}.transfer-type-btn.active{background:#fff;color:#2563eb;box-shadow:0 2px 6px #0f172a14}.transfer-input-group{display:flex;flex-direction:column;gap:.45rem}.transfer-label{font-size:.86rem;font-weight:800;color:#334155}.transfer-amount-label-row{display:flex;align-items:center;justify-content:space-between}.transfer-min-hint{font-size:.74rem;font-weight:700;color:#2563eb;background:#eff6ff;padding:.15rem .5rem;border-radius:7px}.transfer-input-wrapper{position:relative;display:flex;align-items:center}.transfer-input-icon{position:absolute;right:14px;color:#94a3b8;pointer-events:none}.transfer-currency-symbol{position:absolute;left:16px;color:#64748b;font-weight:800;font-size:.88rem;pointer-events:none}.transfer-input{width:100%;padding:.85rem 2.85rem .85rem 1rem;border:1.5px solid #cbd5e1;border-radius:7px;font-size:.95rem;font-weight:700;color:#0f172a;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.transfer-input.amount-input{padding-right:1rem;padding-left:3rem;font-size:1.15rem;font-weight:900;letter-spacing:.5px}.transfer-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.transfer-error-card{display:flex;align-items:center;gap:.65rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.85rem 1rem;border-radius:7px;font-size:.88rem;font-weight:800}.transfer-error-icon{flex-shrink:0;color:#ef4444}.transfer-actions-row{display:flex;flex-direction:column;gap:.65rem;margin-top:.4rem}.transfer-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;border:none;padding:.95rem;border-radius:7px;font-size:.98rem;font-weight:900;cursor:pointer;box-shadow:0 4px 14px #2563eb40;transition:all .2s ease}.transfer-submit-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.transfer-submit-btn:disabled{opacity:.65;cursor:not-allowed}.transfer-cancel-btn{width:100%;padding:.75rem;background:#f1f5f9;color:#475569;border:none;border-radius:7px;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .2s ease}.transfer-cancel-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.internal-transfer-page{display:flex;flex-direction:column;gap:1.15rem;padding:1rem 1rem 3rem}.internal-hero-banner{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;padding:1.25rem 1.35rem;border-radius:7px;box-shadow:0 8px 24px -6px #2563eb59}.internal-banner-icon-box{width:48px;height:48px;border-radius:7px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.internal-banner-texts{display:flex;flex-direction:column;gap:.25rem}.internal-banner-title{margin:0;font-size:1.05rem;font-weight:900;color:#fff}.internal-banner-desc{margin:0;font-size:.8rem;color:#ffffffe6;line-height:1.45}.internal-direction-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:7px;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;box-shadow:0 2px 8px #0f172a08}.direction-item{flex:1;display:flex;flex-direction:column;gap:.4rem}.direction-label{font-size:.72rem;font-weight:800;color:#64748b}.direction-box{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #e2e8f0;padding:.65rem .5rem;border-radius:7px}.direction-box .dir-icon{color:#2563eb;flex-shrink:0}.direction-box .dir-text{display:flex;flex-direction:column;min-width:0}.direction-box .dir-text strong{font-size:.82rem;font-weight:900;color:#0f172a;white-space:nowrap}.direction-box .dir-bal{font-size:.72rem;font-weight:700;color:#2563eb}.direction-swap-btn{width:38px;height:38px;border-radius:7px;background:#eff6ff;border:1.5px solid #bfdbfe;color:#2563eb;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.direction-swap-btn:hover{background:#dbeafe;transform:rotate(180deg)}.direction-swap-btn:active{transform:scale(.92)}.internal-quick-chips{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.quick-amount-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:.35rem .65rem;font-size:.78rem;font-weight:800;color:#475569;cursor:pointer;transition:all .15s ease}.quick-amount-chip:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.quick-amount-chip.active{background:#2563eb;border-color:#2563eb;color:#fff}.tickets-page{display:flex;flex-direction:column;gap:1.15rem;padding:1rem 1rem 3.5rem}.tickets-hero-banner{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;padding:1.25rem 1.35rem;border-radius:7px;box-shadow:0 8px 24px -6px #2563eb59}.tickets-banner-icon-box{width:48px;height:48px;border-radius:7px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tickets-banner-texts{display:flex;flex-direction:column;gap:.25rem}.tickets-banner-title{margin:0;font-size:1.05rem;font-weight:900;color:#fff}.tickets-banner-desc{margin:0;font-size:.8rem;color:#ffffffe6;line-height:1.45}.tickets-tab-switcher{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;background:#f8fafc;padding:.35rem;border-radius:7px;border:1px solid #e2e8f0}.tickets-tab-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem .5rem;border:none;background:transparent;color:#64748b;font-size:.88rem;font-weight:800;border-radius:7px;cursor:pointer;transition:all .2s ease;position:relative}.tickets-tab-btn.active{background:#fff;color:#2563eb;box-shadow:0 2px 6px #0f172a14}.tickets-count-badge{background:#eff6ff;color:#2563eb;font-size:.74rem;font-weight:900;padding:.15rem .5rem;border-radius:7px}.tickets-tab-btn.active .tickets-count-badge{background:#2563eb;color:#fff}.ticket-form-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:7px;padding:1.25rem;box-shadow:0 4px 16px -2px #0f172a0a}.tickets-main-form{display:flex;flex-direction:column;gap:1.15rem}.tickets-input-group{display:flex;flex-direction:column;gap:.45rem}.tickets-label{font-size:.86rem;font-weight:800;color:#334155}.tickets-categories-grid{display:grid;grid-template-columns:1fr;gap:.55rem}.ticket-category-pill{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .9rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;cursor:pointer;transition:all .2s ease}.ticket-category-pill:hover{background:#eff6ff;border-color:#bfdbfe}.ticket-category-pill.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1.5px #2563eb}.ticket-category-pill .cat-title{font-size:.88rem;font-weight:900;color:#0f172a}.ticket-category-pill.active .cat-title{color:#2563eb}.ticket-category-pill .cat-desc{font-size:.75rem;color:#64748b}.tickets-input,.tickets-select,.tickets-textarea{width:100%;padding:.85rem 1rem;border:1.5px solid #cbd5e1;border-radius:7px;font-size:.92rem;font-weight:700;color:#0f172a;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.tickets-input:focus,.tickets-select:focus,.tickets-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.tickets-select{cursor:pointer;background-color:#fff}.ticket-success-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;gap:.75rem}.ticket-success-icon{color:#10b981}.ticket-success-title{margin:0;font-size:1.15rem;font-weight:900;color:#0f172a}.ticket-success-desc{margin:0;font-size:.88rem;color:#64748b;line-height:1.6}.ticket-ref-id{color:#2563eb;font-family:monospace;font-size:1rem}.ticket-success-actions{display:flex;flex-direction:column;gap:.65rem;width:100%;margin-top:.5rem}.ticket-primary-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;border:none;border-radius:7px;font-size:.95rem;font-weight:900;cursor:pointer;transition:all .2s ease}.ticket-primary-btn.compact-btn{max-width:200px}.ticket-secondary-btn{width:100%;padding:.75rem;background:#f1f5f9;color:#475569;border:none;border-radius:7px;font-size:.88rem;font-weight:800;cursor:pointer}.tickets-actions-row{display:flex;flex-direction:column;gap:.65rem;margin-top:.4rem}.ticket-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;border:none;padding:.95rem;border-radius:7px;font-size:.98rem;font-weight:900;cursor:pointer;box-shadow:0 4px 14px #2563eb40;transition:all .2s ease}.ticket-submit-btn:disabled{opacity:.65;cursor:not-allowed}.ticket-cancel-btn{width:100%;padding:.75rem;background:#f1f5f9;color:#475569;border:none;border-radius:7px;font-size:.9rem;font-weight:800;cursor:pointer}.tickets-cards-list{display:flex;flex-direction:column;gap:.85rem}.ticket-record-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:7px;padding:1.1rem;display:flex;flex-direction:column;gap:.65rem;box-shadow:0 2px 8px #0f172a08}.ticket-record-header{display:flex;align-items:center;justify-content:space-between}.ticket-id-tag{display:inline-flex;align-items:center;gap:.35rem;background:#f1f5f9;color:#2563eb;padding:.25rem .6rem;border-radius:7px;font-size:.8rem;font-weight:900;font-family:monospace}.ticket-status-badge{padding:.25rem .65rem;border-radius:7px;font-size:.76rem;font-weight:800}.ticket-status-badge.pending{background:#fef3c7;color:#b45309}.ticket-status-badge.in-progress{background:#eff6ff;color:#2563eb}.ticket-status-badge.resolved{background:#dcfce7;color:#15803d}.ticket-record-subject{margin:0;font-size:.96rem;font-weight:900;color:#0f172a;line-height:1.4}.ticket-record-meta-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ticket-meta-pill{display:inline-flex;align-items:center;gap:.3rem;background:#f8fafc;color:#475569;border:1px solid #e2e8f0;padding:.2rem .55rem;border-radius:7px;font-size:.74rem;font-weight:700}.ticket-meta-pill.op-pill{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.ticket-date-txt{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;color:#94a3b8;margin-inline-start:auto}.ticket-reply-box{background:#f8fafc;border-right:3px solid #2563eb;border-radius:7px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.35rem;margin-top:.35rem}.ticket-reply-header{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;color:#2563eb}.ticket-reply-text{margin:0;font-size:.82rem;color:#334155;line-height:1.45}.tickets-empty-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:7px;padding:2.5rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.65rem}.tickets-empty-icon{color:#94a3b8}.settings-page,.settings-sub-page{display:flex;flex-direction:column;gap:1.15rem;padding:1rem 1rem 3.5rem}.settings-hero-banner{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;padding:1.25rem 1.35rem;border-radius:7px;box-shadow:0 8px 24px -6px #2563eb59}.settings-banner-icon-box{width:48px;height:48px;border-radius:7px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-banner-texts{display:flex;flex-direction:column;gap:.25rem}.settings-banner-title{margin:0;font-size:1.05rem;font-weight:900;color:#fff}.settings-banner-desc{margin:0;font-size:.8rem;color:#ffffffe6;line-height:1.45}.settings-group-card,.settings-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:7px;padding:1.1rem 1.15rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 2px 8px #0f172a08}.settings-group-header{margin:0;font-size:.86rem;font-weight:900;color:#64748b;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.settings-nav-item,.settings-toggle-item,.settings-info-item{display:flex;align-items:center;justify-content:space-between;padding:.55rem 0;cursor:pointer;transition:all .2s ease}.settings-nav-item:hover{opacity:.9}.settings-nav-right{display:flex;align-items:center;gap:.85rem;min-width:0}.settings-icon-circle{width:38px;height:38px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-icon-circle.blue{background:#eff6ff;color:#2563eb}.settings-icon-circle.purple{background:#f5f3ff;color:#7c3aed}.settings-icon-circle.teal{background:#ecfeff;color:#0891b2}.settings-icon-circle.orange{background:#fff7ed;color:#ea580c}.settings-nav-texts{display:flex;flex-direction:column;gap:.15rem;text-align:right;min-width:0}.settings-nav-title{font-size:.9rem;font-weight:800;color:#0f172a}.settings-nav-subtitle{font-size:.74rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-nav-arrow{color:#94a3b8;flex-shrink:0}.settings-value-pill{background:#f1f5f9;color:#2563eb;padding:.25rem .65rem;border-radius:7px;font-size:.78rem;font-weight:900}.settings-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.settings-switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#cbd5e1;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:7px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:7px;box-shadow:0 1px 3px #0003}.settings-switch input:checked+.switch-slider{background-color:#2563eb}.settings-switch input:checked+.switch-slider:before{transform:translate(20px)}.settings-card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.65rem;border-bottom:1px solid #f1f5f9}.card-header-title{display:flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:900;color:#0f172a}.card-header-icon{color:#2563eb}.settings-action-pill-btn{display:flex;align-items:center;gap:.35rem;background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;padding:.35rem .65rem;border-radius:7px;font-size:.76rem;font-weight:800;cursor:pointer;transition:all .2s ease}.settings-action-pill-btn:hover{background:#dbeafe}.printer-connection-tabs{display:flex;gap:.4rem;background:#f1f5f9;padding:.35rem;border-radius:7px;margin-bottom:.85rem;overflow-x:auto}.printer-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .65rem;background:transparent;border:none;border-radius:7px;font-size:.76rem;font-weight:800;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s ease}.printer-tab-btn:hover{color:#1e40af}.printer-tab-btn.active{background:#fff;color:#1e40af;box-shadow:0 2px 5px #1e40af1f}.printer-connect-action-area{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:.85rem;margin-bottom:1rem}.connect-mode-panel{display:flex;flex-direction:column;gap:.65rem}.connect-mode-desc{font-size:.78rem;color:#64748b;line-height:1.45;margin:0}.settings-action-pill-btn.primary{background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;border:none;padding:.55rem .95rem;font-size:.82rem;justify-content:center;box-shadow:0 3px 8px #2563eb40}.settings-action-pill-btn.primary:hover{background:linear-gradient(135deg,#1e3a8a,#1d4ed8)}.network-printer-form{display:flex;flex-direction:column;gap:.65rem}.network-inputs-row{display:flex;gap:.55rem;align-items:flex-end;flex-wrap:wrap}.net-input-group{flex:1;min-width:130px;display:flex;flex-direction:column;gap:.25rem}.net-input-group.small{flex:.6;min-width:80px}.net-input-group label{font-size:.72rem;font-weight:800;color:#334155}.settings-text-input{width:100%;padding:.45rem .65rem;border:1.5px solid #cbd5e1;border-radius:7px;font-size:.82rem;outline:none;font-family:inherit;transition:border-color .2s}.settings-text-input:focus{border-color:#2563eb}.settings-text-input.ltr-input{direction:ltr;text-align:left;font-family:monospace}.btn-save-net{height:35px}.paired-printers-section{display:flex;flex-direction:column;gap:.55rem}.paired-section-title{margin:0;font-size:.82rem;font-weight:900;color:#1e293b}.printers-empty-card{display:flex;align-items:center;gap:.75rem;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:7px;padding:.85rem 1rem}.empty-printer-icon{color:#94a3b8;flex-shrink:0}.empty-printer-texts{display:flex;flex-direction:column;gap:.15rem}.empty-title{font-size:.82rem;font-weight:800;color:#475569}.empty-desc{font-size:.72rem;color:#94a3b8}.settings-printers-list{display:flex;flex-direction:column;gap:.55rem}.printer-item-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem .85rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;cursor:pointer;transition:all .2s ease}.printer-item-row:hover{background:#eff6ff;border-color:#bfdbfe}.printer-item-row.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.printer-info-col{display:flex;flex-direction:column;gap:.2rem}.printer-name-with-badge{display:flex;align-items:center;gap:.45rem}.printer-name{font-size:.86rem;font-weight:800;color:#0f172a}.printer-type-badge{font-size:.65rem;font-weight:800;padding:.1rem .4rem;background:#dbeafe;color:#1e40af;border-radius:7px}.printer-mac{font-size:.72rem;color:#64748b;font-family:monospace}.printer-actions-col{display:flex;align-items:center;gap:.55rem}.printer-connected-tag{display:inline-flex;align-items:center;gap:.25rem;background:#dcfce7;color:#15803d;padding:.2rem .55rem;border-radius:7px;font-size:.72rem;font-weight:800}.printer-connect-prompt{color:#2563eb;font-size:.75rem;font-weight:800}.btn-remove-printer{display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#ef4444;border:none;border-radius:7px;width:28px;height:28px;cursor:pointer;transition:all .2s}.btn-remove-printer:hover{background:#fecaca;color:#b91c1c}.settings-options-list{display:flex;flex-direction:column;gap:.85rem}.settings-option-item{display:flex;flex-direction:column;gap:.5rem;padding-bottom:.65rem;border-bottom:1px solid #f8fafc}.settings-option-item.toggle-row{flex-direction:row;align-items:center;justify-content:space-between}.option-texts{display:flex;flex-direction:column;gap:.15rem}.option-title{font-size:.86rem;font-weight:800;color:#0f172a}.option-desc{font-size:.74rem;color:#64748b}.settings-pills-selector{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.size-pill{padding:.45rem .85rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;font-size:.8rem;font-weight:800;color:#475569;cursor:pointer;transition:all .2s ease}.size-pill:hover{background:#eff6ff;border-color:#bfdbfe}.size-pill.active{background:#2563eb;border-color:#2563eb;color:#fff}.settings-actions-group{display:flex;flex-direction:column;gap:.65rem;margin-top:.4rem}.settings-primary-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;border:none;padding:.95rem;border-radius:7px;font-size:.98rem;font-weight:900;cursor:pointer;box-shadow:0 4px 14px #2563eb40;transition:all .2s ease}.settings-primary-btn:disabled{opacity:.65;cursor:not-allowed}.settings-secondary-btn{width:100%;padding:.75rem;background:#f1f5f9;color:#475569;border:none;border-radius:7px;font-size:.9rem;font-weight:800;cursor:pointer}.settings-form{display:flex;flex-direction:column;gap:1.15rem}.settings-input-group{display:flex;flex-direction:column;gap:.45rem}.settings-label{font-size:.86rem;font-weight:800;color:#334155}.settings-input{width:100%;padding:.85rem 1rem;border:1.5px solid #cbd5e1;border-radius:7px;font-size:.95rem;font-weight:700;color:#0f172a;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.settings-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.settings-error-card{display:flex;align-items:center;gap:.65rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.85rem 1rem;border-radius:7px;font-size:.88rem;font-weight:800}.settings-success-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;gap:.75rem}.settings-success-box .success-icon{color:#10b981}.settings-success-box h4{margin:0;font-size:1.1rem;font-weight:900;color:#0f172a}.settings-success-box p{margin:0;font-size:.86rem;color:#64748b;line-height:1.55}.settings-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:.75rem 1.25rem;border-radius:7px;display:flex;align-items:center;gap:.6rem;font-size:.86rem;font-weight:800;box-shadow:0 6px 20px #00000040;white-space:nowrap}.auth-fullscreen-page{display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto;padding:1rem 1.15rem 3.5rem;background:transparent}.auth-brand-direct{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.25rem;background:transparent;padding:0;border:none}.auth-direct-logo{width:82px;height:82px;object-fit:contain;margin-bottom:.5rem;background:transparent}.auth-brand-direct .auth-app-title{margin:0 0 .2rem;font-size:1.55rem;font-weight:900;color:#1e3a8a;letter-spacing:-.3px}.auth-brand-direct .auth-app-subtitle{margin:0;font-size:.86rem;color:#64748b;font-weight:600;line-height:1.4}.auth-clean-tabs{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:0}.auth-notice-banner{display:flex;align-items:center;gap:.65rem;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:.75rem 1rem;border-radius:7px;font-size:.86rem;font-weight:800;margin-bottom:1.25rem}.auth-notice-icon{color:#16a34a;flex-shrink:0}.auth-phone-locked-badge{font-size:.76rem;font-weight:700;color:#2563eb;margin-right:.4rem}.input-wrapper-locked{background:#f1f5f9!important;border-color:#cbd5e1!important;cursor:not-allowed}.auth-input-locked{color:#334155!important;font-weight:800!important;cursor:not-allowed;-webkit-user-select:none;user-select:none}.auth-field-lock-icon{color:#64748b;flex-shrink:0;margin-right:.4rem}.auth-clean-tabs .auth-tab-btn{border:none;background:transparent;padding:.75rem .5rem .85rem;font-size:1rem;font-weight:800;color:#64748b;cursor:pointer;position:relative;transition:all .2s ease;font-family:inherit}.auth-clean-tabs .auth-tab-btn.active{color:#1e3a8a;font-weight:900}.auth-clean-tabs .auth-tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#1e3a8a;border-radius:7px}.auth-form-content{width:100%;background:transparent;padding:0}.auth-error-alert{display:flex;align-items:center;gap:.65rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:7px;font-size:.86rem;font-weight:800;margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-input-group{display:flex;flex-direction:column;gap:.45rem;text-align:right}.auth-label{font-size:.86rem;font-weight:800;color:#1e293b}.req-star{color:#dc2626;margin-right:2px}.optional-tag{color:#64748b;font-size:.78rem;font-weight:700;margin-right:4px}.auth-input-wrapper{display:flex;align-items:center;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:7px;padding:0 .95rem;transition:all .2s ease}.auth-input-wrapper.input-has-error{border-color:#ef4444;background:snow;box-shadow:0 0 0 3px #ef44441f}.auth-input-wrapper:focus-within{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1f}.auth-input-wrapper.input-has-error:focus-within{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.auth-field-error-msg{font-size:.78rem;font-weight:800;color:#dc2626;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.auth-field-icon{color:#64748b;flex-shrink:0;margin-left:.65rem}.auth-input{flex:1;border:none;background:transparent;padding:.85rem 0;font-size:.95rem;font-weight:700;color:#0f172a;outline:none;font-family:inherit}.auth-password-toggle{border:none;background:transparent;color:#64748b;cursor:pointer;padding:.4rem;display:flex;align-items:center;justify-content:center}.auth-password-toggle:hover{color:#1e3a8a}.auth-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.95rem;background:#1e3a8a;color:#fff;border:none;border-radius:7px;font-size:1rem;font-weight:800;cursor:pointer;font-family:inherit;margin-top:.75rem;box-shadow:0 4px 14px #1e3a8a40;transition:all .2s ease}.auth-submit-btn:hover{background:#1d4ed8}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer-prompt{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:1rem;font-size:.88rem;color:#64748b;font-weight:700}.auth-switch-link{background:none;border:none;color:#2563eb;font-weight:900;cursor:pointer;font-family:inherit;text-decoration:underline;padding:0;font-size:.88rem}.auth-docs-section{display:flex;flex-direction:column;gap:1rem;margin-top:.75rem;padding-top:1rem;border-top:1px dashed #cbd5e1}.docs-section-title{margin:0;display:flex;align-items:center;gap:.5rem;font-size:.96rem;font-weight:900;color:#1e3a8a}.auth-doc-upload-box{display:flex;flex-direction:column;gap:.45rem}.doc-upload-header{display:flex;align-items:center;justify-content:space-between}.doc-title{font-size:.84rem;font-weight:800;color:#334155}.doc-uploaded-tag{display:inline-flex;align-items:center;gap:.25rem;background:#dcfce7;color:#166534;font-size:.74rem;font-weight:800;padding:.2rem .55rem;border-radius:7px}.doc-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.15rem;border:1.5px dashed #93c5fd;border-radius:7px;background:#f0f7ff;color:#2563eb;cursor:pointer;font-size:.86rem;font-weight:800;text-align:center;transition:all .2s ease}.doc-dropzone:hover{background:#e0f2fe;border-color:#2563eb}.dropzone-icon{color:#2563eb}.doc-preview-card{display:flex;align-items:center;gap:.85rem;padding:.65rem;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:7px;cursor:pointer;transition:all .2s ease}.doc-preview-card:hover{border-color:#2563eb}.doc-preview-img{width:64px;height:48px;object-fit:cover;border-radius:7px;border:1px solid #e2e8f0;flex-shrink:0}.doc-preview-meta{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.doc-file-name{font-size:.84rem;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-file-size{font-size:.76rem;font-weight:700;color:#64748b}.auth-success-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem .5rem;gap:1rem}.auth-success-icon{color:#2563eb}.auth-success-title{margin:0;font-size:1.35rem;font-weight:900;color:#1e3a8a}.auth-success-desc{margin:0;font-size:.92rem;color:#475569;line-height:1.65;font-weight:700}.auth-success-card-summary{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.75rem;text-align:right;margin:.5rem 0}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;font-weight:700;color:#334155}.summary-check{display:inline-flex;align-items:center;gap:.2rem;color:#166534;font-weight:800}.notifications-page{display:flex;flex-direction:column;padding:1rem .85rem 3rem;gap:1rem}.notifications-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3.5rem 1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:7px;box-shadow:0 2px 10px #00000008;margin-top:1rem}.notifications-empty-icon-box{width:80px;height:80px;border-radius:7px;background:#eff6ff;border:1.5px solid #bfdbfe;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.notifications-empty-icon{color:#2563eb}.notifications-empty-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:900;color:#0f172a}.notifications-empty-desc{margin:0;font-size:.88rem;font-weight:600;color:#64748b;max-width:360px;line-height:1.6}.notifications-features-pill{display:inline-flex;align-items:center;gap:.45rem;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:.5rem .95rem;border-radius:7px;font-size:.82rem;font-weight:800;margin-top:1.5rem}.otp-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.otp-modal-card{width:100%;max-width:420px;background:#fff;border-radius:12px;padding:1.75rem 1.5rem;box-shadow:0 10px 30px #0003;text-align:center;display:flex;flex-direction:column;gap:.75rem}.otp-icon-header{width:64px;height:64px;background:#eff6ff;border:2px solid #bfdbfe;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.otp-mail-icon{color:#2563eb}.otp-title{margin:.25rem 0 0;font-size:1.25rem;font-weight:900;color:#1e3a8a}.otp-subtitle{margin:0;font-size:.86rem;color:#64748b;line-height:1.5}.otp-dedicated-page{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.1rem;width:100%;max-width:440px;margin:0 auto;padding:1.5rem 1rem 3rem;font-family:var(--font-family)}.otp-dedicated-icon-box{width:72px;height:72px;background:#eff6ff;border:2px solid #bfdbfe;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;box-shadow:0 4px 15px #2563eb1f}.otp-dedicated-icon{color:#2563eb}.otp-dedicated-title{font-size:1.35rem;font-weight:900;color:#1e3a8a;margin:0;font-family:var(--font-family);letter-spacing:-.3px}.otp-dedicated-subtitle{font-size:.92rem;color:#64748b;line-height:1.6;margin:0;font-family:var(--font-family)}.otp-target-email-text{color:#1e40af;font-weight:800;font-family:var(--font-family);font-size:.95rem;direction:ltr;display:inline-block;margin-top:.2rem}.otp-form-dedicated{display:flex;flex-direction:column;gap:1.25rem;width:100%;margin-top:.5rem;font-family:var(--font-family)}.otp-input-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.otp-code-input-field{width:100%;max-width:280px;height:56px;font-size:2rem;font-weight:900;letter-spacing:14px;text-align:center;border:2px solid #2563eb;border-radius:7px;background:#fff;color:#1e40af;font-family:var(--font-family)!important;outline:none;transition:all .2s ease;box-shadow:0 2px 8px #2563eb14;direction:ltr}.otp-code-input-field:focus{border-color:#1d4ed8;box-shadow:0 0 0 4px #2563eb2e;background:#fff}.otp-dedicated-footer-btns{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;width:100%}.otp-resend-link{background:none;border:none;color:#2563eb;font-size:.9rem;font-weight:800;cursor:pointer;padding:.5rem;font-family:var(--font-family);text-decoration:underline;transition:color .2s ease}.otp-resend-link:hover{color:#1d4ed8}.otp-back-link{background:none;border:none;color:#64748b;font-size:.85rem;font-weight:700;cursor:pointer;padding:.4rem;font-family:var(--font-family);transition:color .2s ease}.otp-back-link:hover{color:#0f172a}