/* Accountic glass system: presentation only, shared across public pages and user flows. */
body.ui-glass{
 --glass-ink:#1d2541;--glass-muted:#69758d;--glass-border:rgba(180,188,217,.42);
 --glass-surface:rgba(255,255,255,.78);--glass-soft:rgba(248,250,255,.73);
 --glass-shadow:0 14px 38px -24px rgba(42,40,89,.25),inset 0 1px 0 rgba(255,255,255,.95);
 --primary:#5b48d4;--primary-light:#eeeafa;--text-heading:#1e2843;--bg-page:#f2f5fc;
 background-color:#f2f5fc;
 background-image:radial-gradient(ellipse at 95% 0%,#e6e1fa 0,transparent 42%),radial-gradient(ellipse at 0% 38%,#e2eef8 0,transparent 40%),linear-gradient(150deg,#f7f8fd,#f2f4fc 60%,#f4f0fa);
 color:var(--glass-ink);accent-color:#6250d8;
}
body.ui-glass .navbar{background:rgba(255,255,255,.76);border-bottom:1px solid #ffffff;box-shadow:0 8px 32px -24px #343a6b55;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
body.ui-glass .nav-links a{color:#46516c;font-weight:700}
body.ui-glass .nav-links a:hover{background:#ffffffb8;color:#5742c6}
body.ui-glass .nav-links .nav-highlight{background:rgba(237,233,255,.75);border:1px solid #dad3f5;color:#5a47ba}
body.ui-glass .logo-badge{background:#ffffff90;border:1px solid #dcd5f5;box-shadow:inset 0 1px 0 white}
body.ui-glass .btn{border-radius:12px;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
body.ui-glass .btn-primary{background:linear-gradient(125deg,#5842c9,#7560e3);border:1px solid #ffffff30;box-shadow:0 8px 18px -9px #4b31bc80,inset 0 1px 0 #ffffff25;color:#fff}
body.ui-glass .btn-primary:hover{background:linear-gradient(125deg,#503bbb,#6854d6);box-shadow:0 10px 24px -11px #4b31bc90}
body.ui-glass .btn:disabled{box-shadow:none;transform:none;cursor:not-allowed}
body.ui-glass .btn-outline{background:#ffffff8c;border-color:#d9deec;box-shadow:inset 0 1px 0 white;color:#424b68}
body.ui-glass .btn-outline:hover{background:#fff;border-color:#b6a9e9}
body.ui-glass :is(.btn,.filter-pill,.cat-pill,.pill-item,.cat-btn,.card-view-btn){touch-action:manipulation}
body.ui-glass :is(.prod-card,.product-card,.feature-card,.warranty-card,.prod-section-card,.prod-buy-card,.panel-card,.panel-stat-card,.panel-topbar,.store-card,.content-card-section,.contact-card,.about-stat-card,.guide-card,.guide-box,.ai-card,.comparison-table-wrap,.trust-callout,.faq-callout,.post-card,.featured-hero-card,.sidebar-card,.auth-card,.live-sim-card,.master-card,.order-card){
 background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.64));border-color:var(--glass-border);box-shadow:var(--glass-shadow);
}
body.ui-glass :is(.prod-card,.store-card,.product-card,.feature-card,.contact-card,.ai-card){transition:box-shadow .2s,transform .2s,border-color .2s}
body.ui-glass :is(.prod-card,.store-card,.product-card,.feature-card,.contact-card,.ai-card):hover{border-color:rgba(158,143,216,.65);box-shadow:0 20px 42px -27px #51468b70,inset 0 1px 0 white;transform:translateY(-3px)}
body.ui-glass :is(.card-icon-box,.store-card-icon,.ai-card-icon){background:rgba(255,255,255,.84);border:1px solid #e5e4f0;box-shadow:0 5px 16px -10px #43386436}
body.ui-glass :is(.prod-card,.store-card,.product-card){border-radius:20px}
body.ui-glass :is(.card-title,.store-card-title,.post-card-title){letter-spacing:-.02em}
body.ui-glass :is(.card-desc,.store-card-desc,.prod-desc,.page-hero-desc){color:#69758b}
body.ui-glass :is(.card-bottom,.store-card-footer,.post-card-footer){border-top-color:#e9eaf4}
body.ui-glass .card-view-btn{border:1px solid #dbd5f6;background:#f0ecfd;color:#5c48bd;box-shadow:inset 0 1px 0 white}
body.ui-glass .card-view-btn:hover{background:#5e4bce;border-color:#5e4bce;color:white}
body.ui-glass :is(.card-cat-badge,.card-variant-pill,.card-stock-pill,.trust-badge-pill-inline,.spec-pill,.hero-badge-tag,.hero-pill-badge){box-shadow:inset 0 1px 0 #ffffffa6;border:1px solid #dcdfee}
body.ui-glass :is(.filter-pill,.cat-pill,.cat-btn,.pill-item,.sub-tab-btn,.shop-badge){background:#ffffff9c;border:1px solid #dcdfee;color:#5d6780;box-shadow:inset 0 1px 0 #fff}
body.ui-glass :is(.filter-pill.active,.cat-pill.active,.cat-btn.active,.pill-item.active,.sub-tab-btn.active){background:linear-gradient(120deg,#ece6fc,#edf1ff);color:#5743bc;border-color:#cec2f3;box-shadow:0 4px 12px -8px #6251bc70,inset 0 1px 0 #fff}
body.ui-glass .filter-pill.active .count-badge{background:#ded5f8;color:#5e48b3}
body.ui-glass :is(.input-field,.search-box,.shop-search-input,.store-search-input,.blog-search-input){background:rgba(255,255,255,.76)!important;border:1px solid #d8ddec!important;box-shadow:inset 0 2px 4px #3d3c6403,0 3px 10px #36315f03;color:#26314b}
body.ui-glass :is(.input-field,.search-box,.shop-search-input,.store-search-input):focus{background:#ffffffed!important;border-color:#a69add!important;box-shadow:0 0 0 4px #8372d813!important;outline:none}
body.ui-glass input::placeholder,body.ui-glass textarea::placeholder{color:#8993a8}
body.ui-glass select{border:1px solid #d7dbea!important;border-radius:12px!important;background-color:#ffffffb8!important;color:#34415c!important;font-family:inherit;min-height:44px;max-width:100%;cursor:pointer}
body.ui-glass select:focus{border-color:#a598dd!important;outline:3px solid #b7aaf130;outline-offset:1px}
body.ui-glass option{background:#fbfcff;color:#34415c}
@supports(appearance:base-select){
 body.ui-glass select,body.ui-glass select::picker(select){appearance:base-select}
 body.ui-glass select{align-items:center;gap:8px;padding:10px 14px}
 body.ui-glass select::picker(select){background:rgba(251,252,255,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #dad7ea;border-radius:15px;padding:6px;box-shadow:0 18px 50px -16px #30255745,inset 0 1px 0 white;max-height:min(360px,50vh);max-width:calc(100vw - 24px);overflow:auto;margin-top:6px}
 body.ui-glass select option{background:transparent;border-radius:9px;padding:10px 12px;line-height:1.8;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
 body.ui-glass select option:checked{background:#ede7fc;color:#5841b6;font-weight:700}
 body.ui-glass select option:hover,body.ui-glass select option:focus{background:#efedf8}
 body.ui-glass select::picker-icon{color:#7e70ac;transition:transform .18s}
 body.ui-glass select:open::picker-icon{transform:rotate(180deg)}
}
body.ui-glass :is(.modal-overlay,.modal-backdrop){background:rgba(32,36,64,.35);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
body.ui-glass :is(.modal-card,.modal-box,.modal-card-luxury,.modal-card-warranty){background:rgba(253,254,255,.96);border:1px solid #ffffffbd;box-shadow:0 30px 100px -35px #21194175,inset 0 1px 0 white;border-radius:22px}
body.ui-glass :is(.modal-header,.buy-modal-head){background:linear-gradient(125deg,#f5f0fbd9,#f2f6fdd9);border-bottom:1px solid #e4e3ef}
body.ui-glass .modal-close-icon{background:#ffffffb3;border:1px solid #dddfea;color:#7a7f95;border-radius:10px}
body.ui-glass .modal-close-icon:hover{background:#f9edf4;color:#ac4d70}
body.ui-glass .variant-card-item{border-color:#dfe2ed;background:#ffffffa6;border-radius:13px;box-shadow:inset 0 1px 0 white}
body.ui-glass .variant-card-item.selected{background:linear-gradient(125deg,#f0eafb,#f5f5ff);border-color:#b4a2e4;box-shadow:0 4px 14px -10px #7c66b963,inset 0 1px 0 white}
body.ui-glass :is(.pre-invoice-box,.social-calc-box,.features-list-box){background:linear-gradient(125deg,#f2f0fa,#f5f8fd);border:1px solid #e0ddec;border-radius:15px}
body.ui-glass .wallet-balance-indicator{background:#ffffff94;border-color:#e1ddec}
body.ui-glass .inv-total{border-top-color:#ddd7ec}
body.ui-glass .panel-sidebar{background:rgba(255,255,255,.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid #ffffffcf;box-shadow:-8px 0 30px #49436505}
body.ui-glass .nav-item.active{background:linear-gradient(110deg,#ebe4fa,#eef0ff);color:#5b43bf;border-color:#d6c8f1;box-shadow:inset 0 1px 0 white}
body.ui-glass .nav-item:hover{background:#f2eefb}
body.ui-glass .panel-topbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.ui-glass :is(.panel-card-header,.panel-stat-card,.store-hero-banner,.social-hero-banner){background:linear-gradient(125deg,#ffffffbd,#f6f2ff96);border-color:#dddfee}
body.ui-glass .panel-card-title{color:#303654}
body.ui-glass .stat-icon-wrapper{border:1px solid #ffffffa6;box-shadow:inset 0 1px 0 white}
body.ui-glass .social-platform-pill{background:#ffffffb5;border-color:#dee0ed;border-radius:14px;box-shadow:inset 0 1px 0 white}
body.ui-glass .social-platform-pill.active{background:#eee9fb;border-color:#bbabe2;color:#6049bd}
body.ui-glass .social-desc-card{background:#f8f9fea6;border-color:#e0e3ef}
body.ui-glass .mobile-drawer{background:rgba(251,252,255,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:-12px 0 60px #30264d24}
body.ui-glass .mobile-drawer-nav a{border:1px solid transparent}
body.ui-glass .mobile-drawer-nav a:hover{background:#f2eefc;border-color:#dfd7f4}
body.ui-glass .footer{background:linear-gradient(125deg,#ffffffbd,#f0effacc);border-top:1px solid #fff;box-shadow:0 -8px 35px #48407903}
body.ui-glass .footer-col h4{color:#2d3655}
body.ui-glass .footer a:hover{color:#6550c5}
body.ui-glass .footer-bottom{border-top-color:#dddeec}
body.ui-glass .auth-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 28px 65px -35px #5140803d,inset 0 1px 0 white}
body.ui-glass .live-sim-card{background:#ffffffaf;border-color:#ffffff}
body.ui-glass .hero-live-widget{background:linear-gradient(125deg,#ffffffc4,#fafaff99);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#ffffff;box-shadow:0 24px 65px -35px #60578b3d,inset 0 1px 0 #fff}
body.ui-glass .widget-product-preview{background:linear-gradient(120deg,#ffffffab,#f6f4ffb0);border-color:#e1ddee}
body.ui-glass .widget-live-activity-bar{background:#ffffffa1;border-color:#e3dfef}
body.ui-glass .hero-badge-tag{background:#ffffff94;color:#6c56b3}
body.ui-glass .floating-badge{background:#ffffffe0;border-color:#e6dfef;box-shadow:0 6px 18px #51447d0c}
body.ui-glass.ui-blog .blog-hero-section{background:radial-gradient(ellipse at 75% 0%,#dfd7f980,transparent 60%),#ffffff40;border-color:#ffffff}
body.ui-glass.ui-blog .cat-bar-wrap{background:#ffffff9c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#fff}
body.ui-glass.ui-blog .search-input-wrap{background:#ffffffb5;border-color:#d8d6eb;box-shadow:0 12px 30px -20px #60588730}
body.ui-glass.ui-blog .quick-tag-item{background:#ffffff8c;border-color:#dedfee}
body.ui-glass.ui-blog .order-cta-box{background:radial-gradient(ellipse at top left,#615b93,transparent 70%),#252941;box-shadow:0 18px 38px -25px #3c325180;border:1px solid #ffffff40}
body.ui-glass.ui-blog .journal-bot-card{background:linear-gradient(125deg,#ffffffb8,#e9edfac7)}
body.ui-glass .shop-hero{margin:28px 0 30px;padding:42px 26px 28px;background:radial-gradient(ellipse at 80% 0%,#e7defc99,transparent 60%),linear-gradient(125deg,#ffffffb8,#ffffff5c);border:1px solid #ffffff;border-radius:26px;box-shadow:var(--glass-shadow)}
body.ui-glass .shop-title{font-size:clamp(26px,3vw,39px);line-height:1.7;letter-spacing:-.035em;color:#27304c}
body.ui-glass .shop-subtitle{font-size:14px;line-height:2;color:#717c94;max-width:690px;margin-inline:auto}
body.ui-glass .shop-search-wrapper{max-width:680px;margin-inline:auto}
body.ui-glass .shop-search-input{border-radius:14px;box-shadow:0 8px 22px -16px #3c2e6730!important}
body.ui-glass .shop-filters{gap:9px;margin-top:24px}
body.ui-glass .filter-pill{font-size:12px;padding:9px 13px;border-radius:11px}
body.ui-glass .prod-card{padding:24px}
body.ui-glass .card-meta-row{gap:8px;flex-wrap:wrap}
body.ui-glass .card-cat-badge{font-size:10px;max-width:65%;line-height:1.6;background:#f4f1fc;color:#766099}
body.ui-glass .card-price-val{color:#6047c0;letter-spacing:-.03em}
body.ui-glass :is(.card-variant-pill,.card-stock-pill){border-radius:7px;padding:4px 7px;font-size:10px;background:#ffffff8c}
body.ui-glass .card-bottom{flex-wrap:wrap}
body.ui-glass .card-price-val{font-size:14px;white-space:nowrap}
body.ui-glass .card-view-btn{font-size:12px;padding:10px 12px}
body.ui-glass .trust-strip{background:#ffffff80;border:1px solid #fff;border-radius:20px;box-shadow:var(--glass-shadow)}
body.ui-glass .prod-hero{padding-top:26px}
body.ui-glass .prod-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:28px}
body.ui-glass .prod-details-col,body.ui-glass .prod-action-col{min-width:0}
body.ui-glass .breadcrumb-nav{flex-wrap:wrap;line-height:1.8;font-size:12px;color:#8a91a4}
body.ui-glass .prod-title{line-height:1.65;letter-spacing:-.03em}
body.ui-glass .prod-brand-badge{background:#ffffffb5;border:1px solid #e1d8f0;color:#644c9e}
body.ui-glass .prod-section-card{padding:27px;border-radius:20px}
body.ui-glass .prod-buy-card{padding:26px 22px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#ffffff;box-shadow:0 22px 56px -30px #56427a45,inset 0 1px 0 white}
body.ui-glass .price-display-block{background:linear-gradient(120deg,#ece4f899,#e9effa70);border:1px solid #ded4ef;border-radius:15px;padding:20px 16px}
body.ui-glass .price-toman-val{font-size:clamp(23px,2vw,30px);line-height:1.6;letter-spacing:-.03em;color:#5d43b0;overflow-wrap:anywhere}
body.ui-glass .price-usd-sub{font-size:12px;color:#8d82a5}
body.ui-glass .buy-card-header{border-bottom-color:#e4ddec;gap:8px;flex-wrap:wrap}
body.ui-glass .section-headline{border-bottom:1px solid #e5e1ed;font-size:18px;line-height:1.8}
body.ui-glass .specs-table{font-size:13px}
body.ui-glass .specs-table td{border-bottom-color:#e9e7f0;overflow-wrap:anywhere}
body.ui-glass .plan-list-table thead{background:#f0edf8;color:#655984}
body.ui-glass .faq-item-box,body.ui-glass .faq-item{border-color:#e0dfea;background:#ffffff7a;border-radius:12px}
body.ui-glass .faq-item-box{padding:16px 18px;margin-bottom:10px}
body.ui-glass .content-card-section,body.ui-glass .contact-card,body.ui-glass .guide-card{border-radius:20px}
body.ui-glass .page-hero-title{letter-spacing:-.035em;line-height:1.7;color:#28314d}
body.ui-glass .header-bar{background:#ffffffb5;border-color:#ffffff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--glass-shadow)}
body.ui-glass .bottom-nav{background:#ffffffe3;border:1px solid #e6e0f1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -8px 30px -18px #45375f30}
body.ui-glass .nav-tab.active{color:#6450c1}
body.ui-glass .wallet-pill{border-color:#ddd5ef;background:#f4eefbd9;color:#67539b}
@media(min-width:1500px){body.ui-glass .shop-grid{gap:24px}}
@media(max-width:900px){body.ui-glass .prod-hero-grid{grid-template-columns:minmax(0,1fr)}body.ui-glass .prod-buy-card{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:640px){
 body.ui-glass{background-image:radial-gradient(ellipse at top right,#e8e1f9,transparent 70%),linear-gradient(145deg,#f5f7fe,#f2f5fb)}
 body.ui-glass .navbar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
 body.ui-glass .shop-hero{margin:18px 0 24px;padding:25px 16px 20px;border-radius:21px}
 body.ui-glass .shop-title{font-size:25px;line-height:1.75}
 body.ui-glass .shop-subtitle{font-size:12px}
 body.ui-glass .shop-badge{font-size:10px;gap:7px;flex-wrap:wrap;justify-content:center}
 body.ui-glass .shop-filters{gap:7px;justify-content:center}
 body.ui-glass .filter-pill{font-size:11px;padding:8px 10px;gap:6px}
 body.ui-glass .shop-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 body.ui-glass .prod-card{padding:21px}
 body.ui-glass .card-bottom{gap:10px;flex-wrap:wrap}
 body.ui-glass .card-price-val{font-size:16px}
 body.ui-glass .trust-strip{gap:18px}
 body.ui-glass .prod-section-card{padding:20px 16px}
 body.ui-glass .prod-title{font-size:25px}
 body.ui-glass .prod-desc{font-size:13px;line-height:2}
 body.ui-glass .quick-specs-pills{gap:7px}
 body.ui-glass .spec-pill{font-size:11px;padding:7px 9px}
 body.ui-glass .plan-list-table thead{display:none}
 body.ui-glass .plan-list-table tbody{display:block}
 body.ui-glass .plan-list-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:16px 0;border-bottom:1px solid #e4dfee}
 body.ui-glass .plan-list-table td{padding:0!important;border:0;min-width:0}
 body.ui-glass .plan-list-table td:first-child{grid-column:1/-1;font-size:13px!important;line-height:1.9}
 body.ui-glass .plan-list-table td:nth-child(2){grid-column:1/-1;font-size:16px!important}
 body.ui-glass .plan-list-table td:nth-child(3){align-self:center}
 body.ui-glass .plan-list-table td:last-child{justify-self:end}
 body.ui-glass .modal-overlay,body.ui-glass .modal-backdrop{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
 body.ui-glass .modal-card,body.ui-glass .modal-box{max-width:100%;max-height:calc(100dvh - 24px);border-radius:19px}
 body.ui-glass .variant-card-item{gap:10px;flex-wrap:wrap}
 body.ui-glass .variant-item-title{font-size:12px;line-height:1.8;overflow-wrap:anywhere}
 body.ui-glass .variant-item-price{font-size:13px}
 body.ui-glass .panel-topbar{backdrop-filter:none;-webkit-backdrop-filter:none}
 body.ui-glass .auth-card{backdrop-filter:none;-webkit-backdrop-filter:none}
 body.ui-glass .footer-grid{gap:25px}
 body.ui-glass .input-field{font-size:14px}
}
@media(prefers-reduced-transparency:reduce){body.ui-glass :is(.navbar,.panel-sidebar,.mobile-drawer,.modal-card,.prod-buy-card,.auth-card){background:#fafbff;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){body.ui-glass *{transition:none!important;animation-duration:.01ms!important}}

/* Support conversations and stock-aware checkout. */
.support-table-scroll{max-height:64vh;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b8afda #f2eff8}
.support-table-scroll .master-table{min-width:980px}
.support-table-scroll thead th{position:sticky;top:0;z-index:2;background:#f4f2fb;box-shadow:0 1px 0 #e3deee}
.support-table-scroll tbody tr:hover{background:#f4f1fc70}
.support-table-scroll td{white-space:normal}
.support-compose-btn{white-space:nowrap;background:#eee9fc!important;border:1px solid #ddd3f3!important;color:#6550ad!important}
#tab-tickets .master-card-header{flex-wrap:wrap;gap:14px}
#tab-tickets .filter-pills-wrap{flex-wrap:wrap;gap:7px}
.support-notice{padding:12px 16px;border:1px solid #cce5db;background:#eef9f4;border-radius:11px;font-size:12px;color:#28785c;margin-bottom:14px}
.support-notice[hidden],.support-error[hidden]{display:none}
body.ui-glass .support-compose-card{width:min(620px,100%);padding:0;display:flex;flex-direction:column;max-height:min(88dvh,820px);overflow:hidden}
.support-compose-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;border-bottom:1px solid #e6e0ef;background:linear-gradient(125deg,#f1edfb,#f5f8fd);flex-shrink:0}
.support-compose-head h3{font-size:18px;margin:0 0 5px;color:#30264d}
.support-compose-head p{font-size:12px;line-height:1.8;margin:0;color:#8a809d}
.support-compose-body{padding:22px 24px;overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8afda #f2eff8}
.support-compose-body .input-group{margin-bottom:15px}
.support-compose-body label{font-size:12px;font-weight:700;color:#625674}
.support-compose-body textarea{resize:vertical;min-height:130px;max-height:300px;line-height:1.9}
.support-compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.support-compose-footer{display:flex;gap:10px;padding:16px 24px;background:#fdfcff;border-top:1px solid #e6e0ef;flex-shrink:0}
.support-compose-footer .btn-primary{flex:1}
.support-field-hint{display:block;margin-top:5px;color:#9b90a9;font-size:11px}
.support-notify-option{display:flex;align-items:flex-start;gap:9px;font-size:12px!important;font-weight:500!important;line-height:1.9;padding:12px;background:#f4f1fa;border-radius:11px}
.support-notify-option input{margin-top:4px;flex-shrink:0;width:16px;height:16px}
.support-error{padding:11px 14px;background:#fff0f3;color:#ad4965;border:1px solid #efd0db;border-radius:10px;font-size:12px;line-height:1.9;margin-top:12px}
#adminTicketThreadModal .modal-card-pro{width:min(720px,100%);min-height:0;border:1px solid #ffffffd9;background:#fbfaff}
#adminTicketThreadModal .modal-card-pro>div:not(#adminTicketMessagesStream),#adminTicketThreadModal form{flex-shrink:0}
#adminTicketMessagesStream{min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7aad5 #f3eff9;scrollbar-gutter:stable;background:linear-gradient(125deg,#f8f6fc,#f0f4fb)!important}
#adminTicketMessagesStream .ticket-bubble{max-width:100%;box-shadow:0 4px 12px -9px #57427830;border:1px solid #e1d9ee}
#adminTicketMessagesStream .bubble-body{white-space:pre-wrap;overflow-wrap:anywhere}
body.ui-glass .variant-card-item.is-sold-out{background:#f6f5f8;border-color:#e4e0e8;opacity:.7;cursor:not-allowed;box-shadow:none}
body.ui-glass .variant-card-item.is-sold-out .variant-radio-dot{border-color:#d0c7d2;background:#eeeaf0}
body.ui-glass #buyErrorBox{line-height:1.9}
body.ui-glass #btnPayGateway:disabled,body.ui-glass #btnPayWallet:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
@media(max-width:640px){
 .support-compose-grid{grid-template-columns:1fr;gap:0}
 body.ui-glass .support-compose-card{max-height:calc(100dvh - 20px);margin:0}
 .support-compose-head,.support-compose-body{padding:16px}
 .support-compose-footer{padding:13px 16px;gap:8px}
 .support-compose-footer .btn{font-size:12px;padding:11px 13px}
 #adminTicketThreadModal .modal-card-pro{height:calc(100dvh - 20px)!important;max-height:calc(100dvh - 20px)!important}
 #adminTicketThreadModal form{flex-wrap:wrap;padding:12px!important}
 #adminTicketThreadModal form textarea{min-height:60px}
 #adminTicketThreadModal form button{width:100%;padding:10px!important}
 #adminTicketMessagesStream{padding:14px!important}
 .support-table-scroll{max-height:65vh}
}

/* ==========================================================================
   ACCOUNTIC LUXURY DESIGN SYSTEM (UI/UX PRO MAX)
   ========================================================================== */

/* Shimmering Gradient Text & Hero Underline */
.gradient-text {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 35%, #0ea5e9 70%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
    animation: gradientShimmer 6s linear infinite;
}

@keyframes gradientShimmer {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.hero-highlight-wrap {
    position: relative;
    display: inline-block;
}

.hero-title-underline {
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 100%;
    height: 14px;
    pointer-events: none;
    overflow: visible;
}

/* Ambient Pulsing Glow for Hero Widget */
.hero-widget-wrapper {
    position: relative;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
}

.hero-widget-ambient-glow {
    position: absolute;
    inset: -20px;
    background: radial-gradient(circle at 30% 30%, rgba(99, 102, 241, 0.4), transparent 50%),
                radial-gradient(circle at 70% 70%, rgba(236, 72, 153, 0.35), transparent 50%),
                radial-gradient(circle at 50% 50%, rgba(14, 165, 233, 0.3), transparent 60%);
    filter: blur(45px);
    border-radius: 40px;
    z-index: 0;
    animation: ambientMeshPulse 8s ease-in-out infinite alternate;
    pointer-events: none;
}

@keyframes ambientMeshPulse {
    0% { transform: scale(0.95) translate(0, 0); opacity: 0.6; }
    50% { transform: scale(1.05) translate(-10px, 8px); opacity: 0.85; }
    100% { transform: scale(1) translate(10px, -8px); opacity: 0.7; }
}

/* Floating Badges with Gentle Animation */
.floating-badge {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 12px 30px -10px rgba(79, 70, 229, 0.22), inset 0 1px 0 #fff;
    padding: 7px 14px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    color: #1e293b;
    pointer-events: none;
}

.badge-top-right {
    top: -16px;
    right: 20px;
    animation: floatBadgeTop 5s ease-in-out infinite;
}

.badge-bottom-left {
    bottom: -16px;
    left: 20px;
    animation: floatBadgeBottom 5.5s ease-in-out infinite;
}

@keyframes floatBadgeTop {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@keyframes floatBadgeBottom {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(7px); }
}

.badge-icon-pulsing {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #eef2ff;
    color: #4f46e5;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hero Live Widget Housing */
.hero-live-widget {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.95);
    border-radius: 28px;
    box-shadow: 0 30px 80px -25px rgba(31, 38, 135, 0.18), inset 0 1px 0 #fff;
    padding: 24px;
}

/* Live Activity Ticker Bar */
.widget-live-activity-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(248, 250, 252, 0.9);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 12px;
    padding: 8px 12px;
    margin-bottom: 16px;
    font-size: 11.5px;
    color: #475569;
}

.live-badge-glow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.2);
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 800;
    white-space: nowrap;
}

.activity-text-marquee {
    font-weight: 600;
    color: #1e293b;
    transition: opacity 0.3s ease, transform 0.3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Category Tabs */
.widget-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    background: rgba(241, 245, 249, 0.7);
    padding: 4px;
    border-radius: 14px;
    margin-bottom: 14px;
}

.widget-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 4px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.widget-tab:hover {
    color: #334155;
    background: rgba(255, 255, 255, 0.6);
}

.widget-tab.active {
    background: #ffffff;
    color: #4f46e5;
    border-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 12px -3px rgba(79, 70, 229, 0.18), inset 0 1px 0 #fff;
}

/* Quick Plan Pills */
.widget-quick-select {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 4px;
    margin-bottom: 14px;
    scrollbar-width: none;
}

.widget-quick-select::-webkit-scrollbar {
    display: none;
}

.quick-pill {
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid #e2e8f0;
    font-size: 11px;
    font-weight: 700;
    color: #475569;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.quick-pill:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #1e293b;
}

.quick-pill.active {
    background: #4f46e5;
    border-color: #4f46e5;
    color: #ffffff;
    box-shadow: 0 4px 12px -2px rgba(79, 70, 229, 0.35);
}

/* Active Plan Showcase Card inside Live Widget */
.widget-plan-card {
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 60%, #312e81 100%);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    padding: 20px;
    color: #ffffff;
    box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
}

.widget-plan-card::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    height: 140px;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.25), transparent 70%);
    pointer-events: none;
}

.plan-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.plan-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 10px #10b981;
}

.plan-name {
    font-size: 15px;
    font-weight: 800;
    color: #ffffff;
}

.plan-badge {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    color: #a5f3fc;
}

.plan-price-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 12px;
}

.price-main {
    font-size: 22px;
    font-weight: 900;
    color: #38bdf8;
    text-shadow: 0 0 20px rgba(56, 189, 248, 0.4);
}

.price-usd {
    font-size: 15px;
    font-weight: 800;
    color: #94a3b8;
}

.plan-features-mini {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.plan-feature-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11.5px;
    color: #cbd5e1;
}

.plan-feature-item svg {
    color: #34d399;
    flex-shrink: 0;
}

.widget-cta-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
    color: #ffffff;
    font-weight: 800;
    padding: 12px 18px;
    border-radius: 14px;
    box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.2s ease;
}

.widget-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px -5px rgba(79, 70, 229, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    color: #ffffff;
}

.delivery-meter-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 11px;
    color: #64748b;
    margin-top: 10px;
    padding: 0 4px;
}

.meter-radar-pulse {
    width: 6px;
    height: 6px;
    background: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);
}

/* ==========================================================================
   USER DASHBOARD LUXURY BENTO STYLING
   ========================================================================== */

.user-dash-welcome-banner {
    position: relative;
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #2e1065 100%);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 24px;
    padding: 28px 32px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    box-shadow: 0 20px 50px -15px rgba(15, 23, 42, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    overflow: hidden;
}

.welcome-banner-glow {
    position: absolute;
    top: -50px;
    left: -50px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(147, 51, 234, 0.3), transparent 70%);
    pointer-events: none;
}

.welcome-banner-content {
    display: flex;
    align-items: center;
    gap: 18px;
    z-index: 1;
}

.welcome-avatar-badge {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
    box-shadow: 0 10px 25px -5px rgba(99, 102, 241, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.welcome-greeting-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    color: #c4b5fd;
    margin-bottom: 6px;
}

.live-pulse-dot {
    width: 6px;
    height: 6px;
    background: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 8px #10b981;
}

.welcome-user-title {
    font-size: 20px;
    font-weight: 900;
    color: #ffffff;
    margin: 0 0 4px 0;
}

.welcome-user-desc {
    font-size: 12.5px;
    color: #94a3b8;
    margin: 0;
    line-height: 1.6;
}

.welcome-banner-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    z-index: 1;
}

.btn-welcome-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.25);
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 12.5px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 20px -5px rgba(79, 70, 229, 0.5);
    transition: all 0.2s ease;
}

.btn-welcome-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px -5px rgba(79, 70, 229, 0.6);
}

.btn-welcome-outline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
    backdrop-filter: blur(10px);
    transition: all 0.2s ease;
}

.btn-welcome-outline:hover {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.35);
}

/* User Bento Stat Cards */
.panel-stat-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 22px;
    box-shadow: 0 14px 35px -15px rgba(30, 41, 59, 0.08), inset 0 1px 0 #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.panel-stat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 45px -15px rgba(79, 70, 229, 0.15), inset 0 1px 0 #fff;
    border-color: rgba(165, 180, 252, 0.6);
}

.panel-stat-card.wallet-card {
    background: linear-gradient(135deg, rgba(238, 242, 255, 0.85) 0%, rgba(245, 243, 255, 0.85) 100%);
    border-color: rgba(199, 210, 254, 0.8);
}

.stat-card-info h4 {
    font-size: 12.5px;
    font-weight: 700;
    color: #64748b;
    margin: 0 0 6px 0;
}

.stat-number {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2;
}

.stat-icon-wrapper {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 18px -6px rgba(0, 0, 0, 0.1);
}

/* Luxury Footer Enhancements */
.footer-elite-wrapper {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(241, 245, 249, 0.95) 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    padding-top: 60px;
    padding-bottom: 24px;
    margin-top: 60px;
    position: relative;
    box-shadow: 0 -20px 50px -20px rgba(0, 0, 0, 0.04);
}

.footer-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.25);
    color: #047857;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    margin-top: 14px;
}

.footer-back-to-top {
    position: fixed;
    bottom: 24px;
    left: 24px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4f46e5;
    cursor: pointer;
    z-index: 999;
    transition: all 0.25s ease;
}

.footer-back-to-top:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px -5px rgba(79, 70, 229, 0.3);
    background: #4f46e5;
    color: #ffffff;
    border-color: #4f46e5;
}