@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";@layer reset{*{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll}body{font-family:var(--font-sans);background-color:var(--color-bg-page);color:var(--color-text-main);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,.heading-serif{font-family:var(--font-serif)}}@layer tokens{:root{--font-serif:"Noto Serif", Georgia, serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-label:"Public Sans", system-ui, sans-serif;--color-primary:#10677c;--color-primary-container:#358096;--color-primary-hover:#0c5263;--color-primary-muted:#7c989c;--color-on-primary:#fff;--color-inverse-primary:#8ad1e9;--color-secondary:#49626b;--color-secondary-container:#cce7f1;--color-tertiary:#875120;--color-tertiary-container:#f8b177;--color-accent:#f59e0b;--color-danger:#ef4444;--color-danger-soft:#ef444414;--color-success:#10b981;--color-text-main:#191c1e;--color-text-muted:#3f484c;--color-text-on-primary:#fff;--color-bg-page:#f8f9fc;--color-bg-card:#fff;--color-bg-input:#fff;--surface-container-lowest:#fff;--surface-container-low:#f2f4f6;--surface-container:#eceef0;--surface-container-high:#e6e8ea;--surface-container-highest:#e1e3e5;--surface-dim:#d8dadc;--color-border:transparent;--color-divider:#eceef0;--color-ghost-border:#bfc8cc26;--color-border-strong:#bfc8cc59;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-main:0 4px 20px #191c1e0a;--shadow-floating:0 12px 32px #191c1e0f;--shadow-modal:0 24px 40px #0000000d;--transition-speed:.3s}[data-theme=dark]{--color-primary:#8ad1e9;--color-primary-container:#358096;--color-primary-hover:#a3dce8;--color-primary-muted:#5c7b80;--color-on-primary:#003643;--color-text-main:#f8f9fc;--color-text-muted:#bec8cc;--color-bg-page:#111416;--color-bg-card:#191c1e;--color-bg-input:#1f2326;--surface-container-lowest:#191c1e;--surface-container-low:#212529;--surface-container:#2b3034;--surface-container-high:#343a3e;--surface-container-highest:#3e4449;--surface-dim:#0b0e0f;--color-border:transparent;--color-divider:#2b3034;--color-ghost-border:#ffffff1a;--color-border-strong:#ffffff40;--color-danger-soft:#ef44442e;--shadow-main:0 10px 25px #0000004d}[data-theme=pastel]{--color-primary:#5c88ab;--color-primary-container:#527c9d;--color-primary-hover:#446987;--color-primary-muted:#80a4c2;--color-on-primary:#fff;--color-inverse-primary:#ebf4fc;--color-secondary:#527c9d;--color-secondary-container:#ebf4fc;--color-tertiary:#b45309;--color-tertiary-container:#fef3c7;--badge-bestseller-bg:#fdeee2;--badge-bestseller-text:#c26732;--badge-new-bg:#ebf7f0;--badge-new-text:#3d8662;--coin-gold-bg:#fef3c7;--coin-gold-text:#b45309;--coin-silver-bg:#f1f5f9;--coin-silver-text:#475569;--color-text-main:#2c3644;--color-text-muted:#475569;--color-text-subtle:#64748b;--color-bg-page:#fdfaf5;--color-bg-card:#fff;--color-bg-input:#fff;--surface-container-lowest:#fff;--surface-container-low:#faf6ee;--surface-container:#f8f3eb;--surface-container-high:#ebf4fc;--surface-container-highest:#efe7d8;--surface-dim:#efe7d8;--color-border:transparent;--color-divider:#efe7d8;--color-ghost-border:#5c88ab26;--color-border-strong:#5c88ab59;--shadow-main:0 4px 20px #5c88ab14;--shadow-cta:0 6px 18px #5c88ab40}}@layer components{.text-truncate-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.theme-transitionable,nav,button,a,input,textarea,select{transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease, border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease}.fade-enter{opacity:1;transition:opacity .2s ease-in}.fade-exit{opacity:.5;transition:opacity .1s ease-out}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.4s ease-out forwards fadeInSlide}.apply-creator-page{max-width:860px;min-height:calc(100vh - 120px);margin:0 auto;padding:2.5rem 1rem}.apply-creator-page .creator-bento-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.apply-creator-page .bento-tile{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-main);transition:transform var(--transition-speed) ease;overflow-wrap:break-word;min-width:0;padding:1.5rem}.apply-creator-page .bento-hero-tile{background:linear-gradient(135deg, var(--surface-container-lowest), var(--surface-container-low));grid-column:span 2}.apply-creator-page .bento-hero-tile h1{color:var(--color-text-main);margin-bottom:.5rem;font-size:28px}.apply-creator-page .bento-span-full{grid-column:span 2}.apply-creator-page .bento-badge{font-family:var(--font-label);color:var(--color-tertiary);background-color:var(--color-tertiary-container);border-radius:var(--radius-full);align-items:center;gap:6px;margin-bottom:.75rem;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.apply-creator-page .bento-subtext{color:var(--color-text-muted);overflow-wrap:break-word;font-size:14px;line-height:1.6}.apply-creator-page .bento-form-wrapper{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.apply-creator-page .bento-input-cell{background-color:var(--surface-container-lowest);min-width:0}.apply-creator-page .bento-label{font-family:var(--font-label);color:var(--color-text-muted);margin-bottom:.5rem;font-size:12px;font-weight:600;display:block}.apply-creator-page .bento-input,.apply-creator-page .bento-textarea{background-color:var(--color-bg-input);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--color-text-main);outline:none;padding:.85rem 1.1rem;font-size:16px}:is(.apply-creator-page .bento-input,.apply-creator-page .bento-textarea):focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10677c26}.apply-creator-page .bento-actions-tile{justify-content:flex-end;gap:1rem;padding:1rem 0;display:flex}.apply-creator-page .bento-btn-primary{background-color:var(--color-primary-container);color:var(--color-on-primary);border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:8px;padding:.85rem 2rem;font-size:14px;font-weight:600;display:inline-flex}.apply-creator-page .bento-btn-primary:hover{background-color:var(--color-primary-hover)}.apply-creator-page .bento-btn-secondary{background-color:var(--surface-container-high);color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none;padding:.85rem 1.5rem;font-size:14px;font-weight:600}.apply-creator-page .bento-status-tile{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem;display:flex}.apply-creator-page .bento-status-tile .status-icon{font-size:48px}.apply-creator-page .bento-status-tile .status-icon.success{color:var(--color-success)}.apply-creator-page .bento-status-tile .status-icon.warning{color:var(--color-accent)}.r-point-icon{vertical-align:-.15em;object-fit:contain;width:1.15em;height:1.15em;margin-right:4px;display:inline-block}.r-point-icon-sm{vertical-align:-.1em;object-fit:contain;opacity:.85;width:.9em;height:.9em;margin-right:3px;display:inline-block}.t-point-icon{vertical-align:-.15em;object-fit:contain;width:1.15em;height:1.15em;margin-right:4px;display:inline-block}.t-point-icon-sm{vertical-align:-.1em;object-fit:contain;opacity:.85;width:.9em;height:.9em;margin-right:3px;display:inline-block}@media (width<=640px){.apply-creator-page .creator-bento-grid,.apply-creator-page .bento-form-wrapper{grid-template-columns:1fr}.apply-creator-page .bento-hero-tile,.apply-creator-page .bento-input-cell{grid-column:span 1}}html{scroll-behavior:smooth;scrollbar-gutter:stable;height:100%}body{background-color:var(--color-bg-page,#f8f9fc);width:100%;min-height:100vh;color:var(--color-text-main,#191c1e);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow-x:hidden}.app-container{background-color:var(--color-bg-page);min-height:100vh;color:var(--color-text-main);transition:background-color var(--transition-speed), color var(--transition-speed);flex-direction:column;display:flex;height:auto!important}.content-area{flex-direction:column;width:100%;max-width:100%;min-height:calc(100vh - 70px);margin:0;padding:0;display:flex;height:auto!important;overflow:hidden visible!important}.content-area,.fade-in-content{box-shadow:none!important;border:none!important;outline:none!important}.fade-in-content{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0!important}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#a38c5d73!important}::-webkit-scrollbar-thumb:hover{background-color:#a38c5dcc!important}*{scrollbar-width:thin;scrollbar-color:var(--surface-container-high,#e6e8ea) transparent}}@layer pages{.new-address-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(12px);background-color:#191c1ea6;justify-content:center;align-items:center;padding:1rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards newAddressModalFadeIn;display:flex;position:fixed;inset:0}@keyframes newAddressModalFadeIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.new-address-modal-content{background-color:var(--color-bg-card);width:100%;max-width:38rem;max-height:90vh;color:var(--color-text-main);border-radius:var(--radius-xl);border:1px solid var(--color-ghost-border);box-shadow:var(--shadow-modal);transition:background-color var(--transition-speed) ease;flex-direction:column;display:flex;position:relative;overflow:hidden}.new-address-modal-content .modal-header{border-bottom:1px solid var(--color-ghost-border);justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;display:flex}.new-address-modal-content .modal-header h2{font-family:var(--font-serif);color:var(--color-text-main);letter-spacing:-.02em;align-items:center;gap:.75rem;margin:0;font-size:1.35rem;font-weight:700;display:flex}.new-address-modal-content .btn-back,.new-address-modal-content .close-btn{border-radius:var(--radius-full);width:2.25rem;height:2.25rem;color:var(--color-text-muted);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;font-size:1.125rem;transition:all .2s;display:inline-flex}.new-address-modal-content .btn-back:hover,.new-address-modal-content .close-btn:hover{background-color:var(--surface-container-high);color:var(--color-primary)}.new-address-modal-content .btn-back:disabled,.new-address-modal-content .close-btn:disabled{opacity:.5;cursor:not-allowed}.new-address-modal-content .modal-body-scroll{flex-direction:column;flex:1;padding:1.5rem 2rem;display:flex;overflow-y:auto}.new-address-modal-content .modal-body-scroll::-webkit-scrollbar{width:6px}.new-address-modal-content .modal-body-scroll::-webkit-scrollbar-track{background:0 0}.new-address-modal-content .modal-body-scroll::-webkit-scrollbar-thumb{background:var(--surface-container-highest);border-radius:var(--radius-full)}.new-address-modal-content .form-group-wrapper{flex-direction:column;gap:1.25rem;display:flex}.new-address-modal-content .form-field-item{flex-direction:column;gap:.375rem;display:flex}.new-address-modal-content .form-label-title{font-family:var(--font-label);color:var(--color-text-main);align-items:center;gap:.25rem;font-size:.875rem;font-weight:700;display:flex}.new-address-modal-content .required-star{color:var(--color-danger);font-weight:700}.new-address-modal-content .optional-text{color:var(--color-text-muted);margin-left:.25rem;font-size:.75rem;font-weight:400}.new-address-modal-content .custom-single-input{border:1.5px solid var(--color-ghost-border);border-radius:var(--radius-md);background-color:var(--color-bg-input);width:100%;color:var(--color-text-main);font-family:var(--font-sans);border-color:#bfc8cc73;outline:none;padding:.875rem 1.125rem;font-size:.9375rem;transition:all .2s}.new-address-modal-content .custom-single-input:focus{border-color:var(--color-primary);background-color:var(--color-bg-card);box-shadow:0 0 0 3px #10677c40}.new-address-modal-content .custom-single-input::placeholder{color:var(--color-text-muted)}.new-address-modal-content .form-grid-2x2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=480px){.new-address-modal-content .form-grid-2x2{grid-template-columns:1fr}}.new-address-modal-content .modal-footer{border-top:1px solid var(--color-ghost-border);justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.new-address-modal-content .btn-secondary{border:1px solid var(--color-ghost-border);border-radius:var(--radius-full);color:var(--color-text-main);font-family:var(--font-label);cursor:pointer;background-color:#0000;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:700;transition:all .2s}.new-address-modal-content .btn-secondary:hover{background-color:var(--surface-container-high)}.new-address-modal-content .btn-primary{border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-text-on-primary);font-family:var(--font-label);cursor:pointer;border:none;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #10677c40}.new-address-modal-content .btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.new-address-modal-content .btn-primary:disabled,.new-address-modal-content .btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=640px){.new-address-modal-overlay{align-items:flex-end;padding:0}.new-address-modal-content{border-bottom:none;border-radius:20px 20px 0 0;max-width:100%;max-height:90dvh;animation:.3s cubic-bezier(.16,1,.3,1) forwards newAddressModalSlideUp}@keyframes newAddressModalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.new-address-modal-content .modal-header{padding:1.25rem 1.25rem .875rem}.new-address-modal-content .modal-header h2{font-size:1.15rem}.new-address-modal-content .modal-body-scroll{padding:1.25rem}.new-address-modal-content .custom-single-input{padding:.75rem 1rem;font-size:16px}.new-address-modal-content .form-grid-2x2{grid-template-columns:1fr;gap:1.25rem}.new-address-modal-content .modal-footer{margin-top:1rem;padding-top:1rem}.new-address-modal-content .btn-secondary,.new-address-modal-content .btn-primary{text-align:center;flex:1;justify-content:center;padding:.8rem 1rem;font-size:.92rem}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);background-color:#191c1ea6;justify-content:center;align-items:center;padding:1rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards addressModalFadeIn;display:flex;position:fixed;inset:0}@keyframes addressModalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-content.large-size.address-modal-alexandria{background-color:var(--color-bg-card);width:100%;max-width:44rem;max-height:90vh;color:var(--color-text-main);border-radius:var(--radius-xl);border:1px solid var(--color-ghost-border);box-shadow:var(--shadow-modal);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;flex-direction:column;display:flex;position:relative;overflow:hidden}.address-modal-alexandria .modal-inner-body{flex-direction:column;height:100%;padding:1.75rem 2rem;display:flex;overflow:hidden}.address-modal-alexandria .close-btn{z-index:10;border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--color-text-muted);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;font-size:1.25rem;transition:background-color .2s,color .2s,transform .15s;display:inline-flex;position:absolute;top:1.25rem;right:1.25rem}.address-modal-alexandria .close-btn:hover{background-color:var(--surface-container-high);color:var(--color-primary)}.address-modal-alexandria .close-btn:active{transform:scale(.92)}.address-modal-alexandria h2{font-family:var(--font-serif);color:var(--color-text-main);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.address-modal-alexandria .tab-bar-container{border-bottom:1px solid var(--color-ghost-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.address-modal-alexandria .tab-switch-group{background-color:var(--surface-container-low);border-radius:var(--radius-full);padding:.25rem;display:flex}.address-modal-alexandria .tab-btn{border-radius:var(--radius-full);font-family:var(--font-label);color:var(--color-text-muted);cursor:pointer;background-color:#0000;border:none;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .2s}.address-modal-alexandria .tab-btn.active{background-color:var(--color-primary-container);color:var(--color-text-on-primary);box-shadow:0 2px 6px #35809633}.address-modal-alexandria .btn-add-address{border:1px solid var(--color-ghost-border);border-radius:var(--radius-full);color:var(--color-primary);font-family:var(--font-label);cursor:pointer;background-color:#0000;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex}.address-modal-alexandria .btn-add-address:hover{background-color:var(--surface-container-low);transform:translateY(-1px)}.address-modal-alexandria .address-list-scroll{flex-direction:column;flex:1;gap:1.25rem;max-height:24rem;margin-top:1rem;padding:.5rem .625rem .5rem .25rem;display:flex;overflow-y:auto}.address-modal-alexandria .address-list-scroll::-webkit-scrollbar{width:6px}.address-modal-alexandria .address-list-scroll::-webkit-scrollbar-track{background:0 0}.address-modal-alexandria .address-list-scroll::-webkit-scrollbar-thumb{background:var(--surface-container-highest);border-radius:var(--radius-full)}.address-modal-alexandria .address-card-item{border-radius:var(--radius-xl);background-color:var(--color-bg-card);border:1px solid var(--color-ghost-border);box-shadow:var(--shadow-main);cursor:pointer;align-items:flex-start;gap:1.25rem;padding:1.5rem;transition:all .2s;display:flex}.address-modal-alexandria .address-card-item:hover{background-color:var(--surface-container-low);border-color:var(--color-primary-container)}.address-modal-alexandria .address-card-item.selected{background-color:var(--surface-container-low);border-color:var(--color-primary)}.address-modal-alexandria .address-radio-input{appearance:none;border:2px solid var(--surface-container-highest);cursor:pointer;border-radius:50%;outline:none;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.25rem;transition:all .2s}.address-modal-alexandria .address-radio-input:checked{border-color:var(--color-primary);background-color:var(--color-primary);box-shadow:inset 0 0 0 3px var(--color-bg-card)}.address-modal-alexandria .recipient-name{font-family:var(--font-serif);color:var(--color-text-main);font-size:1.125rem;font-weight:700;line-height:1.4}.address-modal-alexandria .default-badge{border-radius:var(--radius-full);background-color:var(--color-primary-container);color:var(--color-text-on-primary);font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;vertical-align:middle;align-items:center;margin-left:.5rem;padding:.2rem .625rem;font-size:.625rem;font-weight:700;display:inline-flex}.address-modal-alexandria .address-text-details{font-family:var(--font-sans);color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.address-modal-alexandria .btn-action-edit,.address-modal-alexandria .btn-action-star,.address-modal-alexandria .btn-action-delete{border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-label);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.address-modal-alexandria .btn-action-edit{color:var(--color-primary)}.address-modal-alexandria .btn-action-edit:hover{background-color:var(--surface-container-low)}.address-modal-alexandria .btn-action-star:hover{color:var(--color-primary);background-color:var(--surface-container-low)}.address-modal-alexandria .btn-action-delete:hover{color:var(--color-danger);background-color:var(--color-danger-soft)}.address-modal-alexandria .modal-footer-actions{border-top:1px solid var(--color-ghost-border);gap:1.25rem;margin-top:auto;padding-top:1.25rem;display:flex}.address-modal-alexandria .btn-footer-cancel{border-radius:var(--radius-full);background-color:var(--surface-container-high);color:var(--color-text-muted);font-family:var(--font-label);cursor:pointer;border:none;flex:1;padding:.875rem;font-size:1rem;font-weight:700;transition:background-color .2s}.address-modal-alexandria .btn-footer-cancel:hover{background-color:var(--surface-container-highest)}.address-modal-alexandria .btn-footer-confirm{border-radius:var(--radius-full);background-color:var(--color-primary-container);color:var(--color-text-on-primary);font-family:var(--font-label);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #35809640}.address-modal-alexandria .btn-footer-confirm:hover{filter:brightness(1.1);transform:translateY(-1px)}.address-modal-alexandria .btn-footer-confirm:active{transform:scale(.98)}@media (width<=640px){.modal-overlay{align-items:flex-end;padding:0}.modal-content.large-size.address-modal-alexandria{border-bottom:none;border-radius:20px 20px 0 0;max-width:100%;max-height:85dvh;animation:.3s cubic-bezier(.16,1,.3,1) forwards addressModalSlideUp}@keyframes addressModalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.address-modal-drag-handle{background-color:var(--surface-container-highest);border-radius:var(--radius-full);flex-shrink:0;width:38px;height:4px;margin:10px auto 0}.address-modal-alexandria .modal-inner-body{padding:1rem 1.25rem 1.25rem}.address-modal-alexandria h2{margin-bottom:.75rem;font-size:1.35rem}.address-modal-alexandria .tab-bar-container{flex-direction:column;align-items:stretch;gap:.75rem}.address-modal-alexandria .tab-switch-group{width:100%}.address-modal-alexandria .tab-btn{text-align:center;flex:1;padding:.6rem .5rem}.address-modal-alexandria .btn-add-address{justify-content:center;width:100%;padding:.65rem}.address-modal-alexandria .address-card-item{gap:.875rem;padding:1rem}.address-modal-alexandria .modal-footer-actions{gap:.75rem;padding-top:1rem}.address-modal-alexandria .btn-footer-cancel,.address-modal-alexandria .btn-footer-confirm{padding:.75rem;font-size:.92rem}}.checkout-page-wrapper{background-color:var(--color-bg-page);flex-direction:column;min-height:100dvh;display:flex}.checkout-content-area{flex:1;width:100%}.fade-in-content{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInCheckout}@keyframes fadeInCheckout{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.checkout-page-container{max-width:1440px;font-family:var(--font-sans);color:var(--color-text-main);box-sizing:border-box;margin:20px auto 40px;padding:0 32px}.checkout-top-header{margin-bottom:24px}.checkout-page-title{font-family:var(--font-serif);color:var(--color-text-main);margin-top:12px;font-size:2rem;font-weight:700;line-height:1.2}.back-to-shop-btn{border:1px solid var(--color-ghost-border);color:var(--color-text-muted);font-family:var(--font-label);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-speed) ease;background:0 0;align-items:center;gap:8px;padding:8px 18px;font-size:.92rem;font-weight:600;display:inline-flex}.back-to-shop-btn:hover{color:var(--color-primary);background-color:var(--surface-container-low);border-color:var(--color-primary-container)}.checkout-layout-grid{grid-template-columns:1fr 460px;align-items:start;gap:32px;display:grid}.checkout-layout-grid.no-physical{grid-template-columns:1fr;max-width:680px;margin:0 auto}.checkout-main-content{flex-direction:column;gap:20px;display:flex}.checkout-section-card{background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-ghost-border);box-shadow:var(--shadow-main);box-sizing:border-box;padding:24px 28px;overflow:hidden}.section-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.title-with-icon{align-items:center;gap:12px;display:flex}.title-with-icon h2{font-family:var(--font-serif);color:var(--color-text-main);margin:0;font-size:1.25rem;font-weight:700}.section-icon-primary{color:var(--color-primary);font-size:1.35rem}.edit-link-btn{color:var(--color-primary);font-family:var(--font-label);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-speed) ease;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:.9rem;font-weight:600;display:inline-flex}.edit-link-btn:hover{background-color:var(--surface-container-low);text-decoration:none}.address-display-box{background-color:var(--color-bg-page);border-radius:var(--radius-lg);border:1px solid var(--color-ghost-border);box-sizing:border-box;min-height:72px;padding:16px 20px}.address-user-name{color:var(--color-text-main);margin-bottom:6px;font-size:.95rem;font-weight:700}.address-details-text{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.shipping-empty-warning-box{background-color:var(--color-danger-soft);border:1px solid var(--color-ghost-border);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-speed) ease;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.shipping-empty-warning-box:hover{background-color:var(--surface-container-low)}.shipping-empty-warning-content{align-items:center;gap:12px;display:flex}.warning-emoji{font-size:1.25rem}.warning-main-title{font-family:var(--font-label);color:var(--color-danger);margin-bottom:2px;font-size:.92rem;font-weight:700}.warning-subtitle{color:var(--color-text-muted);font-size:.82rem}.warning-arrow-icon{color:var(--color-text-muted);font-size:1.1rem}.delivery-options-list{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;display:flex}.delivery-option-item{border-radius:var(--radius-lg);background-color:var(--color-bg-page);border:1px solid var(--color-ghost-border);cursor:pointer;transition:all var(--transition-speed) ease;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;min-height:68px;padding:16px 20px;display:flex}.delivery-option-item.active{border-color:var(--color-primary);background-color:var(--surface-container-low)}.radio-with-info{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.radio-with-info input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.option-title{font-family:var(--font-label);color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.92rem;font-weight:700;overflow:hidden}.option-sub{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.82rem;overflow:hidden}.option-price-tag{font-family:var(--font-label);color:var(--color-primary);text-align:right;white-space:nowrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;min-width:120px;margin-left:12px;font-size:.92rem;font-weight:700;display:inline-flex}.sticky-sidebar-container{flex-direction:column;gap:16px;display:flex;position:sticky;top:85px}.confirm-order-summary-card h2{font-family:var(--font-serif);color:var(--color-text-main);margin-bottom:16px;font-size:1.3rem;font-weight:700}.warning-banner{background-color:var(--color-tertiary-container);color:var(--color-tertiary);font-family:var(--font-label);border-radius:var(--radius-md);margin-bottom:14px;padding:10px 14px;font-size:.82rem;font-weight:600}.warning-banner.red-warning-banner{background-color:var(--color-danger-soft);color:var(--color-danger)}.summary-items-list{border-bottom:1px solid var(--color-ghost-border);box-sizing:border-box;flex-direction:column;gap:12px;max-height:280px;margin-bottom:16px;padding-bottom:16px;padding-right:6px;display:flex;overflow-y:auto}.summary-items-list::-webkit-scrollbar{width:5px}.summary-items-list::-webkit-scrollbar-thumb{background-color:var(--surface-container-highest);border-radius:var(--radius-full)}.summary-item-row{border-radius:var(--radius-md);transition:background-color var(--transition-speed) ease;box-sizing:border-box;align-items:center;gap:12px;padding:8px;display:flex}.summary-item-row.violation-row{background-color:var(--color-danger-soft)}.summary-item-row .item-thumbnail-box{border-radius:var(--radius-sm);border:1px solid var(--color-ghost-border);background:var(--color-bg-page);flex-shrink:0;width:52px;height:52px;overflow:hidden}.summary-item-row .item-thumbnail-box img{object-fit:cover;width:100%;height:100%}.summary-item-row .item-detail-info{flex:1;min-width:0}.summary-item-row .item-detail-info h4{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.9rem;font-weight:600;overflow:hidden}.summary-item-row .item-meta{align-items:center;gap:8px;display:flex}.summary-item-row .item-quantity{font-family:var(--font-label);color:var(--color-text-muted);font-size:.78rem}.summary-item-row .category-tag{border-radius:var(--radius-full);font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;font-size:.65rem;font-weight:700}.category-tag.digital{background:var(--color-secondary-container);color:var(--color-primary)}.category-tag.physical{color:var(--color-success);background:#10b9811f}.violation-text{font-family:var(--font-label);color:var(--color-danger);align-items:center;gap:4px;margin-top:2px;font-size:.72rem;font-weight:600;display:inline-flex}.summary-item-row .item-price-section{flex-shrink:0;align-items:center;gap:6px;display:flex}.original-price-strike{color:var(--color-text-muted);align-items:center;gap:2px;font-size:.78rem;text-decoration:line-through;display:inline-flex}.ticket-discount-icon{color:var(--color-tertiary,#e06d53);font-size:1rem}.summary-item-row .item-price{font-family:var(--font-label);color:var(--color-text-main);align-items:center;gap:4px;font-size:.92rem;font-weight:700;display:inline-flex}.summary-item-row .item-price.discounted{color:var(--color-tertiary,#e06d53)}.r-point-icon,.r-point-icon-sm{object-fit:contain;vertical-align:middle;width:18px;height:18px}.r-point-icon-sm{width:14px;height:14px}.summary-price-breakdown{border-bottom:1px solid var(--color-ghost-border);margin-bottom:16px;padding-bottom:14px}.calc-row{color:var(--color-text-muted);justify-content:space-between;align-items:center;min-height:20px;margin-bottom:10px;font-size:.9rem;display:flex}.calc-row.discount-row{color:var(--color-success,#10b981);font-weight:600}.calc-row.discount-row .discount-label{align-items:center;gap:6px;display:flex}.calc-row.discount-row .discount-amount{font-family:var(--font-label);color:var(--color-success,#10b981);font-weight:700}.grand-total-row{border-top:1px solid var(--color-ghost-border);justify-content:space-between;align-items:flex-end;margin-top:14px;padding-top:14px;display:flex}.grand-total-row>span:first-child{font-family:var(--font-label);color:var(--color-text-main);font-size:1.05rem;font-weight:700}.total-price-text{text-align:right}.sub-vat-text{color:var(--color-text-muted);margin-bottom:2px;font-size:.72rem;display:block}.price-amount{font-family:var(--font-label);color:var(--color-primary);font-size:1.65rem;font-weight:800}.r-point-balance-box{background:var(--surface-container-low);border-radius:var(--radius-lg);border:1px solid var(--color-ghost-border);margin-bottom:20px;padding:14px 16px}.r-point-balance-row{justify-content:space-between;align-items:center;display:flex}.r-point-label{font-family:var(--font-label);color:var(--color-text-main);font-size:.88rem;font-weight:600}.r-point-value{font-family:var(--font-label);color:var(--color-accent);align-items:center;gap:6px;font-size:1rem;font-weight:800;display:flex}.r-point-warning{font-family:var(--font-label);color:var(--color-danger);margin-top:6px;font-size:.78rem;font-weight:600}.payment-action-btn{border-radius:var(--radius-full);background-color:var(--color-primary-container);width:100%;height:50px;color:var(--color-on-primary);font-family:var(--font-label);cursor:pointer;transition:all var(--transition-speed) ease;border:none;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #35809638}.payment-action-btn:hover:not(:disabled){background-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 6px 18px #10677c4d}.payment-action-btn:active:not(:disabled){transform:translateY(0)}.payment-action-btn:disabled{background:var(--surface-container-high);color:var(--color-text-muted);opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.terms-agree-notice{text-align:center;color:var(--color-text-muted);margin-top:12px;font-size:.75rem;line-height:1.4}.insufficient-coins-action-box{flex-direction:column;gap:8px;display:flex}.topup-redirect-btn{border-radius:var(--radius-full);border:1px solid var(--color-ghost-border);background-color:var(--color-accent,#e06d53);color:#fff;width:100%;height:48px;font-family:var(--font-label);cursor:pointer;transition:all var(--transition-speed) ease;box-sizing:border-box;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:0 16px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #e06d5340}.topup-redirect-btn:hover{background-color:var(--color-accent-hover,#c85a42);transform:translateY(-1px);box-shadow:0 6px 18px #e06d5359}.topup-redirect-btn:active{transform:translateY(0)}.trust-badge-card{background:var(--color-bg-page);border:1px solid var(--color-ghost-border);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:16px;display:flex}.trust-badge-icon{background:var(--surface-container-low);width:40px;height:40px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.trust-badge-title{font-family:var(--font-label);color:var(--color-text-main);margin-bottom:2px;font-size:.88rem;font-weight:700}.trust-badge-sub{color:var(--color-text-muted);font-size:.78rem}.empty-cart-text{text-align:center;color:var(--color-text-muted);padding:20px 0;font-size:.88rem}@media (width<=1024px){.checkout-layout-grid,.checkout-layout-grid.no-physical{grid-template-columns:1fr;max-width:100%}.sticky-sidebar-container{position:static}}@media (width<=640px){.checkout-page-container{box-sizing:border-box!important;width:100%!important;margin:12px auto 24px!important;padding:0 12px!important}.checkout-page-title{margin-top:8px!important;font-size:1.5rem!important}.checkout-section-card{border-radius:var(--radius-lg)!important;box-sizing:border-box!important;width:100%!important;padding:16px 14px!important;overflow:hidden!important}.title-with-icon h2{font-size:1.05rem!important}.delivery-option-item{min-height:auto!important;padding:12px!important}.radio-with-info{gap:10px!important}.option-price-tag{min-width:auto!important;font-size:.85rem!important}.summary-items-list{max-height:none!important;padding-right:0!important}.summary-item-row{box-sizing:border-box!important;flex-wrap:wrap!important;gap:10px!important;width:100%!important;padding:10px 8px!important;display:flex!important}.summary-item-row .item-thumbnail-box{flex-shrink:0!important;width:48px!important;height:48px!important}.summary-item-row .item-detail-info{flex:calc(100% - 62px)!important;min-width:0!important}.summary-item-row .item-detail-info h4{white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;font-size:.875rem!important}.summary-item-row .item-price-section{border-top:1px dashed var(--color-ghost-border)!important;justify-content:flex-end!important;width:100%!important;margin-top:4px!important;padding-top:6px!important}.price-amount{font-size:1.35rem!important}.payment-action-btn,.topup-redirect-btn{box-sizing:border-box!important;white-space:normal!important;word-break:break-word!important;text-align:center!important;justify-content:center!important;width:100%!important;height:46px!important;padding:0 12px!important;font-size:.85rem!important}.topup-redirect-btn{align-items:center!important;gap:6px!important;margin-top:10px!important;display:inline-flex!important}.terms-agree-notice{margin-top:10px!important;font-size:.7rem!important}}}.loading-screen-container{z-index:99999;background-color:var(--color-bg-main,#faf9f9);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.concentric-ring-spinner{width:3rem;height:3rem;color:var(--color-primary-muted,#7c989c);animation:loading-ui-concentric-ring-rotation var(--duration,1s) linear infinite;display:inline-block;position:relative}.concentric-ring-spinner .ring-outer{border-radius:var(--radius-full,9999px);opacity:.25;border:2px solid;position:absolute;inset:0}.concentric-ring-spinner .ring-inner{border-radius:var(--radius-full,9999px);border:2px solid #0000;border-bottom-color:currentColor;width:83.333%;height:83.333%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes loading-ui-concentric-ring-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=640px){.concentric-ring-spinner{width:2.5rem;height:2.5rem}}.notification-wrapper{display:inline-block;position:relative}.btn-notification-trigger{color:var(--color-text-main);cursor:pointer;border-radius:var(--radius-full,9999px);background:0 0;border:none;padding:8px;font-size:1.2rem;transition:background-color .2s;position:relative}.btn-notification-trigger:hover{background-color:var(--surface-container)}.notification-badge-pill{background-color:var(--color-danger,#ef4444);color:#fff;border-radius:var(--radius-full,9999px);font-size:.7rem;font-weight:700;line-height:1;font-family:var(--font-sans,"Inter", sans-serif);padding:2px 6px;position:absolute;top:2px;right:2px}.notification-popover{background-color:var(--surface-container-lowest);border:1px solid var(--color-ghost-border,#bfc8cc26);border-radius:var(--radius-lg,16px);width:360px;max-height:480px;box-shadow:var(--shadow-main,0px 8px 24px #0000000f);z-index:1050;font-family:var(--font-sans,"Inter", sans-serif);flex-direction:column;display:flex;position:absolute;top:120%;right:0;overflow:hidden}.notification-header{background-color:var(--surface-container-low);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.header-left{align-items:center;gap:8px;display:flex}.header-title{font-family:var(--font-serif,"Noto Serif", serif);color:var(--color-text-main);font-size:1rem;font-weight:700}.unread-tag{background-color:var(--color-secondary-container);color:var(--color-primary);border-radius:var(--radius-full,9999px);font-size:.75rem;font-family:var(--font-sans,"Inter", sans-serif);padding:2px 8px}.btn-mark-all-read{background-color:var(--surface-container-high);color:var(--color-primary);border-radius:var(--radius-full,9999px);cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-sans,"Inter", sans-serif);border:none;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;transition:all .2s;display:flex}.btn-mark-all-read:hover{background-color:var(--color-primary-container);color:var(--color-on-primary)}.btn-mark-all-read:disabled{opacity:.5;cursor:not-allowed}.notification-tabs{background-color:var(--surface-container-low);border-bottom:1px solid var(--color-ghost-border,#bfc8cc26);gap:6px;padding:6px 12px;display:flex}.tab-btn{color:var(--color-secondary);border-radius:var(--radius-full,9999px);cursor:pointer;text-align:center;font-size:.78rem;font-weight:600;font-family:var(--font-sans,"Inter", sans-serif);background:0 0;border:none;flex:1;padding:6px 10px;transition:all .2s}.tab-btn:hover{background-color:var(--surface-container);color:var(--color-text-main)}.tab-btn.active{background-color:var(--color-primary,#10677c);color:#fff;font-weight:700}.notification-list{flex-direction:column;display:flex;overflow-y:auto}.notification-item{background-color:var(--surface-container-lowest);cursor:pointer;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex;position:relative}.notification-item.unread{background-color:var(--surface-container-low)}.notification-item:hover{background-color:var(--surface-container)}.item-content{flex:1;min-width:0}.item-title{font-family:var(--font-serif,"Noto Serif", serif);color:var(--color-text-main);margin-bottom:4px;font-size:.875rem;font-weight:600}.item-message{font-family:var(--font-sans,"Inter", sans-serif);color:var(--color-secondary);-webkit-line-clamp:5;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.item-time{font-family:var(--font-sans,"Inter", sans-serif);color:var(--color-outline,#8e9192);font-size:.7rem}.unread-dot{background-color:var(--color-primary);border-radius:var(--radius-full,9999px);flex-shrink:0;width:8px;height:8px;margin-top:6px}.empty-state{text-align:center;color:var(--color-secondary);font-size:.85rem;font-family:var(--font-sans,"Inter", sans-serif);padding:24px}.notification-popover.is-pending{opacity:.7;pointer-events:none;transition:opacity .2s}.notif-highlight-code{color:var(--color-primary,#10677c);font-weight:700;font-family:var(--font-sans,"Inter", sans-serif);letter-spacing:.5px;padding:0 3px}.notif-highlight-text{color:var(--color-text-main,#191c1e);font-weight:600;font-family:var(--font-sans,"Inter", sans-serif)}@media (width<=640px){.notification-wrapper.mobile{width:100%}.notification-wrapper.mobile .notification-popover{width:calc(100vw - 32px);max-height:70vh;position:fixed;top:60px;left:16px;right:16px}}.navbar{background-color:var(--surface-container-lowest);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-ghost-border);z-index:1000;box-sizing:border-box;width:100%;height:65px;transition:background-color var(--transition-speed) ease, border-color var(--transition-speed) ease;box-shadow:var(--shadow-main);align-items:center;padding:0 10px;display:flex;position:relative;top:0}.navbar-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:0 30px;display:flex}.navbar-logo img{cursor:pointer;object-fit:contain;width:auto;height:40px;transition:transform .2s}.navbar-logo img:hover{transform:scale(1.02)}.nav-links{gap:32px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--color-text-muted);font-family:var(--font-sans);letter-spacing:.3px;transition:color var(--transition-speed) ease;padding:6px 0;font-size:.95rem;font-weight:600;text-decoration:none;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--color-primary)}.nav-links a.active:after{content:"";background-color:var(--color-primary);border-radius:var(--radius-full);width:100%;height:2px;position:absolute;bottom:0;left:0}.nav-right{align-items:center;gap:20px;display:flex}.navbar-user-actions{align-items:center;gap:16px;display:flex}.nav-wallet-status span{font-family:var(--font-label);letter-spacing:.02em;font-size:.85rem}.nav-wallet-status:hover{background-color:var(--surface-container);border-color:var(--color-primary);transform:translateY(-1px)}.icon-dropdown-container{position:relative}.icon-dropdown-btn{background-color:var(--surface-container-low);border:1px solid var(--color-ghost-border);border-radius:var(--radius-full);color:var(--color-text-main);font-family:var(--font-label);cursor:pointer;transition:background-color var(--transition-speed) ease, border-color var(--transition-speed) ease;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:flex}.icon-dropdown-btn:hover{background-color:var(--surface-container);border-color:var(--color-primary)}.icon-dropdown-btn .icon-globe{color:var(--color-primary);font-size:.95rem}.icon-dropdown-btn .lang-code{letter-spacing:.5px;font-size:.8rem}.icon-dropdown-btn .arrow-icon{opacity:.7;font-size:.55rem}.icon-theme.light{color:#f59e0b}.icon-theme.dark{color:#8ad1e9}.icon-theme.pastel{color:#38bdf8}.icon-dropdown-menu{background-color:var(--surface-container-lowest);border:1px solid var(--color-ghost-border);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-floating);z-index:1010;padding:6px 0;list-style:none;animation:.2s cubic-bezier(.16,1,.3,1) forwards popIn;position:absolute;top:calc(100% + 8px);right:0}.icon-dropdown-menu li{cursor:pointer;color:var(--color-text-main);align-items:center;gap:10px;padding:8px 14px;font-size:.88rem;transition:background-color .2s,color .2s;display:flex}.icon-dropdown-menu li:hover,.icon-dropdown-menu li.active{background-color:var(--surface-container-low);color:var(--color-primary)}.nav-avatar-trigger{cursor:pointer;border-radius:var(--radius-full);border:2px solid var(--color-ghost-border);width:38px;height:38px;transition:border-color var(--transition-speed) ease, transform .2s ease;background:0 0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.nav-avatar-trigger:hover{border-color:var(--color-primary);transform:scale(1.04)}.nav-avatar-img-small{object-fit:cover;width:100%;height:100%}.nav-avatar-letter-small{background-color:var(--surface-container-high);width:100%;height:100%;color:var(--color-text-main);justify-content:center;align-items:center;font-weight:700;display:flex}.btn-signin{background-color:var(--color-primary-container);color:var(--color-on-primary);border-radius:var(--radius-full);padding:8px 22px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .2s}.btn-signin:hover{background-color:var(--color-primary-hover)}.nav-profile-wrapper{position:relative}.profile-popover{background-color:var(--surface-container-lowest);border-radius:var(--radius-lg);width:290px;box-shadow:var(--shadow-modal);z-index:1050;border:1px solid var(--color-ghost-border);padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) forwards popIn;position:absolute;top:calc(100% + 12px);right:0}@keyframes popIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.popover-header{text-align:center;border-bottom:1px solid var(--color-divider);padding-bottom:15px}.popover-avatar-big{border-radius:var(--radius-full);border:2px solid var(--color-ghost-border);width:64px;height:64px;margin:0 auto 10px;overflow:hidden}.popover-avatar-big img,.avatar-placeholder{object-fit:cover;width:100%;height:100%}.avatar-placeholder{background-color:var(--surface-container-high);color:var(--color-text-main);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.popover-header h3{font-family:var(--font-serif);color:var(--color-text-main);margin:4px 0;font-size:1.05rem}.popover-header p{color:var(--color-text-muted);margin:0;font-size:.8rem}.popover-coin-card{background-color:var(--surface-container-low);border:1px solid var(--color-ghost-border);border-radius:var(--radius-md);margin:15px 0;transition:background-color .2s}.popover-coin-card:hover{background-color:var(--surface-container)}.action-link{color:var(--color-text-main);padding:12px;text-decoration:none;display:block}.action{justify-content:space-between;align-items:center;font-size:.88rem;font-weight:600;display:flex}.popover-grid-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px;display:grid}.square-box{background-color:var(--surface-container-low);border:1px solid var(--color-ghost-border);border-radius:var(--radius-md);color:var(--color-text-main);flex-direction:column;justify-content:center;align-items:center;padding:10px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s;display:flex}.square-box span{margin-bottom:4px;font-size:1.2rem}.square-box:hover{background-color:var(--surface-container);border-color:var(--color-primary)}.popover-menu-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.popover-menu-list li hr{border:none;border-top:1px solid var(--color-divider);margin:6px 0}.popover-menu-list li a,.popover-menu-list li.logout-btn{color:var(--color-text-main);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:8px 10px;font-size:.88rem;text-decoration:none;transition:background-color .2s;display:flex}.popover-menu-list li a:hover{background-color:var(--surface-container-low);color:var(--color-primary)}.logout-btn{font-weight:600;color:var(--color-danger)!important}.logout-btn:hover{background-color:var(--color-danger-soft)!important}.nav-wallet-status{background-color:var(--surface-container-low);border:1px solid var(--color-ghost-border);border-radius:var(--radius-full);align-items:center;gap:12px;padding:6px 16px;text-decoration:none;transition:transform .2s,background-color .2s,border-color .2s;display:flex}.nav-wallet-status span{font-family:var(--font-label);letter-spacing:.02em;align-items:center;gap:5px;font-size:.85rem;display:inline-flex}.nav-coin-icon{object-fit:contain;vertical-align:middle;width:16px;height:16px}.navbar-mobile{background-color:var(--surface-container-lowest,#fff);border-bottom:1px solid var(--color-ghost-border,#bfc8cc26);z-index:1000;height:56px;box-shadow:var(--shadow-main,0px 4px 12px #00000008);align-items:center;display:flex;position:sticky;top:0}.nav-container-mobile{width:100%;height:100%;padding:0 16px;justify-content:space-between!important;align-items:center!important;display:flex!important}.mobile-logo img{object-fit:contain;height:28px;display:block}.mobile-right-icons{gap:12px;align-items:center!important;display:flex!important}.coin-text-gold,.coin-text-silver{align-items:center;gap:5px;display:inline-flex}.nav-mobile-avatar-frame{border:1.5px solid var(--color-ghost-border,#bfc8cc26);background-color:var(--surface-container-low,#f8fafc);cursor:pointer;min-width:34px;transition:transform .2s cubic-bezier(.15,.83,.66,1),border-color .2s;overflow:hidden;box-shadow:0 2px 6px #0000000f;border-radius:var(--radius-full,50%)!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;display:flex!important}.nav-mobile-avatar-frame:active{border-color:var(--color-primary);transform:scale(.92)}.nav-mobile-avatar-img{object-fit:cover;width:100%;height:100%}.nav-mobile-avatar-text{background-color:var(--surface-container-high,#e6e8ea);width:100%;height:100%;font-size:13px;font-weight:700;color:var(--color-text-main)!important;justify-content:center!important;align-items:center!important;line-height:1!important;display:flex!important}.bottom-nav-mobile{background-color:var(--surface-container-lowest,#fff);border-top:1px solid var(--color-ghost-border,#bfc8cc26);z-index:1000;justify-content:space-around;align-items:center;width:100%;height:56px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 16px #0000000f}.bottom-nav-item{height:100%;color:var(--color-text-muted,#64748b);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.68rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.15,.83,.66,1);display:flex}.bottom-nav-icon{width:1.05rem;height:1.05rem;transition:transform .2s cubic-bezier(.15,.83,.66,1);font-size:1.05rem!important}.bottom-nav-item.active,.bottom-nav-item:active{color:var(--color-primary,#10677c);font-weight:700}.bottom-nav-item.active .bottom-nav-icon,.bottom-nav-item:active .bottom-nav-icon{transform:translateY(-2px)}.scroll-to-top-btn{border-radius:var(--radius-full,50%);background-color:var(--color-primary-container,#358096);width:40px;height:40px;color:var(--color-on-primary,#fff);cursor:pointer;box-shadow:var(--shadow-floating);z-index:999;border:none;justify-content:center;align-items:center;font-size:1rem;transition:transform .25s cubic-bezier(.15,.83,.66,1),opacity .2s;display:flex;position:fixed;bottom:70px;right:16px}.scroll-to-top-btn:active{transform:scale(.9)}.full-page-panel{background-color:var(--color-bg-page,#f8f9fc);z-index:2000;-webkit-overflow-scrolling:touch;flex-direction:column;width:100%;height:100vh;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(100%)}.full-page-panel.active{transform:translate(0)}.panel-header{background-color:var(--surface-container-lowest,#fff);border-bottom:1px solid var(--color-ghost-border);align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;box-shadow:0 2px 8px #00000005}.back-btn{color:var(--color-text-main,#191c1e);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;padding:6px;font-size:1rem;transition:background-color .2s;display:flex}.back-btn:active{background-color:var(--surface-container-low,#f2f4f6)}.panel-title{color:var(--color-text-main,#191c1e);font-size:.98rem;font-weight:700}.panel-content{flex-direction:column;gap:10px;display:flex;overflow-y:auto;padding:14px 14px 75px!important}.mobile-menu-header{background-color:var(--surface-container-lowest,#fff);border:1px solid var(--color-ghost-border);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-main);flex-direction:column;align-items:center;padding:20px 14px;display:flex}.mobile-big-avatar-circle{border:2px solid var(--color-ghost-border);background-color:var(--surface-container-low);box-shadow:0 4px 10px #0000000f;border-radius:var(--radius-full,50%)!important;justify-content:center!important;align-items:center!important;width:64px!important;min-width:64px!important;height:64px!important;min-height:64px!important;margin:0 auto 10px!important;display:flex!important;overflow:hidden!important}.mobile-big-avatar-circle img{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;display:block!important}.mobile-big-avatar-circle span{color:var(--color-text-main);font-size:24px!important;font-weight:800!important;line-height:1!important}.mobile-user-info{text-align:center;flex-direction:column;align-items:center;display:flex}.m-username{color:var(--color-text-main,#191c1e);margin:0;font-size:1.05rem;font-weight:700}.m-email{color:var(--color-text-muted,#3f484c);margin:2px 0 0;font-size:.8rem}.coin-text-gold{color:var(--color-tertiary,#875120);font-weight:700}.coin-text-silver{color:var(--color-primary,#10677c);font-weight:700}[data-theme=dark] .coin-text-gold{color:#f59e0b}[data-theme=dark] .coin-text-silver{color:var(--color-inverse-primary,#8ad1e9)}.mobile-coin-card{background-color:var(--surface-container-lowest,#fff);border:1px solid var(--color-ghost-border);border-radius:var(--radius-md,12px);cursor:pointer;box-shadow:var(--shadow-main);justify-content:space-between;align-items:center;padding:12px 16px;transition:all .25s cubic-bezier(.15,.83,.66,1);display:flex}.mobile-coin-card:active{background-color:var(--surface-container-low);transform:scale(.98)}.mobile-coin-action{width:100%;color:var(--color-primary);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.mobile-arrow-icon{opacity:.7;font-size:.75rem}.panel-divider{color:var(--color-text-muted,#3f484c);text-transform:uppercase;letter-spacing:.8px;padding:10px 4px 4px;font-size:11px;font-weight:700}.panel-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.panel-list li{margin-bottom:0}.panel-list li a,.panel-list li.setting-row{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-md,10px);color:var(--color-text-main,#191c1e);border:1px solid var(--color-ghost-border);box-shadow:var(--shadow-main);justify-content:space-between;align-items:center;padding:10px 14px;text-decoration:none;transition:all .2s cubic-bezier(.15,.83,.66,1);display:flex}.panel-list li a:active{background-color:var(--surface-container-low);transform:scale(.98)}.menu-item-content{align-items:center;gap:10px;font-size:.88rem;font-weight:600;display:flex}.p-icon{background-color:var(--surface-container-low);border-radius:var(--radius-sm);min-width:32px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.15,.83,.66,1);display:flex;width:20px!important;height:20px!important;font-size:.9rem!important}.p-icon svg{width:16px;height:16px}.panel-list li a:active .p-icon{background-color:var(--color-primary);color:var(--color-on-primary,#fff)}.p-icon.icon-red{color:var(--color-danger,#ef4444);background-color:var(--color-danger-soft,#ef444414)}.text-red{color:var(--color-danger,#ef4444);font-weight:600}.arrow-end{color:var(--color-text-muted);font-size:.75rem}.setting-row{cursor:default}.m-theme-selector{background-color:var(--surface-container-low);border-radius:var(--radius-full);gap:6px;padding:4px;display:flex}.m-theme-btn{color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.m-theme-btn.active{background-color:var(--color-primary-container);color:var(--color-on-primary)}.setting-row-lang-custom{background-color:var(--surface-container-lowest,#fff);border:1px solid var(--color-ghost-border);border-radius:var(--radius-md,10px);box-shadow:var(--shadow-main);overflow:hidden}.lang-header-mobile{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.88rem;font-weight:600;display:flex}.current-lang-display{color:var(--color-primary);align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.arrow-icon{font-size:.7rem;transition:transform .3s}.arrow-icon.open{transform:rotate(90deg)}.mobile-lang-dropdown-list{background-color:var(--surface-container-low);border-top:1px solid var(--color-ghost-border);margin:0;padding:0;list-style:none}.mobile-lang-dropdown-list li{color:var(--color-text-main);border-bottom:1px solid var(--color-ghost-border);cursor:pointer;padding:10px 16px;font-size:.85rem}.mobile-lang-dropdown-list li:last-child{border-bottom:none}.mobile-lang-dropdown-list li:active{background-color:var(--surface-container)}.logout-spacer{height:6px}.logout-row{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-md,10px);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s cubic-bezier(.15,.83,.66,1);display:flex;background-color:var(--color-danger-soft,#ef444408)!important;border:1px solid #ef44444d!important}.logout-row:active{transform:scale(.98);background-color:#ef44441f!important}.side-divider{border:none;border-top:1px solid var(--color-divider);opacity:.6;margin:10px 0}.policy-footer-item{list-style:none}.policy-footer-item a{color:var(--color-text-muted);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:10px 12px;font-size:.82rem;text-decoration:none;transition:all .2s;display:flex}.policy-link-content{align-items:center;gap:8px;display:flex}.policy-footer-item a:active{background-color:var(--surface-container-low);color:var(--color-primary)}.policy-container{z-index:999;width:100%;position:relative}.policy-toast{background-color:var(--color-accent,#1d2b2d);color:var(--color-on-primary,#fff);box-shadow:var(--shadow-sm,0 4px 12px #0000000d);border-bottom:none;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.policy-toast .policy-message{overflow-wrap:break-word;min-width:0;font-size:.9rem;font-weight:500}.policy-toast .policy-message strong{color:var(--color-primary-light,#38bdf8);font-weight:700}.policy-toast .policy-action-btn{cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;font-size:.85rem;font-weight:600;transition:transform .2s,opacity .2s;background-color:var(--surface-container-lowest,#fff)!important;color:var(--color-accent,#1d2b2d)!important;border-radius:var(--radius-full,9999px)!important;padding:6px 18px!important}.policy-toast .policy-action-btn:hover{opacity:.95;transform:translateY(-1px)}@media (width<=640px){.policy-toast{gap:12px;padding:10px 16px}.policy-toast .policy-message{font-size:.825rem}.policy-toast .policy-action-btn{font-size:.775rem;padding:6px 14px!important}}.offline-container{z-index:99999;background-color:var(--color-bg-main,#faf9f9);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.offline-card{text-align:center;background-color:var(--color-surface-container-lowest,#fff);border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:2.5rem 2rem;display:flex;box-shadow:0 20px 40px #0000000f}.offline-card .offline-icon-wrapper{background-color:var(--color-surface-container,#f0f0f0);width:72px;height:72px;color:var(--color-primary-slate,#26393b);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.offline-card .offline-icon{width:36px;height:36px}.offline-card .offline-title{color:var(--color-primary-slate,#26393b);overflow-wrap:break-word;min-width:0;margin:0 0 .75rem;font-family:Noto Serif,serif;font-size:1.5rem;font-weight:700}.offline-card .offline-description{color:var(--color-text-secondary,#666);overflow-wrap:break-word;min-width:0;margin:0 0 2rem;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.6}.offline-card .offline-retry-btn{border-radius:var(--radius-full,9999px);background-color:var(--color-primary-slate,#26393b);color:#fff;cursor:pointer;border:none;width:100%;max-width:260px;padding:.85rem 2rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.offline-card .offline-retry-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.offline-card .offline-retry-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.offline-card{border-radius:16px;padding:2rem 1.25rem}.offline-card .offline-icon-wrapper{width:60px;height:60px;margin-bottom:1.25rem}.offline-card .offline-icon{width:28px;height:28px}.offline-card .offline-title{font-size:1.25rem}.offline-card .offline-description{font-size:.875rem}}.forgot-portal-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);background-color:#111416a6;justify-content:center;align-items:center;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) forwards portalFadeIn;display:flex;position:fixed;inset:0}.forgot-bento-card{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-modal);border:1px solid var(--color-ghost-border);flex-direction:column;gap:24px;padding:36px 32px;animation:.3s cubic-bezier(.16,1,.3,1) forwards bentoScaleUp;display:flex;position:relative;overflow:hidden}.forgot-modal-header{flex-direction:column;gap:8px;display:flex}.forgot-modal-header .forgot-modal-title{font-family:var(--font-serif);color:var(--color-text-main);letter-spacing:-.02em;margin:0;font-size:1.65rem;font-weight:700}.forgot-modal-header .forgot-modal-desc{font-family:var(--font-sans);color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.55}.forgot-modal-form{flex-direction:column;gap:20px;display:flex}.forgot-modal-form .forgot-input-block{flex-direction:column;gap:8px;display:flex}.forgot-modal-form .forgot-input-block label{font-family:var(--font-label);color:var(--color-text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.825rem;font-weight:600}.forgot-modal-form .forgot-input-block input{background-color:var(--surface-container-low);width:100%;height:50px;color:var(--color-text-main);border:1px solid var(--color-ghost-border);border-radius:var(--radius-md);font-family:var(--font-sans);transition:background-color var(--transition-speed) ease, border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;padding:0 16px;font-size:.95rem}.forgot-modal-form .forgot-input-block input:focus{background-color:var(--surface-container-lowest);border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #10677c2e}.forgot-modal-form .forgot-input-block input::placeholder{color:var(--color-text-muted);opacity:.75}.forgot-modal-form .forgot-input-block input:disabled{opacity:.6;cursor:not-allowed}.forgot-info-bento{background-color:var(--surface-container);border:1px solid var(--color-ghost-border);border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.forgot-info-bento .info-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px;font-size:1.1rem}.forgot-info-bento p{color:var(--color-text-main);margin:0;font-size:.825rem;line-height:1.5}.forgot-action-grid{gap:12px;margin-top:4px;display:flex}.forgot-action-grid .btn-portal-cancel{border-radius:var(--radius-full);background-color:var(--surface-container-high);height:48px;color:var(--color-primary);font-family:var(--font-label);cursor:pointer;border:none;flex:1;font-size:.95rem;font-weight:600;transition:background-color .2s,transform .15s}.forgot-action-grid .btn-portal-cancel:hover:not(:disabled){background-color:var(--surface-container-highest)}.forgot-action-grid .btn-portal-cancel:active:not(:disabled){transform:scale(.98)}.forgot-action-grid .btn-portal-cancel:disabled{opacity:.5;cursor:not-allowed}.forgot-action-grid .btn-portal-submit{border-radius:var(--radius-full);background-color:var(--color-primary-container);height:48px;color:var(--color-on-primary);font-family:var(--font-label);cursor:pointer;box-shadow:var(--shadow-main);border:none;flex:1.2;font-size:.95rem;font-weight:700;transition:background-color .2s,transform .15s,box-shadow .2s}.forgot-action-grid .btn-portal-submit:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-floating)}.forgot-action-grid .btn-portal-submit:active:not(:disabled){transform:scale(.98)}.forgot-action-grid .btn-portal-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@keyframes portalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bentoScaleUp{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.site-footer{background-color:var(--surface-container,#eceef0);border-top:1px solid var(--color-ghost-border,#00000026);box-sizing:border-box;flex-shrink:0;width:100%;margin-top:auto}.site-footer__inner{flex-direction:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;width:100%;max-width:1600px;margin-inline:auto;padding:1.5rem 2rem;display:flex}@media (width>=768px){.site-footer__inner{flex-direction:row}}.site-footer__brand{font-family:var(--font-serif,Noto Serif, serif);color:var(--color-text-main);font-size:1.125rem;font-weight:700}.site-footer__nav{flex-wrap:wrap;justify-content:center;gap:1.25rem;font-size:.875rem;display:flex}.site-footer__nav a{color:var(--color-secondary);text-decoration:none;transition:color .2s}.site-footer__nav a:hover{color:var(--color-primary);text-decoration:underline}.site-footer__utils{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.lang-selector{background:var(--color-bg-page,#fff);border:1px solid var(--color-ghost-border,#00000040);color:var(--color-text-main);border-radius:var(--radius-full,9999px);cursor:pointer;outline:none;padding:4px 10px;font-size:.75rem;transition:background-color .2s,border-color .2s}.lang-selector:hover{background-color:var(--surface-container-high,#cfd8dc)}.lang-selector:focus-visible{border-color:var(--color-primary)}.site-footer__version{color:var(--color-text-muted,#5f6368);opacity:.8;font-size:.75rem}.site-footer__copy{color:var(--color-text-muted,#5f6368);font-size:.8rem}@media (width<=640px){.site-footer__inner{text-align:center;flex-direction:column;gap:1rem;padding:1.25rem 1rem}.site-footer__utils{flex-direction:column;gap:.5rem}}.login-page-container{box-sizing:border-box;background-color:var(--color-bg-page,#faf9f9);min-height:100vh;color:var(--color-text-main,#26393b);flex-direction:column;align-items:center;padding:0;display:flex}.login-page-container .login-top-bar{background-color:var(--surface-container-lowest,#fff);border-bottom:1px solid var(--color-ghost-border,#00000014);justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;padding:16px 32px;display:flex}.login-page-container .login-top-bar .login-top-brand{cursor:pointer;align-items:center;gap:12px;min-width:0;display:flex}.login-page-container .login-top-bar .login-top-brand .login-top-logo{object-fit:contain;width:auto;height:36px}.login-page-container .login-top-bar .login-top-brand .login-account-text{font-family:var(--font-serif,"Noto Serif", serif);color:var(--color-text-main,#26393b);letter-spacing:.02em;overflow-wrap:break-word;font-size:1.15rem;font-weight:600}.login-page-container .login-top-bar .login-top-brand .login-account-text:before{content:"Account"}.login-page-container .login-top-bar .login-top-utils{align-items:center;display:flex}.login-page-container .login-top-bar .login-top-utils .lang-selector{background-color:var(--color-bg-page,#fff);border:1px solid var(--color-ghost-border,#00000040);color:var(--color-text-main,#26393b);border-radius:var(--radius-full,9999px);cursor:pointer;transition:background-color var(--transition-speed,.2s) ease;outline:none;padding:6px 16px;font-size:.875rem;font-weight:500}.login-page-container .login-top-bar .login-top-utils .lang-selector:hover{background-color:var(--surface-container-high,#e0e0e0);transform:none}.login-page-container .login-top-bar .login-top-utils .lang-selector:focus-visible{border-color:var(--color-primary,#26393b)}.login-page-container .bento-auth-container{flex:1 0 auto;grid-template-columns:1fr;gap:16px;width:100%;max-width:480px;margin-bottom:2.5rem;padding-inline:1rem;display:grid}.login-page-container .bento-auth-container .bento-card{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-xl,24px);box-shadow:var(--shadow-main,0 4px 20px #0000000a);border:1px solid var(--color-ghost-border,#00000014);transition:background-color var(--transition-speed,.2s) ease;min-width:0;padding:24px;transform:none}.login-page-container .bento-auth-container .bento-card:hover{transform:none}.login-page-container .bento-auth-container .bento-card-header{text-align:center;background-color:var(--surface-container-low,#f4f3f3)}.login-page-container .bento-auth-container .bento-card-header .bento-tagline{font-family:var(--font-label,sans-serif);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary,#26393b);margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.login-page-container .bento-auth-container .bento-card-header h2{font-family:var(--font-serif,"Noto Serif", serif);color:var(--color-text-main,#26393b);overflow-wrap:break-word;margin-bottom:8px;font-size:1.75rem}.login-page-container .bento-auth-container .bento-card-header .bento-subtitle{color:var(--color-text-muted,#666);overflow-wrap:break-word;font-size:.875rem;line-height:1.5}.login-page-container .bento-auth-container .bento-card-form .input-group{min-width:0;margin-bottom:16px}.login-page-container .bento-auth-container .bento-card-form .input-group input{border-radius:var(--radius-full,9999px);border:1px solid var(--color-border-strong,#00000040);background-color:var(--color-bg-input,#fff);width:100%;color:var(--color-text-main,#26393b);box-sizing:border-box;outline:none;padding:12px 18px;font-size:16px;transition:border-color .2s,box-shadow .2s}.login-page-container .bento-auth-container .bento-card-form .input-group input:focus{border-color:var(--color-primary,#26393b);box-shadow:0 0 0 3px #26393b1f}.login-page-container .bento-auth-container .bento-card-form .input-group.password-group{position:relative}.login-page-container .bento-auth-container .bento-card-form .input-group.password-group .password-toggle-icon{color:var(--color-text-muted,#666);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.login-page-container .bento-auth-container .bento-card-form .input-group.password-group .password-toggle-icon:focus-visible{outline:2px solid var(--color-primary,#26393b);border-radius:4px}.login-page-container .bento-auth-container .bento-card-form .forgot-password-container{text-align:right;margin-top:-6px;margin-bottom:16px}.login-page-container .bento-auth-container .bento-card-form .forgot-password-container .forgot-password-link{color:var(--color-primary,#26393b);cursor:pointer;font-size:.85rem;font-weight:600}.login-page-container .bento-auth-container .bento-card-form .forgot-password-container .forgot-password-link:hover{text-decoration:underline}.login-page-container .bento-auth-container .bento-card-form .validation-list{margin:0 0 16px;padding:0;list-style:none}.login-page-container .bento-auth-container .bento-card-form .validation-list .validation-item{align-items:center;gap:6px;margin-bottom:4px;font-size:.8rem;display:flex}.login-page-container .bento-auth-container .bento-card-form .validation-list .validation-item.valid{color:var(--color-success,#2e7d32)}.login-page-container .bento-auth-container .bento-card-form .validation-list .validation-item.invalid{color:var(--color-text-muted,#888)}.login-page-container .bento-auth-container .bento-card-form .validation-msg{margin-bottom:16px;font-size:.85rem;font-weight:500}.login-page-container .bento-auth-container .bento-card-form .validation-msg.valid{color:var(--color-success,#2e7d32)}.login-page-container .bento-auth-container .bento-card-form .validation-msg.invalid{color:var(--color-danger,#d32f2f)}.login-page-container .bento-auth-container .bento-card-form .btn-main{border-radius:var(--radius-full,9999px);background-color:var(--color-primary,#26393b);width:100%;color:var(--color-on-primary,#fff);cursor:pointer;border:none;padding:14px;font-size:.95rem;font-weight:600;transition:opacity .2s}.login-page-container .bento-auth-container .bento-card-form .btn-main:hover:not(:disabled){opacity:.92;transform:none}.login-page-container .bento-auth-container .bento-card-form .btn-main:active:not(:disabled){transform:none}.login-page-container .bento-auth-container .bento-card-form .btn-main:disabled{opacity:.6;cursor:not-allowed}.login-page-container .bento-auth-container .bento-card-social{text-align:center;background-color:var(--surface-container-low,#f4f3f3)}.login-page-container .bento-auth-container .bento-card-social .social-divider-text{color:var(--color-text-muted,#666);margin-bottom:14px;font-size:.85rem;display:block}.login-page-container .bento-auth-container .bento-card-social .social-action-group{flex-direction:column;align-items:center;gap:12px;display:flex}.login-page-container .bento-auth-container .bento-card-social .social-action-group .google-auth-wrapper{justify-content:center;width:100%;display:flex}.login-page-container .bento-auth-container .bento-card-social .social-action-group .btn-social-facebook{border-radius:var(--radius-full,9999px);border:1px solid var(--color-ghost-border,#00000026);background-color:var(--surface-container-high,#e8e7e7);width:100%;max-width:240px;height:40px;color:var(--color-text-muted,#666);cursor:not-allowed;opacity:.75;justify-content:center;align-items:center;gap:10px;font-size:.9rem;font-weight:500;display:flex}.login-page-container .bento-auth-container .bento-card-social .social-action-group .btn-social-facebook .facebook-icon{color:#1877f2;font-size:1.1rem}.login-page-container .bento-auth-container .bento-card-social .social-action-group .btn-social-facebook .badge-coming-soon{background-color:var(--color-tertiary-container,#e0f2f1);color:var(--color-tertiary,#00695c);border-radius:var(--radius-full,9999px);padding:2px 8px;font-size:.7rem;font-weight:600}.login-page-container .bento-auth-container .bento-card-switch{text-align:center;background-color:var(--surface-container-lowest,#fff);padding:16px}.login-page-container .bento-auth-container .bento-card-switch p{color:var(--color-text-muted,#666);overflow-wrap:break-word;margin:0;font-size:.9rem}.login-page-container .bento-auth-container .bento-card-switch p span{color:var(--color-primary,#26393b);cursor:pointer;font-weight:600}.login-page-container .bento-auth-container .bento-card-switch p span:hover{text-decoration:underline}@media (width<=640px){.login-page-container .login-top-bar{padding:12px 16px}.login-page-container .bento-auth-container{margin-bottom:1.5rem;padding-inline:.75rem}.login-page-container .bento-auth-container .bento-card{padding:18px 16px}}@media (641px<=width<=1024px){.login-page-container .bento-auth-container{max-width:500px}}@media (width>=1025px){.login-page-container .bento-auth-container{max-width:520px}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.package-modal-card{background-color:var(--color-bg-page,#f8f9fa);border-radius:var(--radius-xl,2rem);border:1px solid var(--color-ghost-border,#00000026);width:100%;max-width:540px;margin:auto;padding:2rem;box-shadow:0 20px 25px -5px #0000001a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{font-family:var(--font-serif);color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.5rem;font-weight:700;overflow:hidden}.btn-close{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:background-color .2s;display:flex}.btn-close:hover{background-color:#0000000d}.packages-bento-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.package-card{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,1.25rem);cursor:pointer;border:2px solid #0000;min-width:0;padding:1.25rem;transition:all .2s}.package-card.selected{border-color:var(--color-primary);background-color:var(--surface-container,#eef4f5)}.package-badge{color:var(--color-primary);border-radius:var(--radius-full,9999px);background-color:#10677c1a;margin-bottom:.5rem;padding:.25rem .625rem;font-size:.625rem;font-weight:700;display:inline-block}.package-name{color:var(--color-text-main);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;overflow:hidden}.package-price{margin:.5rem 0}.price-num{color:var(--color-primary);font-size:1.5rem;font-weight:800}.price-unit{color:var(--color-secondary);font-size:.75rem}.bonus-coins-container{flex-direction:column;gap:.375rem;margin-top:.75rem;display:flex}.coin-pill{border-radius:var(--radius-full,9999px);overflow-wrap:break-word;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:flex}.coin-pill.t-coin{color:#e65100;background-color:#fff3e0}.coin-pill.r-coin{color:#7b1fa2;background-color:#f3e5f5}.package-price-rcoin-main{color:#7b1fa2;align-items:center;gap:.375rem;display:flex}.package-price-rcoin-main .price-num{color:#7b1fa2}.package-price-unavailable{color:var(--color-secondary);margin:.5rem 0;font-size:.75rem;font-style:italic}.error-banner{color:#c62828;border-radius:var(--radius-md,12px);background-color:#ffebee;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.w-full{justify-content:center;width:100%}@media (width<=640px){.packages-bento-grid{grid-template-columns:1fr}.package-modal-card{border-radius:var(--radius-lg,1.25rem);padding:1.25rem}}.dashboard-main-content{background-color:var(--color-bg-page);color:var(--color-text-main);flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem 2rem;display:flex}.hero-section{flex-shrink:0;height:280px}.hero-card{border-radius:var(--radius-xl,2rem);width:100%;height:100%;position:relative;overflow:hidden}.hero-bg{background-position:50%;background-size:cover;transition:transform .7s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.hero-card:hover .hero-bg{transform:scale(1.05)}.hero-overlay{background:linear-gradient(90deg,#26393bf2 0%,#26393b66 50%,#0000 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:42rem;padding:2.5rem;position:absolute;bottom:0;left:0}.hero-badge{background-color:var(--color-tertiary);color:var(--color-on-primary);border-radius:var(--radius-full,9999px);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;padding:.25rem 1rem;font-size:.625rem;font-weight:700;display:inline-block}.hero-title{font-family:var(--font-serif);color:#fff;margin-bottom:.75rem;font-size:2.25rem;font-weight:700;line-height:1.2}.hero-description{color:var(--color-surface-container-high);opacity:.9;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.bento-container{flex:1;gap:2rem;display:flex}.bento-left-col{flex-direction:column;flex:1;display:flex}.bento-right-col{flex-direction:column;gap:1.5rem;width:30%;display:flex}.content-block{flex-direction:column;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.section-title{font-family:var(--font-serif);color:var(--color-primary);font-size:1.5rem;font-weight:700}.section-title-sm{font-family:var(--font-serif);color:var(--color-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:700}.manga-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.manga-card{cursor:pointer;min-width:0}.manga-cover-wrapper{aspect-ratio:3/4;border-radius:var(--radius-md,12px);box-shadow:var(--shadow-main);margin-bottom:.75rem;position:relative;overflow:hidden}.manga-cover{object-fit:cover;width:100%;height:100%;transition:transform .5s}.manga-card:hover .manga-cover{transform:scale(1.08)}.manga-overlay{opacity:0;background:linear-gradient(#10677c00 0%,#10677ccc 100%);align-items:flex-end;padding:1rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.manga-card:hover .manga-overlay{opacity:1}.manga-genre-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full,9999px);background-color:#10677c80;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.manga-title{font-family:var(--font-serif);color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;transition:color .2s;overflow:hidden}.manga-card:hover .manga-title{color:var(--color-primary)}.subscription-card-box{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-xl,1.5rem);border:1px solid var(--color-ghost-border,#00000026);flex-direction:column;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex}.subscription-card-box:hover{box-shadow:0 10px 20px -5px #0000000d}.subscription-card-header{align-items:center;gap:.5rem;display:flex}.sub-card-icon{color:var(--color-primary,#26393b);font-size:1.5rem}.sub-card-title{font-family:var(--font-serif,serif);color:var(--color-text-main,#26393b);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.subscription-card-body{flex-direction:column;justify-content:center;align-items:center;padding:.5rem 0;display:flex}.days-counter-display{flex-direction:column;align-items:center;line-height:1.2;display:flex}.days-number{color:var(--color-primary,#26393b);font-size:2.75rem;font-weight:800}.days-label{color:var(--color-secondary,#526062);overflow-wrap:break-word;font-size:.875rem;font-weight:500}.expired-status-display{text-align:center;padding:.5rem}.status-text-warning{color:var(--color-warning,#d97706);word-break:break-word;margin:0;font-size:.875rem;font-weight:600}.creators-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.creator-item{cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;min-width:0;display:flex}.creator-avatar-ring{border:2px solid var(--color-ghost-border,#00000026);border-radius:50%;width:3rem;height:3rem;transition:border-color .2s;overflow:hidden}.creator-item:hover .creator-avatar-ring{border-color:var(--color-primary)}.creator-img{object-fit:cover;width:100%;height:100%}.creator-add-btn{background-color:var(--surface-container);border:2px dashed var(--color-ghost-border,#00000026);width:3rem;height:3rem;color:var(--color-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s;display:flex}.creator-add-btn:hover{border-color:var(--color-primary)}.creator-item-name{color:var(--color-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.625rem;font-weight:500;overflow:hidden}.btn-primary-pill{background-color:var(--color-primary,#26393b);color:#fff;border-radius:var(--radius-full,9999px);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:background-color .2s,opacity .2s;display:inline-flex}.btn-primary-pill:hover:not(:disabled){opacity:.9}.btn-primary-pill:disabled{opacity:.5;cursor:not-allowed}.btn-warning-glow{background-color:var(--color-accent,#10677c)}.btn-primary-pill.btn-checked-in,.btn-primary-pill:disabled{background-color:var(--color-surface-container-high,#cfd8dc);color:var(--color-text-muted,#5f6368);opacity:.75;cursor:not-allowed;box-shadow:none}@media (width<=640px){.dashboard-main-content{padding:1rem 1rem calc(84px + env(safe-area-inset-bottom,0px)) 1rem}.bento-container{flex-direction:column}.bento-right-col{width:100%}.manga-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:1.5rem}.subscription-card-box{padding:1rem}.days-number{font-size:2.25rem}}.maintenance-wrapper{background-color:var(--color-bg-page);box-sizing:border-box;flex-direction:column;width:100%;height:calc(100vh - 65px);display:flex;overflow:hidden}.maintenance-container{box-sizing:border-box;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow-y:auto}.maintenance-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);text-align:center;width:100%;max-width:550px;box-shadow:var(--shadow-main);border-radius:12px;padding:40px 30px;animation:.4s ease-out fadeInMaintenance}@keyframes fadeInMaintenance{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.maintenance-icon-wrapper{background-color:#a38c5d1a;border:1px solid #a38c5d;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;display:flex}.maintenance-icon{color:#a38c5d;font-size:2rem}.maintenance-tag{color:#fff;letter-spacing:1px;background:#ef4444;border-radius:4px;padding:4px 12px;font-size:.75rem;font-weight:700}.maintenance-title{color:var(--color-text-main);margin:15px 0 10px;font-size:1.5rem;font-weight:700}.maintenance-text{color:var(--color-text-muted);margin-bottom:20px;font-size:.9rem;line-height:1.6}.maintenance-details{background-color:var(--color-bg-page);border:1px solid var(--color-border);text-align:left;color:var(--color-text-main);border-radius:6px;margin-bottom:25px;padding:15px;font-size:.85rem}.maintenance-details p{margin:6px 0}.btn-back-home{color:#fff;cursor:pointer;background-color:#475569;border:none;border-radius:6px;align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:background-color .2s,transform .1s;display:inline-flex}.btn-back-home:hover{background-color:#334155}.btn-back-home:active{transform:scale(.98)}.cart-drawer-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background-color:#1a1c1c80;justify-content:flex-end;width:100vw;height:100dvh;animation:.3s drawerFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.cart-drawer-backdrop .cart-drawer-panel{background-color:var(--surface-container-lowest,#fff);width:100%;max-width:440px;height:100dvh;max-height:100dvh;color:var(--color-text-main);z-index:10000;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:relative;overflow:hidden;box-shadow:-10px 0 30px #0003}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-drawer-header{background-color:var(--surface-container-low);border-bottom:1px solid var(--color-ghost-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.cart-drawer-header .drawer-title-group{align-items:center;gap:.75rem;display:flex}.cart-drawer-header .drawer-title-group .drawer-cart-icon{color:var(--color-primary);font-size:1.25rem}.cart-drawer-header .drawer-title-group .drawer-title{font-family:var(--font-serif);color:var(--color-text-main);margin:0;font-size:1.25rem;font-weight:700}.cart-drawer-header .drawer-title-group .drawer-item-count-badge{background-color:var(--color-primary-container);color:var(--color-on-primary);font-family:var(--font-label);border-radius:var(--radius-full);padding:.15rem .6rem;font-size:.75rem;font-weight:700}.cart-drawer-header .drawer-close-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);width:36px;height:36px;transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.cart-drawer-header .drawer-close-btn:hover{background-color:var(--surface-container-high);color:var(--color-primary)}.cart-drawer-actions{background-color:var(--surface-container-lowest);border-bottom:1px solid var(--color-ghost-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.cart-drawer-actions .drawer-select-all-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.cart-drawer-actions .drawer-select-all-label .drawer-select-all-text{font-family:var(--font-label);color:var(--color-text-main);font-size:.85rem;font-weight:600}.cart-drawer-actions .drawer-remove-selected-btn{color:var(--color-danger);font-family:var(--font-label);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.8rem;font-weight:600;transition:opacity .2s,background-color .2s;display:inline-flex}.cart-drawer-actions .drawer-remove-selected-btn:hover{background-color:var(--color-danger-soft)}.cart-drawer-actions .drawer-remove-selected-btn.hidden{opacity:0;pointer-events:none}.cart-drawer-actions .drawer-remove-selected-btn.visible{opacity:1;pointer-events:auto}.drawer-checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.cart-drawer-items-list{flex-direction:column;flex:1;gap:.875rem;min-height:0;padding:1rem 1.5rem;display:flex;overflow-y:auto}.cart-drawer-items-list::-webkit-scrollbar{width:5px}.cart-drawer-items-list::-webkit-scrollbar-thumb{background-color:var(--surface-container-high);border-radius:var(--radius-full)}.cart-drawer-item-card{background-color:var(--surface-container-low);border-radius:var(--radius-lg);border:1px solid var(--color-ghost-border);transition:background-color var(--transition-speed) ease;flex-shrink:0;align-items:center;gap:.75rem;padding:.875rem;display:flex}.cart-drawer-item-card.selected{background-color:var(--surface-container-lowest);border-color:var(--color-primary-container)}.cart-drawer-item-card .drawer-item-checkbox-wrapper{flex-shrink:0;align-items:center;display:flex}.cart-drawer-item-card .drawer-item-img-box{border-radius:var(--radius-md);background-color:var(--color-bg-page);cursor:pointer;flex-shrink:0;width:64px;height:64px;overflow:hidden}.cart-drawer-item-card .drawer-item-img-box img{object-fit:cover;width:100%;height:100%}.cart-drawer-item-card .drawer-item-content{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.cart-drawer-item-card .drawer-item-content .drawer-item-title-row{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.cart-drawer-item-card .drawer-item-content .drawer-item-title-row .drawer-item-name{font-family:var(--font-sans);color:var(--color-text-main);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:.875rem;font-weight:600;overflow:hidden}.cart-drawer-item-card .drawer-item-content .drawer-item-title-row .drawer-item-name:hover{color:var(--color-primary)}.cart-drawer-item-card .drawer-item-content .drawer-item-title-row .drawer-item-remove-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:.8rem;transition:color .2s}.cart-drawer-item-card .drawer-item-content .drawer-item-title-row .drawer-item-remove-btn:hover{color:var(--color-danger)}.cart-drawer-item-card .drawer-item-content .drawer-item-bottom-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cart-drawer-item-card .drawer-item-content .drawer-item-bottom-row .drawer-qty-controls{background-color:var(--surface-container-lowest);border-radius:var(--radius-full);align-items:center;padding:.15rem;display:inline-flex}.cart-drawer-item-card .drawer-item-content .drawer-item-bottom-row .drawer-qty-controls button{border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-text-main);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.cart-drawer-item-card .drawer-item-content .drawer-item-bottom-row .drawer-qty-controls button:hover:not(:disabled){background-color:var(--color-primary-container);color:var(--color-on-primary)}.cart-drawer-item-card .drawer-item-content .drawer-item-bottom-row .drawer-qty-controls button:disabled{opacity:.4;cursor:not-allowed}.cart-drawer-item-card .drawer-item-content .drawer-item-bottom-row .drawer-qty-controls span{font-family:var(--font-label);padding:0 .5rem;font-size:.8rem;font-weight:600}.cart-drawer-item-card .drawer-item-content .drawer-item-bottom-row .drawer-item-price{font-family:var(--font-label);color:var(--color-primary);font-size:.9375rem;font-weight:700}.cart-drawer-footer{background-color:var(--surface-container-low);border-top:1px solid var(--color-ghost-border);flex-direction:column;flex-shrink:0;gap:1rem;padding:1.25rem 1.5rem;display:flex}.cart-drawer-footer .drawer-violation-notice{background-color:var(--color-tertiary-container);color:var(--color-tertiary);font-family:var(--font-label);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.6rem .8rem;font-size:.8rem;font-weight:600;display:flex}.cart-drawer-footer .drawer-summary-row{justify-content:space-between;align-items:flex-end;display:flex}.cart-drawer-footer .drawer-summary-row .drawer-total-label{font-family:var(--font-label);color:var(--color-text-main);font-size:.95rem;font-weight:600}.cart-drawer-footer .drawer-summary-row .drawer-total-price-group{text-align:right}.cart-drawer-footer .drawer-summary-row .drawer-total-price-group .drawer-total-price{font-family:var(--font-label);color:var(--color-primary);font-size:1.35rem;font-weight:800;display:block}.cart-drawer-footer .drawer-summary-row .drawer-total-price-group .drawer-vat-note{color:var(--color-text-muted);font-size:.72rem}.cart-drawer-footer .drawer-checkout-btn{border-radius:var(--radius-full);background-color:var(--color-primary-container);width:100%;color:var(--color-on-primary);font-family:var(--font-label);cursor:pointer;transition:background-color var(--transition-speed) ease, transform .2s ease;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.95rem;font-weight:700;display:flex}.cart-drawer-footer .drawer-checkout-btn:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.cart-drawer-footer .drawer-checkout-btn:disabled{background-color:var(--surface-container-high);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.cart-drawer-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:3rem 1.5rem;display:flex}.cart-drawer-empty .drawer-empty-icon-wrapper{border-radius:var(--radius-full);background-color:var(--surface-container-low);width:80px;height:80px;color:var(--color-primary);justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.cart-drawer-empty .drawer-empty-title{font-family:var(--font-serif);color:var(--color-text-main);margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.cart-drawer-empty .drawer-empty-subtitle{font-family:var(--font-sans);color:var(--color-text-muted);margin:0;font-size:.85rem;line-height:1.5}@media (width<=640px){.cart-drawer-backdrop .cart-drawer-panel{max-width:100%}.cart-drawer-header,.cart-drawer-actions,.cart-drawer-items-list,.cart-drawer-footer{padding-left:1rem;padding-right:1rem}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background-color:#1a1c1c73;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-bg-card);width:100%;max-width:1024px;max-height:90vh;color:var(--color-text-main);border:1px solid var(--color-border);border-radius:1rem;flex-direction:row;animation:.3s ease-out modalFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001f}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-close-btn{width:40px;height:40px;color:var(--color-text-main);cursor:pointer;z-index:30;transition:var(--transition-speed) ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f8fafcd9;border:none;border-radius:9999px;justify-content:center;align-items:center;font-size:1.125rem;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{background-color:var(--color-divider);color:var(--color-primary);transform:scale(1.05)}.modal-body{grid-template-columns:1fr 1fr;width:100%;max-height:90vh;display:grid;overflow:hidden}.modal-image-container{background-color:var(--color-bg-page);flex-direction:column;justify-content:flex-start;align-items:center;gap:1.25rem;padding:2.5rem 2rem;display:flex;position:relative;overflow-y:auto}.photo-card-wrapper{aspect-ratio:4/5;background-color:var(--color-bg-card);width:100%;box-shadow:var(--shadow-main);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.modal-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.photo-card-wrapper:hover .modal-image{transform:scale(1.03)}.img-carousel-btn{color:#fff;cursor:pointer;z-index:10;width:36px;height:36px;transition:var(--transition-speed) ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;border:none;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.img-carousel-btn:hover{background:var(--color-primary);transform:translateY(-50%)scale(1.1)}.img-carousel-btn.prev-btn{left:.75rem}.img-carousel-btn.next-btn{right:.75rem}.photo-thumbnails-container{box-sizing:border-box;scroll-behavior:smooth;white-space:nowrap;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;max-width:100%;padding:.35rem .25rem;display:flex;overflow:auto hidden}.photo-thumbnails-container::-webkit-scrollbar{height:5px}.photo-thumbnails-container::-webkit-scrollbar-track{background:0 0}.photo-thumbnails-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.photo-thumbnails-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.thumbnail-item{cursor:pointer;width:56px;min-width:56px;height:56px;min-height:56px;transition:var(--transition-speed) ease;background-color:var(--color-bg-card);box-sizing:border-box;border:2px solid #0000;border-radius:.5rem;flex-shrink:0;position:relative;overflow:hidden}.thumbnail-item:hover{border-color:var(--color-text-muted);transform:translateY(-2px)}.thumbnail-item.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.thumbnail-item img{object-fit:cover;width:100%;height:100%;display:block}.modal-info{background-color:var(--color-bg-card);color:var(--color-text-main);flex-direction:column;min-width:0;padding:2.5rem;display:flex;overflow-y:auto}.modal-info::-webkit-scrollbar{width:6px}.modal-info::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.modal-info-header{width:100%;min-width:0;margin-bottom:1rem}.modal-badges-top{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.badge-item{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-family:Public Sans,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.badge-discount{color:#dc2626;background-color:#fee2e2}.badge-bonus-t{color:#0284c7;background-color:#e0f2fe;border:1px solid #0284c733}.badge-bonus-r{color:#d97706;background-color:#fef3c7;border:1px solid #d9770633}.badge-stock-in{color:#0369a1;background-color:#e0f2fe}.badge-stock-out{color:#ef4444;background-color:#fef2f2}.badge-limit{color:#b45309;background-color:#fef3c7}.modal-title{color:var(--color-text-main);word-break:break-word;overflow-wrap:anywhere;white-space:normal;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:.5rem;font-family:Noto Serif,serif;font-size:1.5rem;font-weight:700;line-height:1.35;transition:color .2s}.modal-title:hover{color:var(--color-primary)}.modal-title.truncated{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.modal-title.expanded{-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;max-height:80px;padding-right:.35rem;display:block;overflow-y:auto}.modal-title.expanded::-webkit-scrollbar{width:4px}.modal-title.expanded::-webkit-scrollbar-track{background:0 0}.modal-title.expanded::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.modal-title.expanded::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.read-more-btn{color:var(--color-primary);cursor:pointer;transition:color var(--transition-speed) ease;background:0 0;border:none;align-items:center;gap:.25rem;margin-top:.25rem;padding:0;font-size:.875rem;font-weight:600;display:inline-flex}.read-more-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.modal-price-section{align-items:baseline;gap:.75rem;margin:1rem 0;display:flex}.price-current{color:var(--color-text-main);font-family:Noto Serif,serif;font-size:1.75rem;font-weight:700}.price-original{color:var(--color-text-muted);font-size:1rem;text-decoration:line-through}.modal-bonus-container{background-color:var(--color-surface-container-low,var(--color-bg-page));border:1px solid #00000014;border-radius:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem}.modal-bonus-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;margin-bottom:.75rem;font-family:Public Sans,sans-serif;font-size:.75rem;font-weight:700;display:flex}.modal-bonus-grid{flex-direction:column;gap:.5rem;display:flex}.modal-bonus-card{border-radius:.5rem;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.85rem;display:flex}.bonus-card-t{color:#0369a1;background-color:#e0f2fe99;border:1px solid #0284c726}.bonus-card-r{color:#b45309;background-color:#fef3c799;border:1px solid #d9770626}.bonus-card-label{font-weight:700}.bonus-card-values{font-weight:500}.bonus-card-values strong{font-weight:700}.modal-desc-container{background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:.5rem;margin-bottom:1.5rem;padding:1.25rem}.modal-desc-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.5rem;font-family:Public Sans,sans-serif;font-size:.75rem;font-weight:700}.modal-desc{color:var(--color-text-main);white-space:pre-wrap;word-break:break-word;max-height:180px;padding-right:.5rem;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.6;overflow-y:auto}.modal-desc::-webkit-scrollbar{width:4px}.modal-desc::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.modal-actions{flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.stock-info{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.add-to-cart-btn{background-color:var(--color-primary);color:var(--color-text-on-primary);cursor:pointer;transition:var(--transition-speed) ease;box-shadow:var(--shadow-main);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-family:Public Sans,sans-serif;font-size:1rem;font-weight:700;display:flex}.add-to-cart-btn:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.add-to-cart-btn:disabled{background-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none}.modal-subtitle{font-family:var(--font-sans);color:var(--color-text-muted);align-items:center;gap:.375rem;margin-top:.25rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.modal-subtitle .inline-icon{color:var(--color-text-muted);font-size:1.125rem}@media (width<=640px){.modal-body{grid-template-columns:1fr;overflow-y:auto}.modal-image-container,.modal-info{padding:1.5rem}.modal-bonus-card{flex-direction:column;align-items:flex-start;gap:.25rem}}.login-prompt-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#0b0e0fa6;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out forwards fadeInOverlay;display:flex;position:fixed;inset:0}.login-prompt-card{background-color:var(--surface-container-lowest);width:100%;max-width:440px;box-shadow:var(--shadow-modal);border-radius:var(--radius-lg);border:1px solid var(--color-ghost-border);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpModal;display:flex;overflow:hidden}.login-prompt-header{justify-content:space-between;align-items:center;padding:18px 20px 10px;display:flex}.login-prompt-badge{background-color:var(--surface-container-low);border:1px solid var(--color-ghost-border);border-radius:var(--radius-full);font-family:var(--font-label);color:var(--color-primary);align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.close-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);width:32px;height:32px;transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.close-btn:hover{background-color:var(--surface-container-high);color:var(--color-text-main)}.login-prompt-body{padding:8px 20px 20px}.prompt-title{font-family:var(--font-serif);color:var(--color-text-main);margin-bottom:6px;font-size:1.25rem;font-weight:700}.prompt-desc{color:var(--color-text-muted);margin-bottom:20px;font-size:.875rem;line-height:1.5}.results-list{flex-direction:column;gap:10px;display:flex}.results-list .entry{text-align:left;border-radius:var(--radius-md);border:1px solid var(--color-ghost-border);background-color:var(--surface-container-low);cursor:pointer;grid-template-columns:44px 1fr;gap:14px;width:100%;padding:12px 14px;transition:transform .2s,border-color .2s,background-color .2s,box-shadow .2s;display:grid}.results-list .entry:hover{border-color:var(--color-primary);background-color:var(--surface-container);box-shadow:var(--shadow-main);transform:translateY(-2px)}.results-list .entry .icon{background-color:var(--surface-container-lowest);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-primary);box-shadow:var(--shadow-main);justify-content:center;align-items:center;font-size:1.15rem;transition:background-color .2s,color .2s;display:flex}.results-list .entry:hover .icon{background-color:var(--color-primary-container);color:var(--color-on-primary)}.results-list .entry .desc{flex-direction:column;justify-content:center;gap:2px;display:flex}.results-list .entry .desc .entry-label{font-family:var(--font-sans);color:var(--color-text-main);font-size:.95rem;font-weight:600}.results-list .entry .desc .entry-subtext{color:var(--color-text-muted);font-size:.775rem}.login-prompt-card .card-footer{background-color:var(--surface-container-low);border-top:1px solid var(--color-ghost-border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.footer-hint{font-family:var(--font-label);color:var(--color-text-muted);font-size:.75rem;font-weight:600}.cancel-action-btn{font-family:var(--font-label);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;padding:6px 14px;font-size:.85rem;font-weight:600;transition:background-color .2s,color .2s}.cancel-action-btn:hover{background-color:var(--surface-container-high);color:var(--color-text-main)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.skeleton-shop-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-main);box-sizing:border-box;border-radius:24px;flex-direction:column;gap:12px;width:100%;padding:24px;display:flex;overflow:hidden}.shimmer-base{background-color:var(--color-divider);border-radius:12px;position:relative;overflow:hidden}.shimmer-base:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);width:100%;height:100%;animation:1.6s ease-in-out infinite wave-shimmer;position:absolute;top:0;left:0}[data-theme=dark] .shimmer-base:after{background:linear-gradient(90deg,#fff0 0%,#ffffff1a 50%,#fff0 100%)}@keyframes wave-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-shop-media{aspect-ratio:1;border-radius:16px;width:100%}.skeleton-shop-title{width:85%;height:18px;margin-top:4px}.skeleton-shop-price{width:45%;height:22px;margin-bottom:4px}.skeleton-shop-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.skeleton-shop-button{border-radius:16px;width:100%;height:42px}.combo-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#12191ba6;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out comboFadeIn;display:flex;position:fixed;inset:0}.combo-modal-container{background-color:var(--color-surface,#fff);border-radius:20px;flex-direction:column;width:100%;max-width:640px;max-height:85vh;padding:1.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0003}.combo-modal-container .combo-modal-close{border:1px solid var(--color-ghost-border,#00000026);background-color:var(--color-surface-container-lowest,#f8fafb);width:36px;height:36px;color:var(--color-text-subtle,#5c6b73);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.combo-modal-container .combo-modal-close:hover{background-color:var(--color-surface-hover,#e9eff2);color:var(--color-text-main,#1c2826)}.combo-modal-container .combo-modal-header{margin-bottom:1.25rem}.combo-modal-container .combo-modal-header .combo-badge{color:#2e7589;background-color:#2e75891f;border-radius:9999px;align-items:center;gap:.35rem;margin-bottom:.5rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.combo-modal-container .combo-modal-header .combo-badge .sparkle-icon{color:#e0a96d}.combo-modal-container .combo-modal-header .combo-modal-title{color:var(--color-text-main,#1c2826);overflow-wrap:break-word;margin:0 0 .25rem;font-size:1.35rem;font-weight:700;line-height:1.3}.combo-modal-container .combo-modal-header .combo-modal-subtitle{color:var(--color-text-muted,#6c7a89);margin:0;font-size:.9rem}.combo-modal-container .combo-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;padding-right:.25rem;display:grid;overflow-y:auto}@media (width<=640px){.combo-modal-container .combo-modal-grid{grid-template-columns:1fr}}.combo-modal-container .combo-modal-grid .combo-item-card{background-color:var(--color-surface-container-lowest,#f4f7f8);border-radius:14px;flex-direction:column;min-width:0;padding:.85rem;transition:transform .2s;display:flex}.combo-modal-container .combo-modal-grid .combo-item-card:hover{transform:translateY(-2px)}.combo-modal-container .combo-modal-grid .combo-item-card .combo-item-image-wrapper{background-color:#e2e8f0;border-radius:10px;width:100%;height:140px;margin-bottom:.65rem;position:relative;overflow:hidden}.combo-modal-container .combo-modal-grid .combo-item-card .combo-item-image-wrapper .combo-item-image{object-fit:cover;width:100%;height:100%}.combo-modal-container .combo-modal-grid .combo-item-card .combo-item-image-wrapper .combo-tag{color:#fff;border-radius:9999px;padding:.25rem .6rem;font-size:.72rem;font-weight:600;position:absolute;top:.5rem;left:.5rem;box-shadow:0 2px 6px #00000026}.combo-modal-container .combo-modal-grid .combo-item-card .combo-item-image-wrapper .combo-tag.tag-unlock{background-color:#2e7589}.combo-modal-container .combo-modal-grid .combo-item-card .combo-item-image-wrapper .combo-tag.tag-prereq{background-color:#d97706}.combo-modal-container .combo-modal-grid .combo-item-card .combo-item-content{flex-direction:column;flex:1;min-width:0;display:flex}.combo-modal-container .combo-modal-grid .combo-item-card .combo-item-content .combo-item-title{color:var(--color-text-main,#1c2826);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .4rem;font-size:.95rem;font-weight:600;overflow:hidden}.combo-modal-container .combo-modal-grid .combo-item-card .combo-item-content .combo-item-price-row{align-items:baseline;gap:.5rem;margin-bottom:.75rem;display:flex}.combo-modal-container .combo-modal-grid .combo-item-card .combo-item-content .combo-item-price-row .combo-price-current{color:#2e7589;font-size:1.1rem;font-weight:700}.combo-modal-container .combo-modal-grid .combo-item-card .combo-item-content .combo-item-price-row .combo-price-original{color:var(--color-text-muted,#94a3b8);font-size:.85rem;text-decoration:line-through}.combo-modal-container .combo-modal-grid .combo-item-card .combo-item-content .combo-add-btn{color:#fff;cursor:pointer;background-color:#2e7589;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:auto;padding:.55rem .85rem;font-size:.85rem;font-weight:600;transition:background-color .2s;display:flex}.combo-modal-container .combo-modal-grid .combo-item-card .combo-item-content .combo-add-btn:hover{background-color:#225968}.combo-modal-container .combo-modal-footer{justify-content:flex-end;padding-top:.5rem;display:flex}.combo-modal-container .combo-modal-footer .combo-close-action-btn{border:1px solid var(--color-ghost-border,#0003);color:var(--color-text-main,#1c2826);cursor:pointer;background-color:#0000;border-radius:9999px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.combo-modal-container .combo-modal-footer .combo-close-action-btn:hover{background-color:var(--color-surface-container-lowest,#f0f4f6)}.combo-modal-container .combo-item-card .combo-item-image-wrapper .combo-tag.tag-owned{color:#fff;background-color:#10b981;align-items:center;gap:.25rem;display:inline-flex}.combo-modal-container .combo-item-card .combo-item-image-wrapper .combo-tag.tag-owned .tag-icon{font-size:.75rem}.combo-modal-container .combo-item-card .combo-item-content .combo-add-btn.owned-btn{background-color:#475569}.combo-modal-container .combo-item-card .combo-item-content .combo-add-btn.owned-btn:hover{background-color:#334155}.combo-modal-container .combo-item-card .combo-item-content .combo-add-btn.owned-btn:disabled{cursor:not-allowed;background-color:#94a3b8}@keyframes comboFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.shop-page-wrapper{background-color:var(--color-bg-page);min-height:100vh;color:var(--color-text-main);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;flex-direction:column;display:flex}.shop-page-wrapper .shop-container{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:2rem 2.5rem}.shop-loading-container,.loading-container{color:var(--color-text-muted);font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1.5rem;display:flex}:is(.shop-loading-container,.loading-container) .spinner{border:3px solid var(--surface-container-high);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shop-tabs{background-color:var(--surface-container-low);border-radius:var(--radius-full);box-shadow:var(--shadow-main);align-items:center;gap:.25rem;margin-bottom:2rem;padding:.375rem;display:inline-flex}.shop-tabs .tab-btn{border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-label);cursor:pointer;transition:var(--transition-speed) ease;background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:600;display:inline-flex}.shop-tabs .tab-btn:hover{color:var(--color-primary);background-color:var(--surface-container-lowest)}.shop-tabs .tab-btn.active{background-color:var(--color-primary-container);color:var(--color-on-primary);box-shadow:var(--shadow-main)}.shop-tabs .cart-tab-content{align-items:center;gap:.5rem;display:flex}.shop-tabs .cart-tab-content .sync-loader{font-weight:700;animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.category-selector{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2.25rem;display:flex}.category-selector button{border-radius:var(--radius-full);background-color:var(--surface-container-low);color:var(--color-text-muted);font-family:var(--font-label);cursor:pointer;transition:var(--transition-speed) ease;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.category-selector button:hover{background-color:var(--surface-container-high);color:var(--color-primary);transform:translateY(-1px)}.category-selector button.active{background-color:var(--color-primary-container);color:var(--color-on-primary);box-shadow:var(--shadow-main)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.product-card{background-color:var(--surface-container-lowest);border-radius:var(--radius-lg);transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;box-shadow:var(--shadow-main);cursor:pointer;border:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-floating);transform:translateY(-4px)}.product-card:hover .product-image{transform:scale(1.04)}.product-card:hover .product-name-title{color:var(--color-primary)}.product-card.product-card-locked{opacity:.75;filter:grayscale(.2)}.product-card .product-image-container{aspect-ratio:1;background-color:var(--surface-container-low);width:100%;position:relative;overflow:hidden}.product-card .product-image-container .product-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card .product-image-container .no-image-placeholder{width:100%;height:100%;color:var(--color-text-muted);background-color:var(--surface-container-low);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.product-card .product-card-badges-layer{z-index:2;pointer-events:none;flex-direction:column;gap:.375rem;display:flex;position:absolute;top:.5rem;left:.5rem;right:.5rem}.product-card .product-card-badges-layer .badges-top-row,.product-card .product-card-badges-layer .badges-bottom-row{justify-content:space-between;align-items:center;gap:.375rem;display:flex}.product-card .product-card-badges-layer .badge-pill{border-radius:var(--radius-full);font-family:var(--font-label);-webkit-backdrop-filter:blur(8px);letter-spacing:.02em;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.7rem;font-weight:600;display:inline-flex}.product-card .product-card-badges-layer .badge-pill.badge-discount{background-color:var(--color-danger);color:var(--color-on-primary)}.product-card .product-card-badges-layer .badge-pill.badge-stock-in{background-color:var(--color-primary-container);color:var(--color-on-primary)}.product-card .product-card-badges-layer .badge-pill.badge-stock-out{background-color:var(--color-secondary);color:var(--color-on-primary)}.product-card .product-card-badges-layer .badge-pill.badge-limit{background-color:var(--color-tertiary-container);color:var(--color-text-main)}.product-card .product-info{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex}.product-card .product-info .product-name-title{font-family:var(--font-serif);color:var(--color-text-main);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:700;line-height:1.35;transition:color .2s;display:-webkit-box;overflow:hidden}.product-card .product-info .product-price-center{align-items:baseline;gap:.5rem;margin-top:auto;display:flex}.product-card .product-info .product-price-center .current-price-tag{font-family:var(--font-label);color:var(--color-primary);font-size:1.125rem;font-weight:700}.product-card .product-info .product-price-center .original-price-tag{font-family:var(--font-label);color:var(--color-text-muted);opacity:.7;font-size:.8125rem;font-weight:500;text-decoration:line-through}.product-card .product-actions{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.product-card .product-actions .add-to-cart-btn{border-radius:var(--radius-full);background-color:var(--color-primary-container);color:var(--color-on-primary);font-family:var(--font-label);cursor:pointer;transition:var(--transition-speed) ease;border:none;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.product-card .product-actions .add-to-cart-btn:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-main);transform:translateY(-1px)}.product-card .product-actions .add-to-cart-btn:disabled{background-color:var(--surface-container-high);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.product-card .product-actions .detail-btn{border-radius:var(--radius-full);background-color:var(--surface-container-low);color:var(--color-primary);font-family:var(--font-label);cursor:pointer;transition:var(--transition-speed) ease;border:none;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.product-card .product-actions .detail-btn:hover{background-color:var(--surface-container-high);color:var(--color-primary)}.cart-page-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:1.5rem;width:100%;display:grid}.cart-page-layout .cart-items-container{width:100%;min-width:0}.cart-page-layout .cart-summary-sidebar{z-index:5;width:100%;position:sticky;top:5rem}.empty-cart-view{justify-content:center;align-items:center;width:100%;padding:3.75rem 1.25rem;display:flex}.empty-cart-view .empty-cart-card{background-color:var(--surface-container-lowest);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:480px;box-shadow:var(--shadow-main);border:none;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.empty-cart-view .empty-cart-card .empty-cart-icon-wrapper{border-radius:var(--radius-full);background-color:var(--surface-container-low);width:80px;height:80px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.empty-cart-view .empty-cart-card h3{font-family:var(--font-serif);color:var(--color-text-main);margin:0;font-size:1.375rem;font-weight:700}.empty-cart-view .empty-cart-card p{font-family:var(--font-sans);color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.6}.empty-cart-view .empty-cart-card .back-to-shop-btn{background-color:var(--color-primary-container);color:var(--color-on-primary);border-radius:var(--radius-full);font-family:var(--font-label);cursor:pointer;transition:var(--transition-speed) ease;border:none;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:600;display:inline-flex}.empty-cart-view .empty-cart-card .back-to-shop-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-main);transform:translateY(-1px)}.shop-product-infinite-wrapper{flex-direction:column;gap:2rem;width:100%;display:flex}.shop-empty-products{text-align:center;color:var(--color-text-muted);background-color:var(--surface-container-lowest);border-radius:var(--radius-lg);font-family:var(--font-sans);border:none;grid-column:1/-1;padding:3rem 1.5rem}.infinite-scroll-loader{color:var(--color-text-muted);font-family:var(--font-label);justify-content:center;align-items:center;gap:.75rem;padding:1.5rem 0;font-size:.875rem;display:flex}.infinite-scroll-loader .spinner-small{border:2px solid var(--surface-container-high);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:20px;height:20px;animation:.8s linear infinite spin}@media (width<=1024px){.shop-page-wrapper .shop-container{padding:1.5rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}}@media (width<=900px){.cart-page-layout{grid-template-columns:1fr;gap:1.5rem}.cart-page-layout .cart-summary-sidebar{position:static}}@media (width<=640px){.shop-page-wrapper .shop-container{padding:1rem}.shop-tabs{width:100%;display:flex}.shop-tabs .tab-btn{flex:1;justify-content:center;padding:.625rem 1rem;font-size:.875rem}.category-selector{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.5rem;overflow-x:auto}.category-selector button{flex-shrink:0}.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.product-card .product-info{gap:.75rem;padding:.875rem}.product-card .product-info .product-name-title{font-size:.9375rem}.product-card .product-info .current-price-tag{font-size:1.1rem}.product-card .product-actions{flex-direction:column}.product-card .product-actions .add-to-cart-btn,.product-card .product-actions .detail-btn{width:100%}.empty-cart-view .empty-cart-card{padding:2rem 1.25rem}}.shop-header-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.shop-header-bar .shop-title-zone{align-items:center;gap:.75rem;display:flex}.shop-header-bar .shop-title-zone .shop-icon{color:var(--color-primary);font-size:1.5rem}.shop-header-bar .shop-title-zone .shop-page-title{font-family:var(--font-serif);color:var(--color-text-main);margin:0;font-size:1.5rem;font-weight:700}.shop-header-bar .floating-cart-trigger-btn{border-radius:var(--radius-full);background-color:var(--color-primary-container);color:var(--color-on-primary);font-family:var(--font-label);cursor:pointer;box-shadow:var(--shadow-main);transition:background-color var(--transition-speed) ease, transform .2s ease;border:none;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.shop-header-bar .floating-cart-trigger-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.shop-header-bar .floating-cart-trigger-btn .cart-badge{background-color:var(--color-danger);color:var(--color-on-primary);border-radius:var(--radius-full);padding:.1rem .5rem;font-size:.75rem;font-weight:700}.product-info{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex}.product-info .product-name-title{font-family:var(--font-serif);color:var(--color-text-main);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:700;line-height:1.35;transition:color .2s;display:-webkit-box;overflow:hidden}.product-info .product-subtitle{font-family:var(--font-sans);color:var(--color-text-muted);align-items:center;gap:.35rem;margin-top:-.25rem;font-size:.8125rem;font-weight:500;display:inline-flex}.product-info .product-subtitle .inline-icon{color:var(--color-text-muted);font-size:1rem}.product-info .product-price-center{align-items:baseline;gap:.5rem;margin-top:auto;display:flex}.product-info .product-price-center .current-price-tag{font-family:var(--font-label);color:var(--color-primary);font-size:1.125rem;font-weight:700}.product-info .product-price-center .original-price-tag{font-family:var(--font-label);color:var(--color-text-muted);opacity:.7;font-size:.8125rem;font-weight:500;text-decoration:line-through}@media (width<=640px){.shop-header-bar{flex-direction:row;align-items:center}.shop-header-bar .shop-page-title{font-size:1.15rem}.shop-header-bar .cart-btn-text{display:none}.shop-header-bar .floating-cart-trigger-btn{border-radius:var(--radius-full);padding:.6rem}}.confirm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172aa6;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-modal-container{background:var(--color-bg-card,#fff);color:var(--color-text-main,#0f172a);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;width:92%;max-width:680px;animation:.2s ease-out scaleUp;overflow:hidden;box-shadow:0 20px 25px -5px #0003}.confirm-modal-header{border-bottom:1px solid var(--color-divider,#f1f5f9);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.confirm-modal-header h3{margin:0;font-size:1.1rem;font-weight:700}.confirm-modal-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;font-size:18px}.confirm-modal-body{max-height:65vh;padding:20px;overflow-y:auto}.diff-summary-list{flex-direction:column;gap:10px;display:flex}.diff-header-row{color:var(--color-text-muted);border-bottom:2px solid var(--color-divider,#e2e8f0);grid-template-columns:160px 1fr 1fr;gap:12px;padding:8px 12px;font-size:12px;font-weight:700;display:grid}.diff-item{background-color:var(--color-bg-input,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:8px;grid-template-columns:150px 1fr;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:grid}.diff-item.is-modified{background-color:#3b82f608;border-color:#3b82f64d}.diff-label-container{flex-direction:column;gap:4px;display:flex}.diff-label{color:var(--color-text-main);font-size:12px;font-weight:700}.badge-modified{color:#b45309;background-color:#fef3c7;border-radius:4px;width:fit-content;padding:2px 6px;font-size:10px;font-weight:700}.diff-grid-values{grid-template-columns:1fr 20px 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.diff-box{background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#e2e8f0);word-break:break-word;border-radius:6px;align-items:center;min-height:32px;padding:6px 10px;display:flex}.diff-arrow{text-align:center;color:var(--color-text-muted);font-size:12px}.text-old-changed{color:#ef4444;text-decoration:line-through}.text-new-changed{color:#10b981;font-weight:700}.confirm-modal-footer{border-top:1px solid var(--color-divider,#f1f5f9);background-color:var(--color-bg-input,#f8fafc);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.btn-modal-cancel{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:8px;padding:8px 18px;font-weight:600}.btn-modal-confirm{background:var(--color-primary,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-weight:600}.btn-modal-confirm:disabled{opacity:.5;cursor:not-allowed}.digital-modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:9999;background-color:#191c1e8c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;inset:0}.digital-modal-card{background-color:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);outline:1px solid var(--color-ghost-border);flex-direction:column;width:100%;max-width:720px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards modalScaleIn;display:flex;overflow:hidden}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.digital-modal-header{background-color:var(--surface-container-low);border-bottom:1px solid var(--surface-container);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.digital-modal-header .title{color:var(--color-primary);margin-bottom:.2rem;font-size:1.35rem}.digital-modal-header .subtitle{color:var(--color-text-muted);font-size:.85rem}.btn-close-modal{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:flex}.btn-close-modal:hover{background-color:var(--surface-container-high)}.digital-modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.digital-upload-box{background-color:var(--surface-container-low);border-radius:var(--radius-md);padding:1.15rem}.section-subtitle{font-family:var(--font-label);color:var(--color-primary);margin-bottom:.75rem;font-size:.9rem}.upload-controls{align-items:center;gap:.75rem;display:flex}.input-file-custom{flex:1;font-size:.85rem}.btn-upload-pill{background-color:var(--color-primary-container);color:var(--color-on-primary);border-radius:var(--radius-full);font-family:var(--font-label);cursor:pointer;white-space:nowrap;border:none;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600}.btn-upload-pill:disabled{opacity:.5;cursor:not-allowed}.selected-count-note{color:var(--color-text-muted);margin-top:.5rem;font-size:.75rem}.digital-files-list-section{flex-direction:column;display:flex}.modal-state-text{text-align:center;color:var(--color-text-muted);padding:2rem;font-size:.9rem}.files-table-wrapper{max-height:280px;overflow-x:auto}.digital-files-table{border-collapse:collapse;width:100%;font-size:.875rem}.digital-files-table th{background-color:var(--surface-container-low);color:var(--color-text-muted);font-family:var(--font-label);text-transform:uppercase;text-align:left;padding:.75rem;font-size:.775rem}.digital-files-table td{border-bottom:1px solid var(--surface-container);padding:.75rem}.btn-delete-file-pill{background-color:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-full);cursor:pointer;border:none;padding:.35rem .85rem;font-size:.775rem;font-weight:600}.btn-delete-file-pill:hover:not(:disabled){background-color:var(--color-danger);color:#fff}.digital-modal-footer{background-color:var(--surface-container-low);border-top:1px solid var(--surface-container);justify-content:flex-end;padding:1rem 1.5rem;display:flex}.btn-secondary-pill{background-color:var(--surface-container-high);color:var(--color-text-main);border-radius:var(--radius-full);font-family:var(--font-label);cursor:pointer;border:none;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600}.upload-progress-container{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-md,12px);border:1px solid var(--color-ghost-border,#00000026);flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem;animation:.2s ease-out fadeIn;display:flex}.upload-progress-info{color:var(--color-text-main,#0f172a);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.upload-status-text{align-items:center;gap:.5rem;display:flex}.upload-percentage-text{color:var(--color-primary,#3b82f6);font-weight:700}.upload-progress-container.is-complete{background-color:#22c55e08;border-color:#22c55e66}.upload-progress-container.is-complete .upload-percentage-text{color:#16a34a}.progress-track{background-color:var(--surface-container-high,#e2e8f0);border-radius:var(--radius-full,9999px);width:100%;height:8px;position:relative;overflow:hidden}.progress-fill{border-radius:var(--radius-full,9999px);background:linear-gradient(90deg,#3b82f6 0%,#1d4ed8 100%);height:100%;transition:width .2s cubic-bezier(.4,0,.2,1)}.progress-fill.complete-fill{background:linear-gradient(90deg,#22c55e 0%,#15803d 100%)}.product-form{background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#cbd5e1);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000a}.product-management .form-grid{margin-bottom:16px;display:grid;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.product-management input:not([type=checkbox]):not([type=radio]),.product-management select,.product-management textarea{background:var(--color-bg-input,#fff);width:100%;color:var(--color-text-main,#0f172a);border:1.5px solid #cbd5e1;border-radius:10px;outline:none;font-size:13.5px;transition:border-color .2s,box-shadow .2s;padding:10px 14px!important}.product-management input[type=checkbox]{vertical-align:middle;min-width:18px;min-height:18px;accent-color:var(--color-primary,#3b82f6);cursor:pointer;flex-shrink:0;margin:0;display:inline-block;width:18px!important;height:18px!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.pm-combo-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center!important;gap:8px!important;display:flex!important}.product-management label:has(input[type=checkbox]){cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center!important;gap:8px!important;display:flex!important}.product-table-title{color:#475569;text-transform:uppercase;letter-spacing:.5px;padding:10px 10px 14px;font-size:12px;font-weight:700;line-height:14px}.product-thumbnail{object-fit:cover;border:1.5px solid #cbd5e1;border-radius:10px;width:44px;height:44px}.badge-cat{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;justify-content:center;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.btn-table-edit{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:20px;justify-content:center;align-items:center;padding:8px 16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-table-edit:hover{background-color:var(--color-primary,#3b82f6);color:#fff;border-color:var(--color-primary,#3b82f6);transform:translateY(-1px)}.pm-no-combo-text{color:var(--color-text-muted,#64748b);font-size:12px;font-style:italic}@media (width<=900px){.product-management .form-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=600px){.product-management .form-grid{grid-template-columns:1fr!important}.pm-form-grid-2{grid-template-columns:1fr}}.admin-image-reorder-grid{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.image-reorder-card{background:var(--color-bg-card,#fff);border:2px solid #cbd5e1;border-radius:12px;width:110px;height:110px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.reorder-thumb{object-fit:cover;width:100%;height:100%}.main-image-badge{color:#fff;z-index:2;background:#3b82f6;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:4px;left:4px}.reorder-actions{background:#0f172abf;justify-content:space-around;width:100%;padding:4px;display:flex;position:absolute;bottom:0;left:0}.reorder-actions button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:12px}.reorder-actions button:disabled{opacity:.3;cursor:not-allowed}.btn-del-img{color:#ef4444!important}.alert-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172aa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;z-index:100000!important}.alert-modal-content{background-color:var(--color-bg-card,#fff);color:var(--color-text-main,#0f172a);border-radius:16px;width:90%;max-width:420px;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) fadeInAlert;box-shadow:0 20px 40px -10px #00000040}.alert-modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.alert-modal-header h3{color:#d97706;margin:0;font-size:1.1rem;font-weight:700}.alert-close-x-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.alert-modal-body p{color:#334155;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.5}.alert-modal-footer{justify-content:flex-end;margin-top:20px;display:flex}.btn-alert-ok{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:20px;padding:9px 24px;font-size:13.5px;font-weight:700;transition:all .2s}.btn-alert-ok:hover{background-color:#2563eb;transform:translateY(-1px)}@keyframes fadeInAlert{0%{opacity:0;transform:scale(.95)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.product-management{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:24px;animation:.4s ease-out forwards fadeInSlide}.pm-header{border-bottom:2px solid var(--color-divider,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:14px;display:flex}.pm-header h2{color:var(--color-text-main,#0f172a);font-size:1.4rem;font-weight:700}.product-table-container{background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#cbd5e1);border-radius:16px;width:100%;margin-top:10px;padding:20px;overflow-x:auto;box-shadow:0 4px 16px #00000008}.product-table-container h3,.product-table-title{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:12px;font-weight:700;line-height:14px}.product-data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:850px}.product-data-table th{color:#334155;text-align:left;background-color:#f1f5f9;border-bottom:2px solid #cbd5e1;padding:12px 16px;font-size:12px;font-weight:700}.product-data-table th:first-child{border-top-left-radius:8px}.product-data-table th:last-child{border-top-right-radius:8px}.product-data-table tbody tr{transition:all .2s cubic-bezier(.15,.83,.66,1)}.product-data-table tbody tr:hover{background-color:#f8fafc}.product-data-table tbody tr:hover td strong{color:#2563eb}.product-data-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:13px}.product-data-table td strong,.product-data-table td .desc-preview{white-space:pre-wrap;word-break:break-word}.col-index{color:#64748b;text-align:center;font-weight:700}.product-data-table img,.product-thumbnail{object-fit:cover;border:1.5px solid #cbd5e1;border-radius:10px;width:44px;height:44px}.badge-locked{color:#dc2626;margin-top:4px;font-size:11px;font-weight:600;display:block}.text-conditional-price{color:#b45309;font-weight:700}.btn-table-edit,.btn-table-stock,.manage-stock-btn{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;color:#1e293b!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:20px!important;padding:8px 15px!important;font-size:12px!important;font-weight:600!important;transition:all .2s!important;box-shadow:0 1px 2px #0000000d!important}.btn-table-edit:hover{transform:translateY(-1px);background-color:var(--color-primary,#3b82f6)!important;color:#fff!important;border-color:var(--color-primary,#3b82f6)!important}.btn-table-stock:hover{transform:translateY(-1px);color:#fff!important;background-color:#10b981!important;border-color:#10b981!important}.manage-stock-btn:hover{transform:translateY(-1px);background-color:var(--color-accent,#f59e0b)!important;color:#fff!important;border-color:var(--color-accent,#f59e0b)!important}.divider{background:var(--color-divider,#e2e8f0);border:0;height:1px;margin:24px 0}.product-form,.form-section-container{background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#cbd5e1);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000a}.form-section-container h3{color:var(--color-text-main,#0f172a);border-bottom:1px solid var(--color-divider,#e2e8f0);margin-bottom:20px;padding-bottom:8px;font-size:14px;font-weight:700}.product-management .form-grid{display:grid;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.product-management .form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.product-management .form-group label{color:var(--color-text-main,#334155);font-size:13px;font-weight:600}.product-management input:not([type=checkbox]):not([type=radio]),.product-management select,.product-management textarea{background:var(--color-bg-input,#fff);width:100%;color:var(--color-text-main,#0f172a);border:1.5px solid #cbd5e1;border-radius:10px;outline:none;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s;padding:10px 14px!important}.product-management input:not([type=checkbox]):not([type=radio]):focus,.product-management select:focus,.product-management textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}.product-management input[type=checkbox]{min-width:18px;min-height:18px;accent-color:var(--color-primary,#3b82f6);cursor:pointer;flex-shrink:0;margin:0;width:18px!important;height:18px!important;padding:0!important}.submit-btn{background:var(--color-primary,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px #3b82f640}.submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover,#2563eb);transform:translateY(-2px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.pm-bonus-section{background-color:#3b82f608;border:1.5px dashed #3b82f6;border-radius:14px;margin:16px 0;padding:18px}.pm-bonus-title{color:var(--color-primary,#3b82f6);margin:0 0 12px;font-size:13px;font-weight:700}.pm-form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pm-combo-label input[type=checkbox]{cursor:pointer;flex-shrink:0;margin:0;width:16px!important;height:16px!important}.stock-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172aa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;z-index:10000!important}.stock-modal-content{background-color:var(--color-bg-card,#fff);color:var(--color-text-main,#0f172a);z-index:10001;border-radius:16px;width:90%;max-width:580px;padding:26px;animation:.2s cubic-bezier(.16,1,.3,1) fadeInModalQuick;position:relative;box-shadow:0 25px 50px -12px #00000040}@keyframes fadeInModalQuick{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=900px){.product-management .form-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=600px){.product-management .form-grid{grid-template-columns:1fr!important}.pm-form-grid-2{grid-template-columns:1fr}}.stock-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0a0f1abf;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;top:0;left:0;z-index:999999!important}.stock-modal-content{background-color:var(--color-bg-card,#fff);color:var(--color-text-main,#0f172a);border:1px solid var(--color-border);border-radius:14px;width:92%;max-width:580px;max-height:90vh;padding:24px;animation:.18s cubic-bezier(.16,1,.3,1) fadeInModalQuick;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #00000080}.stock-modal-header{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.stock-modal-header h3{color:var(--color-text-main);font-size:1.1rem;font-weight:700}.close-x-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;transition:all .2s}.close-x-btn:hover{background-color:var(--color-divider);color:var(--color-text-main)}.stock-summary-box{background-color:var(--color-bg-page);border:1px solid var(--color-border);border-radius:8px;margin-bottom:15px;padding:12px}.stock-summary-box p{color:var(--color-text-main);margin:4px 0;font-size:14px}.last-lot-hint{color:var(--color-text-muted)!important;font-size:13px!important}.last-lot-hint span{color:var(--color-primary);font-family:monospace;font-weight:700}.stock-error-banner{color:#ef4444;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:15px;padding:10px;font-size:13px;font-weight:600}.modal-input-label{color:var(--color-text-main);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.stock-input-field{border:1px solid var(--color-border);background-color:var(--color-bg-input);width:100%;color:var(--color-text-main);border-radius:6px;outline:none;padding:10px;font-size:14px}.stock-input-field:focus{border-color:var(--color-primary)}.input-with-btn-group{gap:10px;display:flex}.btn-trigger-generate{white-space:nowrap;background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:0 15px;font-size:13px;font-weight:600;transition:opacity .2s}.btn-trigger-generate:hover{opacity:.9}.btn-stock-save-full{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:6px;width:100%;margin-top:10px;padding:12px;font-weight:700;transition:background-color .2s}.btn-stock-save-full:hover:not(:disabled){background-color:#059669}.btn-stock-save-full:disabled{cursor:not-allowed;background-color:#94a3b8}.tracks-preview-section{background-color:var(--color-bg-page);border:1px dashed var(--color-border);border-radius:8px;margin-top:15px;padding:14px}.tracks-preview-section h4{color:var(--color-text-main);margin-bottom:10px;font-size:14px}.tracks-badge-container{flex-wrap:wrap;gap:8px;max-height:120px;padding-right:4px;display:flex;overflow-y:auto}.track-badge{background-color:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-main);border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;display:inline-flex}.track-code{color:var(--color-primary);background-color:var(--color-divider);border-radius:3px;padding:2px 4px;font-family:monospace}.no-tracks-text{color:var(--color-text-muted);text-align:center;padding:10px 0;font-size:12px;font-style:italic}.modal-divider{background:var(--color-divider);border:0;height:1px;margin:20px 0}.stock-modal-footer{justify-content:flex-end;margin-top:16px;display:flex}.btn-close-secondary{background-color:var(--color-bg-page);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:8px 16px;transition:all .2s}.btn-close-secondary:hover{background-color:var(--color-divider);color:var(--color-text-main)}.stock-manage-modal{max-width:650px!important}.product-title-info{color:var(--color-text-muted);margin-bottom:15px}.lot-input-group{margin-bottom:20px}.lot-input-label{color:var(--color-text-main);margin-bottom:6px;font-weight:700;display:block}.stock-select-input{border:1px solid var(--color-border);background-color:var(--color-bg-input);width:100%;color:var(--color-text-main);border-radius:6px;outline:none;padding:10px;font-size:14px}.stock-select-input:focus{border-color:var(--color-primary)}.stock-error-message{color:#ef4444;margin-bottom:10px;font-weight:700}.stock-table-scroll{border:1px solid var(--color-border);border-radius:8px;max-height:250px;overflow-y:auto}.stock-empty-cell{text-align:center;color:var(--color-text-muted);padding:30px}.flex-end-footer{justify-content:flex-end;gap:10px;display:flex}.btn-close-slate{color:#fff;cursor:pointer;background-color:#64748b;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:background-color .2s}.btn-close-slate:hover{background-color:#475569}.updated-clean-table{border-collapse:collapse;width:100%}.updated-clean-table th{text-align:left;border-bottom:2px solid var(--color-border);padding:12px 16px;font-size:.9rem;font-weight:600;background-color:var(--color-divider)!important;color:var(--color-text-main)!important}.stock-row-item{border-bottom:1px solid var(--color-divider);transition:background-color .2s}.stock-row-item:hover{background-color:var(--color-divider)}.stock-row-item td{vertical-align:middle;color:var(--color-text-main);padding:14px 16px;font-size:.92rem}.font-code-clean{color:var(--color-text-main);font-family:monospace;font-size:.88rem}.track-status-select-clean{border:1px solid var(--color-border);background-color:var(--color-bg-input);color:var(--color-text-main);cursor:pointer;border-radius:6px;outline:none;padding:6px 12px;font-size:.85rem}.badge-sold-status-clean{color:#ef4444;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:6px;align-items:center;padding:5px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.order-code-clickable{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:.88rem;font-weight:600;display:inline-block}.text-muted-dash{color:var(--color-text-muted);padding-left:8px;font-weight:500}.pcm-page{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:24px}.pcm-bento-container{gap:16px;margin-top:24px;display:grid}.pcm-condition-card{background:var(--color-surface-container-lowest,#fff);border:1px solid #00000014;border-radius:16px;flex-direction:column;padding:20px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 12px #00000005}.pcm-condition-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000d}.pcm-condition-card-top h4{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:16px;font-weight:700;overflow:hidden}.pcm-condition-details{color:var(--color-text-muted,#475569);overflow-wrap:break-word;flex-direction:column;gap:8px;margin-top:14px;font-size:14px;display:flex}.pcm-detail-row{align-items:flex-start;gap:8px;min-width:0;display:flex}.pcm-detail-row strong{color:var(--color-text-main,#0f172a);flex-shrink:0;min-width:170px}.pcm-bento-card{background:var(--color-surface-container-lowest,#fff);border:1px solid #00000014;border-radius:20px;padding:24px;box-shadow:0 20px 40px #0000001f}.pcm-live-preview{background:var(--color-surface-container-low,#f8fafc);border:1px dashed #2563eb4d;border-radius:14px;margin-top:16px;margin-bottom:20px;padding:16px}.pcm-live-preview h5{color:var(--color-primary,#2563eb);align-items:center;gap:6px;margin:0 0 8px;font-size:14px;display:flex}.pcm-preview-flow{color:var(--color-text-main,#0f172a);flex-direction:column;gap:4px;font-size:13px;display:flex}.pcm-filter-tabs{gap:8px;margin-bottom:12px;display:flex}.pcm-tab-btn{color:var(--color-text-muted,#64748b);cursor:pointer;background:#fff;border:1px solid #00000026;border-radius:9999px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.pcm-tab-btn.active{background:var(--color-primary,#2563eb);color:#fff;border-color:var(--color-primary,#2563eb)}.pcm-page .form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.pcm-page .form-group label{color:var(--color-text-main,#334155);font-size:13px;font-weight:600}.pcm-page input:not([type=checkbox]):not([type=radio]),.pcm-page select{background:var(--color-bg-input,#f8fafc);width:100%;color:var(--color-text-main);box-sizing:border-box;border:1px solid #00000040;border-radius:12px;outline:none;padding:12px 16px;font-size:16px;transition:all .2s}.pcm-page input:not([type=checkbox]):not([type=radio]):focus,.pcm-page select:focus{border-color:var(--color-primary,#2563eb);background:#fff;box-shadow:0 0 0 3px #2563eb26}.pcm-page input[type=checkbox]{width:20px;min-width:20px;height:20px;accent-color:var(--color-primary,#2563eb);cursor:pointer}.pm-combo-checklist{background-color:var(--color-surface-container-lowest,#fff);border:1px solid #00000026;border-radius:12px;flex-direction:column;gap:6px;max-height:220px;padding:12px;display:flex;overflow-y:auto}.pm-combo-checklist::-webkit-scrollbar{width:6px}.pm-combo-checklist::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:10px}.pm-combo-label{color:var(--color-text-main);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;transition:background .2s;display:flex}.pm-combo-label:hover{background-color:var(--color-surface-container-low,#f8fafc)}.pcm-page .submit-btn,.btn-stock-save-full,.btn-close-slate,.btn-close-secondary{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.15,.83,.66,1);display:inline-flex}.pcm-page .submit-btn,.btn-stock-save-full{background:var(--color-primary,#2563eb);color:#fff;box-shadow:0 4px 10px #2563eb33}.pcm-page .submit-btn:hover:not(:disabled),.btn-stock-save-full:hover:not(:disabled){background:var(--color-primary-hover,#1d4ed8);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 14px #2563eb4d}.btn-close-slate{color:#334155;background:#f1f5f9;border:1px solid #0000001a}.btn-close-slate:hover:not(:disabled){background:#e2e8f0}.btn-table-edit{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #00000026;border-radius:9999px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .3s}.btn-table-edit:hover{background:var(--color-primary,#2563eb);color:#fff;border-color:var(--color-primary,#2563eb)}.badge-cat{border-radius:9999px;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-cat-digital{color:#1e40af;background:#dbeafe}.badge-cat-physical{color:#92400e;background:#fef3c7}.badge-locked{color:#dc2626;font-size:12px;font-weight:600}.badge-unlocked{color:#059669;font-size:12px;font-weight:600}@media (width<=640px){.pcm-page .pm-form-grid-2{grid-template-columns:1fr}.pcm-detail-row{flex-direction:column;gap:2px}.pcm-detail-row strong{min-width:auto}.stock-modal-footer{flex-direction:column;width:100%}.stock-modal-footer button{width:100%}}.sales-count-bento-management{flex-direction:column;gap:24px;width:100%;display:flex}.sales-count-bento-management .pm-title-icon{color:var(--color-primary,#10677c);vertical-align:middle;margin-right:8px;font-size:2rem}.bento-card-media{align-items:center;gap:12px;width:100%;display:flex}.bento-prod-thumb{border-radius:var(--radius-md,8px);object-fit:cover;background-color:var(--surface-container-low,#f0f0f0);flex-shrink:0;width:52px;height:52px}.badge-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.bento-category-tag{border-radius:var(--radius-full,9999px);background-color:var(--surface-container-high,#e0e6e6);color:var(--color-text-muted,#5f7477);align-items:center;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.bento-metric-value.real-val{color:var(--color-text-main,#26393b)}.bento-metric-value.plus-val{color:var(--color-accent,#d97706)}.bento-metric-value.plus-val.val-disabled{color:var(--color-text-muted,#888);opacity:.6;text-decoration:line-through}.bento-metric-value.total-val{color:var(--color-primary,#10677c)}.portal-product-preview{background-color:var(--surface-container-low,#f0f4f4);border-radius:var(--radius-md,8px);color:var(--color-text-main);border:1px solid var(--color-ghost-border,#0000001f);padding:12px 16px;font-size:.95rem}.w-full{width:100%}@media (width<=640px){.portal-document-card .portal-form .portal-field input{font-size:16px}}.coin-bento-management{flex-direction:column;gap:24px;width:100%;display:flex}.pm-header{justify-content:space-between;align-items:flex-start;gap:16px;width:100%;display:flex}.pm-header .pm-title-group{flex-direction:column;gap:4px;display:flex}.pm-header .pm-title-group h2{font-family:var(--font-serif);color:var(--color-text-main,#26393b);margin:0;font-size:1.6rem;font-weight:700}.pm-header .pm-title-group .pm-subtitle{color:var(--color-text-muted,#5f7477);margin:0;font-size:.9rem}.pm-header .pm-actions{align-items:center;gap:12px;display:flex}.bento-container{width:100%}.bento-grid-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;display:grid}.bento-empty-state,.bento-loading-state{text-align:center;border-radius:var(--radius-lg,16px);color:var(--color-text-muted,#5f7477);padding:48px}.bento-card{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,16px);border:1px solid var(--color-ghost-border,#0000001f);flex-direction:column;justify-content:space-between;gap:20px;padding:24px;transition:transform .25s,box-shadow .25s,opacity .25s;display:flex;position:relative;box-shadow:0 4px 20px -4px #0000000a}.bento-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -6px #00000014}.bento-card.bento-card-inactive{background-color:var(--surface-container-low,#f4f4f4);opacity:.82}.bento-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bento-card-header .bento-card-title-zone{flex-direction:column;gap:6px;min-width:0;display:flex}.bento-card-header .bento-card-title-zone .bento-card-title{font-family:var(--font-serif);color:var(--color-text-main,#26393b);overflow-wrap:break-word;margin:0;font-size:1.15rem;font-weight:700}.bento-card-header .bento-card-title-zone .bento-status-badge{border-radius:var(--radius-full,9999px);align-items:center;width:fit-content;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.bento-card-header .bento-card-title-zone .bento-status-badge.status-active{color:#107c41;background-color:#107c411f}.bento-card-header .bento-card-title-zone .bento-status-badge.status-inactive{color:#dc2626;background-color:#dc26261f}.bento-toggle-wrapper{align-items:center;display:flex}.bento-toggle-switch{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}.bento-toggle-switch input{opacity:0;width:0;height:0}.bento-toggle-switch input:checked+.bento-toggle-slider{background-color:var(--color-primary,#10677c)}.bento-toggle-switch input:checked+.bento-toggle-slider:before{transform:translate(20px)}.bento-toggle-switch input:disabled+.bento-toggle-slider{opacity:.5;cursor:not-allowed}.bento-toggle-switch .bento-toggle-slider{background-color:var(--surface-container-high,#d0d7d8);border-radius:var(--radius-full,9999px);transition:background-color .25s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.bento-toggle-switch .bento-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.bento-card-body{background-color:var(--surface-container-low,#f0f4f4);border-radius:var(--radius-md,12px);padding:16px}.bento-metric-row{justify-content:space-around;align-items:center;width:100%;display:flex}.bento-metric-row .bento-metric-item{flex-direction:column;align-items:center;gap:4px;display:flex}.bento-metric-row .bento-metric-item .bento-metric-label{color:var(--color-text-muted,#5f7477);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:600}.bento-metric-row .bento-metric-item .bento-metric-value{color:var(--color-text-main,#26393b);font-size:1.1rem;font-weight:700}.bento-metric-row .bento-metric-item .bento-metric-value.price-val{color:var(--color-primary,#10677c)}.bento-metric-row .bento-metric-item .bento-metric-value.amount-val{color:var(--color-accent,#d97706)}.bento-metric-row .bento-metric-divider{background-color:var(--color-ghost-border,#0000001f);width:1px;height:28px}.bento-card-footer{justify-content:flex-end;width:100%;display:flex}.action-btns-group{align-items:center;gap:10px;width:100%;display:flex}.action-btns-group button{flex:1}.delete-dropdown-wrapper{flex:1;display:flex;position:relative}.delete-dropdown-wrapper button{width:100%}.btn-primary-pill{border-radius:var(--radius-full,9999px);background-color:var(--color-primary,#10677c);color:#fff;cursor:pointer;border:none;padding:8px 18px;font-size:.875rem;font-weight:700;transition:all .2s}.btn-primary-pill:hover{background-color:#0c5263}.btn-secondary-pill{border-radius:var(--radius-full,9999px);background-color:var(--surface-container-low,#e6eeee);color:var(--color-text-main,#26393b);border:1px solid var(--color-ghost-border,#00000026);cursor:pointer;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s}.btn-secondary-pill:hover{background-color:#d6e2e2}.btn-danger-pill{border-radius:var(--radius-full,9999px);color:#dc2626;cursor:pointer;background-color:#fee2e2;border:1px solid #dc262633;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s}.btn-danger-pill:hover{color:#991b1b;background-color:#fca5a5}.confirm-delete-dropdown{z-index:100;background-color:var(--surface-container-lowest,#fff);border:1px solid var(--color-ghost-border,#00000040);border-radius:var(--radius-md,12px);flex-direction:column;gap:12px;width:100%;min-width:220px;padding:14px;animation:.2s ease-out bentoFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0000002e}.confirm-delete-dropdown .confirm-delete-text{color:var(--color-text-main,#26393b);text-align:left;margin:0;font-size:.85rem;font-weight:600}.confirm-delete-dropdown .confirm-dropdown-actions{gap:8px;display:flex}.confirm-delete-dropdown .confirm-dropdown-actions button{flex:1;height:32px;padding:0 8px;font-size:.8rem}@keyframes bentoFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.truncate-cell{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (width<=640px){.bento-grid-container{grid-template-columns:1fr}.pm-header{flex-direction:column;align-items:flex-start}.pm-header .pm-actions{justify-content:space-between;width:100%}.pm-header .pm-actions button{flex:1}}.portal-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;background-color:#26393ba6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width<=640px){.portal-modal-overlay{padding:12px}}.portal-document-card{background-color:var(--surface-container-lowest,#faf9f9);border-radius:var(--radius-lg,16px);border:1px solid var(--color-ghost-border,#00000026);box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:560px;max-height:90vh;margin:auto;padding:36px;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@media (width<=640px){.portal-document-card{max-height:95vh;padding:24px 16px}}.portal-document-card .portal-document-header{border-bottom:1px solid var(--color-ghost-border,#00000014);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.portal-document-card .portal-document-header h3{font-family:var(--font-serif);color:var(--color-text-main);margin:0;font-size:1.35rem;font-weight:700}.portal-document-card .portal-document-header .portal-close-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:1.75rem;line-height:1}.portal-document-card .portal-document-header .portal-close-btn:hover{color:var(--color-text-main)}.portal-document-card .portal-form{flex-direction:column;gap:20px;width:100%;display:flex}.portal-document-card .portal-form .portal-field{flex-direction:column;gap:8px;width:100%;display:flex}.portal-document-card .portal-form .portal-field span{color:var(--color-text-muted);font-size:.9rem;font-weight:600}.portal-document-card .portal-form .portal-field input[type=text],.portal-document-card .portal-form .portal-field input[type=number]{border-radius:var(--radius-full,9999px);border:1px solid var(--color-ghost-border,#00000059);background-color:var(--surface-container-low,#f0f0f0);width:100%;height:48px;color:var(--color-text-main);box-sizing:border-box;outline:none;padding:0 18px;font-size:16px;transition:all .2s}:is(.portal-document-card .portal-form .portal-field input[type=text],.portal-document-card .portal-form .portal-field input[type=number]):focus{border-color:var(--color-primary,#10677c);background-color:var(--surface-container-lowest,#faf9f9);box-shadow:0 0 0 3px #10677c1f}.portal-document-card .portal-form .portal-checkbox{cursor:pointer;color:var(--color-text-main);align-items:center;gap:12px;margin-top:6px;font-size:.95rem;font-weight:500;display:flex}.portal-document-card .portal-form .portal-actions{gap:16px;width:100%;margin-top:12px;display:flex}.portal-document-card .portal-form .portal-actions button{border-radius:var(--radius-full,9999px);cursor:pointer;flex:1;height:48px;font-size:1rem;font-weight:700}.coin-adjustment-container{background-color:var(--color-bg-card);border:1px solid var(--color-border);max-width:700px;box-shadow:var(--shadow-main);border-radius:12px;margin:2rem auto;padding:2rem}.coin-adjustment-header{border-bottom:2px solid var(--color-divider);margin-bottom:2rem;padding-bottom:1rem}.coin-adjustment-header h2{color:var(--color-text-main);margin-top:1rem;font-size:1.5rem}.coin-adjustment-header p{color:var(--color-text-muted);margin-top:.25rem;font-size:.9rem}.back-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:600}.back-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.adjustment-form{flex-direction:column;gap:1.25rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);background-color:var(--color-bg-input);width:100%;color:var(--color-text-main);transition:border-color var(--transition-speed);border-radius:8px;outline:none;padding:.75rem;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary)}.search-status{color:var(--color-accent);margin:0;font-size:.8rem}.user-preview-card{background-color:var(--color-divider);border-left:4px solid var(--color-primary);border-radius:0 8px 8px 0;padding:1rem;font-size:.9rem}.user-preview-card h4{color:var(--color-text-main);margin-bottom:.5rem}.user-coins-badge{gap:1rem;margin-top:.5rem;display:flex}.user-coins-badge span{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;padding:.25rem .6rem;font-weight:600}.submit-adjust-btn{background-color:var(--color-primary);color:var(--color-text-on-primary);cursor:pointer;transition:filter var(--transition-speed);border:none;border-radius:8px;padding:.9rem;font-size:1rem;font-weight:600}.submit-adjust-btn:hover{filter:brightness(.9)}.submit-adjust-btn:disabled{background-color:var(--color-text-muted);cursor:not-allowed;filter:none}.submit-adjust-btn.danger-btn{background-color:#ef4444}.search-box-container{width:100%;position:relative}.search-results-dropdown{background-color:var(--color-bg-card);border:2px solid var(--color-primary);z-index:99;max-height:260px;box-shadow:var(--shadow-main);border-radius:8px;animation:.2s ease-out forwards fadeInSlide;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.dropdown-item-wrapper{cursor:pointer;border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;padding:.85rem 1.2rem;transition:background-color .2s;display:flex}.dropdown-item-wrapper:last-child{border-bottom:none}.dropdown-item-wrapper:hover{background-color:var(--color-divider)}.dropdown-user-detail{flex-direction:column;gap:.2rem;display:flex}.dropdown-user-name{color:var(--color-text-main);font-size:.95rem;font-weight:600}.dropdown-user-email{color:var(--color-text-muted);font-size:.8rem}.dropdown-user-badges{gap:.4rem;display:flex}.badge-info-item{background-color:var(--color-bg-page);border:1px solid var(--color-border);color:var(--color-text-main);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:500}.dropdown-no-results{text-align:center;color:var(--color-text-muted);padding:1.2rem;font-size:.9rem}.admin-policy-container{background-color:var(--color-bg-page,#faf9f9);box-sizing:border-box;width:100%;padding:24px}.policy-pm-header{border-bottom:2px solid var(--color-divider,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:14px;display:flex}.policy-pm-header h2{color:var(--color-text-main,#26393b);margin:0;font-size:1.35rem;font-weight:700}.btn-policy-back{background-color:var(--color-bg-card,#fff);color:var(--color-text-main,#26393b);border:1px solid var(--color-border-strong,#00000040);border-radius:var(--radius-full,9999px);cursor:pointer;padding:8px 20px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.15,.83,.66,1);box-shadow:0 1px 2px #0000000d}.btn-policy-back:hover{border-color:var(--color-primary,#26393b);background-color:var(--color-divider,#f1f5f9);transform:translateY(-2px)}.policy-management-layout{grid-template-columns:1fr 1.2fr;align-items:start;gap:24px;display:grid}.policy-entry-card{background:var(--color-bg-card,#fff);border:1px solid var(--color-ghost-border,#00000014);border-radius:16px;padding:24px;box-shadow:0 10px 30px #00000008}.policy-section-title{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--color-divider,#e2e8f0);margin-bottom:16px;padding-bottom:8px;font-size:12px;font-weight:700;line-height:14px}.policy-form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.policy-form-group label{color:var(--color-text-main,#26393b);font-size:.85rem;font-weight:600}.policy-form-group input,.policy-form-group select,.policy-form-group textarea{border:1px solid var(--color-border-strong,#00000040);background:var(--color-bg-input,#fff);color:var(--color-text-main,#26393b);border-radius:10px;outline:none;min-width:0;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.policy-form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2326393b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right 14px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:40px}.policy-form-group input:focus,.policy-form-group select:focus,.policy-form-group textarea:focus{border-color:var(--color-primary,#26393b);box-shadow:0 0 0 3px #26393b26}.policy-form-group textarea{resize:vertical;min-height:160px}.policy-lang-tabs,.policy-modal-lang-tabs{gap:8px;margin-bottom:16px;display:flex}.policy-modal-lang-tabs{border-bottom:1px solid var(--color-divider,#e2e8f0);margin-bottom:0;padding:12px 24px}.policy-lang-tab-btn{border-radius:var(--radius-full,9999px);border:1px solid var(--color-border-strong,#00000040);color:var(--color-text-main,#26393b);cursor:pointer;background:0 0;padding:6px 18px;font-size:.8rem;font-weight:600;transition:all .2s}.policy-lang-tab-btn.active{border-color:var(--color-primary,#26393b);background:var(--color-primary,#26393b);color:#fff}.policy-submit-btn{background:var(--color-primary,#26393b);color:#fff;border-radius:var(--radius-full,9999px);cursor:pointer;border:none;width:100%;padding:14px;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.15,.83,.66,1);box-shadow:0 4px 12px #26393b33}.policy-submit-btn:hover:not(:disabled){opacity:.95;transform:translateY(-2px)}.policy-submit-btn:disabled{opacity:.5;cursor:not-allowed}.policy-history-list{flex-direction:column;gap:12px;display:flex}.policy-history-item{background:var(--color-bg-card,#fff);border:1px solid var(--color-ghost-border,#00000014);cursor:pointer;border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;min-width:0;padding:16px;transition:all .25s;display:grid}.policy-history-item:hover{border-color:var(--color-primary,#26393b);transform:translate(4px);box-shadow:0 4px 12px #0000000d}.policy-item-icon{background-color:var(--color-divider,#f1f5f9);width:40px;height:40px;color:var(--color-text-main,#26393b);border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.policy-item-details{flex-direction:column;gap:4px;min-width:0;display:flex}.policy-item-title-row{align-items:center;gap:8px;min-width:0;display:flex}.policy-item-title-row label{color:var(--color-text-main,#26393b);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.policy-type-tag{background-color:var(--color-divider,#e2e8f0);color:var(--color-text-muted,#475569);text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.policy-item-desc{color:var(--color-text-muted,#64748b);overflow-wrap:break-word;word-break:break-word;font-size:.8rem;line-height:1.4}.policy-item-time{color:var(--color-primary,#26393b);margin-top:2px;font-size:.75rem;font-weight:600}.policy-version-badge{border-radius:var(--radius-full,9999px);color:#137333;background:#e6f4ea;border:1px solid #b7e1cd;justify-content:center;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:flex}.policy-loading-state{text-align:center;background:var(--color-bg-card,#fff);border:1px dashed var(--color-border-strong,#00000040);color:var(--color-text-muted,#64748b);border-radius:12px;padding:40px;font-size:.9rem}.policy-portal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background-color:#0f172aa6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.policy-portal-card{background:var(--color-bg-card,#fff);border:1px solid var(--color-ghost-border,#0000001f);border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000026}.policy-modal-header{border-bottom:1px solid var(--color-divider,#e2e8f0);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.policy-modal-title-group{align-items:center;gap:10px;min-width:0;display:flex}.policy-type-badge{background:var(--color-primary,#26393b);color:#fff;border-radius:var(--radius-full,9999px);flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.policy-modal-header h3{color:var(--color-text-main,#26393b);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.15rem;font-weight:700;overflow:hidden}.btn-modal-close{background:var(--color-divider,#f1f5f9);width:32px;height:32px;color:var(--color-text-muted,#64748b);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.btn-modal-close:hover{color:#fff;background:#ef4444}.policy-modal-body{flex:1;padding:24px;overflow-y:auto}.policy-modal-meta{color:var(--color-text-muted,#64748b);border-bottom:1px dashed var(--color-divider,#e2e8f0);justify-content:space-between;margin-bottom:16px;padding-bottom:10px;font-size:.8rem;display:flex}.policy-modal-text-content{color:var(--color-text-main,#26393b);white-space:pre-line;overflow-wrap:break-word;word-break:break-word;font-size:.95rem;line-height:1.8}.policy-modal-footer{border-top:1px solid var(--color-divider,#e2e8f0);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-modal-cancel{border-radius:var(--radius-full,9999px);border:1px solid var(--color-border-strong,#00000040);color:var(--color-text-main,#26393b);cursor:pointer;background:0 0;padding:10px 22px;font-size:.85rem;font-weight:600}.btn-modal-edit,.btn-modal-save{border-radius:var(--radius-full,9999px);background:var(--color-primary,#26393b);color:#fff;cursor:pointer;border:none;padding:10px 24px;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #26393b33}.btn-modal-edit:hover,.btn-modal-save:hover:not(:disabled){opacity:.95;transform:translateY(-2px)}.btn-modal-save:disabled{background-color:var(--color-divider,#cbd5e1);color:var(--color-text-muted,#64748b);cursor:not-allowed;box-shadow:none;opacity:.6;transform:none}@media (width<=640px){.admin-policy-container{padding:16px}.policy-management-layout{grid-template-columns:1fr;gap:16px}.policy-history-item{grid-template-columns:36px 1fr}.policy-version-badge{grid-column:span 2;justify-self:start;margin-top:4px}}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal-card{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,16px);width:100%;max-width:520px;box-shadow:var(--shadow-modal,0 24px 40px #0000000d);flex-direction:column;display:flex;overflow:hidden}.modal-header{background-color:var(--surface-container-low,#f2f4f6);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h2{color:var(--color-text-main,#191c1e);font-size:1.15rem;font-family:var(--font-serif,"Noto Serif", serif)}.modal-close-btn{cursor:pointer;color:var(--color-text-muted,#3f484c);border-radius:var(--radius-full,9999px);background:0 0;border:none;padding:4px;font-size:1.2rem}.modal-close-btn:hover{background-color:var(--surface-container-high,#e6e8ea)}.modal-form-body{flex-direction:column;gap:16px;padding:24px;display:flex}.modal-order-summary-box{background-color:var(--surface-container,#eceef0);border-radius:var(--radius-md,12px);flex-direction:column;gap:6px;padding:12px 16px;font-size:.85rem;display:flex}.summary-row{justify-content:space-between;align-items:center;display:flex}.code-highlight{background:var(--surface-container-high,#e6e8ea);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.78rem}.address-box{border-top:1px dashed var(--surface-container-high,#e6e8ea);flex-direction:column;align-items:flex-start;gap:4px;padding-top:6px}.address-val{color:var(--color-text-main,#191c1e);line-height:1.4}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--color-text-muted,#3f484c);font-size:.88rem;font-weight:600}.admin-input-field{border-radius:var(--radius-md,12px);border:1.5px solid var(--surface-container-high,#e6e8ea);background-color:var(--surface-container-low,#f2f4f6);color:var(--color-text-main,#191c1e);font-size:.9rem;font-family:var(--font-sans,inherit);transition:background-color var(--transition-speed,.3s) ease, border-color var(--transition-speed,.3s) ease, box-shadow var(--transition-speed,.3s) ease;outline:none;padding:10px 16px;box-shadow:inset 0 1px 2px #191c1e0d}.admin-input-field:hover{background-color:var(--surface-container,#eceef0);border-color:var(--color-secondary,#49626b)}.admin-input-field:focus{background-color:var(--surface-container-lowest,#fff);border-color:var(--color-primary,#10677c);box-shadow:0 0 0 3px #10677c26}select.admin-input-field{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f484c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.admin-input-field::placeholder{color:var(--color-text-muted,#3f484c);opacity:.7}.tracking-input{letter-spacing:.5px;font-family:var(--font-label,sans-serif)}.modal-actions-row{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.btn-modal-cancel{background-color:var(--surface-container-high,#e6e8ea);color:var(--color-text-muted,#3f484c);border-radius:var(--radius-full,9999px);cursor:pointer;border:none;padding:10px 20px;font-weight:600}.btn-modal-save{background-color:var(--color-primary-container,#358096);color:var(--color-on-primary,#fff);border-radius:var(--radius-full,9999px);cursor:pointer;border:none;padding:10px 24px;font-weight:600}.btn-modal-save:disabled{opacity:.6;cursor:not-allowed}.admin-order-container{background-color:var(--color-bg-page,#f8f9fc);flex-direction:column;gap:20px;min-height:100vh;padding:24px;display:flex}.admin-order-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.header-left{flex-direction:column;gap:8px;display:flex}.admin-btn-back{color:var(--color-primary,#10677c);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.9rem;font-weight:600}.admin-btn-back:hover{text-decoration:underline}.admin-order-title{color:var(--color-text-main,#191c1e);font-size:1.6rem}.stat-pill{background-color:var(--surface-container-high,#e6e8ea);border-radius:var(--radius-full,9999px);color:var(--color-text-muted,#3f484c);padding:6px 16px;font-size:.88rem}.admin-order-filter-bar{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-main,0 4px 20px #191c1e0a);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.search-box-wrapper{background-color:var(--surface-container-low,#f2f4f6);border-radius:var(--radius-full,9999px);flex:1;align-items:center;gap:10px;min-width:280px;padding:8px 16px;display:flex}.admin-search-input{width:100%;color:var(--color-text-main,#191c1e);background:0 0;border:none;outline:none;font-size:.9rem}.filter-select-wrapper{align-items:center;gap:10px;display:flex}.filter-label{color:var(--color-text-muted,#3f484c);font-size:.88rem;font-weight:600}.admin-select-control{border-radius:var(--radius-full,9999px);background-color:var(--surface-container-low,#f2f4f6);color:var(--color-text-main,#191c1e);cursor:pointer;border:none;outline:none;padding:8px 16px;font-size:.88rem}.admin-order-table-wrapper{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-main,0 4px 20px #191c1e0a);overflow-x:auto}.admin-order-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;font-size:.9rem}.admin-order-table th{background-color:var(--surface-container-low,#f2f4f6);color:var(--color-text-muted,#3f484c);white-space:nowrap;padding:14px 16px;font-weight:600}.admin-order-row{border-bottom:1px solid var(--surface-container-low,#f2f4f6);transition:background-color .2s}.admin-order-row:hover{background-color:var(--surface-container-lowest,#fff)}.admin-order-table td{vertical-align:top;border-bottom:none;padding:16px}.admin-order-table .th-code,.col-code-cell{width:170px}.admin-order-table .th-user,.col-user-cell{width:180px}.admin-order-table .th-items,.col-items-cell{width:280px}.admin-order-table .th-total,.col-price-cell{width:150px}.admin-order-table .th-status,.col-status-cell{width:140px}.admin-order-table .th-tracking,.col-tracking-cell{width:180px}.admin-order-table .col-action{width:120px}.col-code-cell{border-bottom:none;flex-direction:column;gap:4px;padding-top:2px;display:flex}.order-code-text{font-family:var(--font-serif,"Noto Serif", serif);color:var(--color-primary,#10677c);font-size:1.05rem;line-height:1.3}.order-id-sub{color:var(--color-text-muted,#3f484c);word-break:break-all;font-size:.75rem;line-height:1.3}.order-date-sub{color:var(--color-text-muted,#3f484c);margin-top:2px;font-size:.78rem}.user-info-stack{flex-direction:column;gap:4px;padding-top:2px;display:flex}.user-name-text{color:var(--color-text-main,#191c1e);word-break:break-word;font-size:.9rem;font-weight:700}.user-id-badge{background-color:var(--surface-container,#eceef0);border-radius:var(--radius-sm,8px);color:var(--color-text-muted,#3f484c);word-break:break-all;padding:3px 8px;font-family:monospace;font-size:.75rem;display:inline-block}.mini-items-list{flex-direction:column;gap:8px;max-height:160px;padding-right:6px;display:flex;overflow-y:auto}.mini-items-list::-webkit-scrollbar{width:5px}.mini-items-list::-webkit-scrollbar-track{background:var(--surface-container-low,#f2f4f6);border-radius:var(--radius-full,9999px)}.mini-items-list::-webkit-scrollbar-thumb{background:var(--surface-container-high,#e6e8ea);border-radius:var(--radius-full,9999px)}.mini-items-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-container,#358096)}.mini-item-row{background-color:var(--surface-container-low,#f2f4f6);border-radius:var(--radius-md,12px);align-items:center;gap:10px;padding:6px 8px;display:flex}.mini-item-thumb{object-fit:cover;border-radius:var(--radius-xs,4px);background-color:var(--surface-container-lowest,#fff);flex-shrink:0;width:38px;height:38px}.mini-item-info{flex-direction:column;font-size:.8rem;display:flex;overflow:hidden}.mini-item-name{color:var(--color-text-main,#191c1e);white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-weight:600;overflow:hidden}.mini-item-qty{color:var(--color-text-muted,#3f484c);font-size:.75rem}.price-stack{flex-direction:column;gap:2px;padding-top:2px;display:flex}.shipping-fee-sub{color:var(--color-text-muted,#3f484c);font-size:.75rem}.admin-order-badge{border-radius:var(--radius-full,9999px);white-space:nowrap;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-block}.tracking-stack{flex-direction:column;gap:2px;padding-top:2px;display:flex}.tracking-provider{color:var(--color-text-muted,#3f484c);font-size:.78rem}.tracking-code-val{color:var(--color-primary,#10677c);letter-spacing:.5px}.shipped-date-val{color:var(--color-text-muted,#3f484c);font-size:.75rem}.tracking-pending-text{color:var(--color-tertiary,#875120);padding-top:2px;font-size:.8rem;font-style:italic;display:inline-block}.digital-auto-text{color:var(--color-text-muted,#3f484c);padding-top:2px;font-size:.8rem;display:inline-block}.btn-admin-edit-status{background-color:var(--color-primary-container,#358096);color:var(--color-on-primary,#fff);border-radius:var(--radius-full,9999px);cursor:pointer;white-space:nowrap;border:none;padding:6px 14px;font-size:.82rem;font-weight:600}.btn-admin-edit-status:hover{background-color:var(--color-primary-hover,#0c5263)}.admin-order-loading,.admin-order-empty{text-align:center;color:var(--color-text-muted,#3f484c);padding:60px 0}.digital-auto-text{color:var(--color-text-muted,#3f484c);background-color:var(--surface-container-low,#f2f4f6);border-radius:var(--radius-full,9999px);white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.digital-locked-action{color:var(--color-text-muted,#3f484c);background-color:var(--surface-container-high,#e6e8ea);border-radius:var(--radius-full,9999px);white-space:nowrap;cursor:default;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-block}.creator-manage-wrapper{max-width:1200px;margin:0 auto;padding:1.5rem}.creator-manage-header{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.creator-manage-header h2{color:var(--color-text-main);font-size:24px}.creator-manage-header .back-btn{border-radius:var(--radius-full);background-color:var(--surface-container-high);color:var(--color-primary);cursor:pointer;border:none;align-items:center;gap:8px;padding:.6rem 1.2rem;font-weight:600;display:inline-flex}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem;display:grid}.app-card{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-main);outline:1px solid var(--color-ghost-border);flex-direction:column;justify-content:space-between;gap:1rem;padding:1.5rem;display:flex}.app-card-header{justify-content:space-between;align-items:center;display:flex}.status-badge{font-family:var(--font-label);border-radius:var(--radius-full);padding:4px 12px;font-size:12px;font-weight:600}.status-badge.status-pending{background-color:var(--color-tertiary-container);color:var(--color-tertiary)}.status-badge.status-approved{color:var(--color-success);background-color:#10b98126}.status-badge.status-rejected{background-color:var(--color-danger-soft);color:var(--color-danger)}.app-date{color:var(--color-text-muted);font-size:12px}.app-info-group{flex-direction:column;gap:.65rem;display:flex}.info-row{align-items:center;gap:8px;font-size:14px;display:flex}.info-row .info-icon{color:var(--color-secondary)}.info-row .info-label{color:var(--color-text-muted)}.info-row .info-val{color:var(--color-text-main)}.info-row .info-val.highlight{color:var(--color-primary);font-size:16px}.info-row .portfolio-link{color:var(--color-primary);font-weight:500;text-decoration:underline}.bio-box{background-color:var(--surface-container-low);border-radius:var(--radius-md);margin-top:.5rem;padding:.85rem}.bio-box .bio-label{color:var(--color-text-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.bio-box .bio-content{color:var(--color-text-main);white-space:pre-line;font-size:13px;line-height:1.5}.reject-reason-box{background-color:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-md);margin-top:.5rem;padding:.75rem;font-size:13px}.app-actions{gap:.75rem;margin-top:.5rem;display:flex}.btn-approve{background-color:var(--color-primary-container);color:var(--color-on-primary);border-radius:var(--radius-full);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:.75rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-approve:hover{opacity:.9}.btn-reject{background-color:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-full);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:.75rem;font-weight:600;transition:background-color .2s;display:inline-flex}.btn-reject:hover{background-color:#ef44442e}.modal-portal-overlay{-webkit-backdrop-filter:blur(12px);z-index:10000;background-color:#111416a6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;animation:.2s ease-out forwards modalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-portal-card{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-modal);outline:1px solid var(--color-ghost-border);flex-direction:column;gap:1.25rem;padding:1.75rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalSlideUp;display:flex}.modal-portal-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.modal-portal-title-group{flex-direction:column;gap:.25rem;display:flex}.modal-portal-title-group .modal-portal-badge{font-family:var(--font-label);letter-spacing:.05em;color:var(--color-tertiary);font-size:11px;font-weight:600}.modal-portal-title-group h3{color:var(--color-text-main);align-items:center;gap:8px;font-size:18px;display:flex}.modal-portal-title-group .modal-icon-danger{color:var(--color-danger)}.modal-portal-close-btn{background:var(--surface-container-low);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.modal-portal-close-btn:hover{background-color:var(--surface-container-high);color:var(--color-text-main)}.modal-portal-body{flex-direction:column;gap:.75rem;display:flex}.modal-portal-body .modal-subtext{color:var(--color-text-muted);font-size:14px;line-height:1.5}.modal-portal-body .modal-textarea{background-color:var(--surface-container-low);width:100%;color:var(--color-text-main);outline:1px solid var(--color-ghost-border);border-radius:var(--radius-md);font-family:var(--font-sans);resize:vertical;border:none;padding:.85rem;font-size:16px}.modal-portal-body .modal-textarea:focus{outline:2px solid var(--color-primary)}.modal-portal-footer{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.modal-portal-footer .bento-btn-secondary{border-radius:var(--radius-full);background-color:var(--surface-container-high);color:var(--color-text-main);cursor:pointer;border:none;padding:.75rem 1.25rem;font-weight:600}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.creator-manage-wrapper{padding:1rem}.creator-manage-header{flex-direction:column;align-items:flex-start;gap:.75rem}.apps-grid{grid-template-columns:1fr}.modal-portal-card{padding:1.25rem}.modal-portal-footer{flex-direction:column-reverse}.modal-portal-footer button{width:100%}}.support-manage-wrapper{max-width:1200px;margin:0 auto;padding:1.5rem}.support-manage-header{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.support-manage-header h2{color:var(--color-text-main);font-size:24px}.support-manage-header .back-btn{border-radius:var(--radius-full);background-color:var(--surface-container-high);color:var(--color-primary);cursor:pointer;border:none;align-items:center;gap:8px;padding:.6rem 1.2rem;font-weight:600;display:inline-flex}.support-filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.support-filter-bar .filter-chip{border-radius:var(--radius-full);background-color:var(--surface-container-high);color:var(--color-text-muted);cursor:pointer;border:none;padding:.5rem 1rem;font-size:13px;font-weight:600}.support-filter-bar .filter-chip.active{background-color:var(--color-primary-container);color:var(--color-on-primary)}.empty-tile{text-align:center;color:var(--color-text-muted);background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-main);padding:3rem 1.5rem}.tickets-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.25rem;display:grid}.ticket-card{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-main);outline:1px solid var(--color-ghost-border);flex-direction:column;justify-content:space-between;gap:1rem;padding:1.5rem;display:flex}.ticket-card-header{justify-content:space-between;align-items:center;display:flex}.status-badge{font-family:var(--font-label);border-radius:var(--radius-full);white-space:nowrap;padding:4px 12px;font-size:12px;font-weight:600}.status-badge.status-pending{background-color:var(--color-tertiary-container);color:var(--color-tertiary)}.status-badge.status-in_progress{color:#3b82f6;background-color:#3b82f626}.status-badge.status-resolved{color:var(--color-success);background-color:#10b98126}.status-badge.status-closed{background-color:var(--surface-container-high);color:var(--color-text-muted)}.ticket-date{color:var(--color-text-muted);font-size:12px}.ticket-info-group{flex-direction:column;gap:.65rem;display:flex}.info-row{align-items:center;gap:8px;font-size:14px;display:flex}.info-row .info-icon{color:var(--color-secondary)}.info-row .info-label{color:var(--color-text-muted)}.info-row .info-val{color:var(--color-text-main)}.info-row .info-val.highlight{color:var(--color-primary);font-size:15px}.subject-tag{border-radius:var(--radius-full);background-color:var(--surface-container-high);width:fit-content;color:var(--color-text-main);padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.message-box,.reply-box{background-color:var(--surface-container-low);border-radius:var(--radius-md);margin-top:.25rem;padding:.85rem}:is(.message-box,.reply-box) .box-label{color:var(--color-text-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}:is(.message-box,.reply-box) .box-content{color:var(--color-text-main);white-space:pre-line;font-size:13px;line-height:1.5}.reply-box{background-color:#10b98114}.reply-box .box-label{color:var(--color-success)}.email-sent-tag{color:var(--color-success);align-items:center;gap:4px;margin-top:6px;font-size:11px;display:inline-flex}.ticket-id-tag{color:var(--color-text-muted);font-family:monospace;font-size:11px}.ticket-actions{gap:.75rem;margin-top:.5rem;display:flex}.btn-reply{background-color:var(--color-primary-container);color:var(--color-on-primary);border-radius:var(--radius-full);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:.75rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-reply:hover{opacity:.9}.btn-status-select{border-radius:var(--radius-full);background-color:var(--surface-container-high);color:var(--color-text-main);cursor:pointer;border:none;flex-shrink:0;padding:.75rem 1rem;font-size:13px;font-weight:600}.support-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:10000;background-color:#111416a6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;animation:.2s ease-out forwards supportModalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.support-modal-card{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--shadow-modal);outline:1px solid var(--color-ghost-border);flex-direction:column;gap:1.25rem;padding:1.75rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards supportModalSlideUp;display:flex}.support-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.support-modal-title-group{flex-direction:column;gap:.25rem;display:flex}.support-modal-title-group .support-modal-badge{font-family:var(--font-label);letter-spacing:.05em;color:var(--color-tertiary);font-size:11px;font-weight:600}.support-modal-title-group h3{color:var(--color-text-main);align-items:center;gap:8px;font-size:18px;display:flex}.support-modal-close-btn{background:var(--surface-container-low);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.support-modal-close-btn:hover{background-color:var(--surface-container-high);color:var(--color-text-main)}.support-modal-body{flex-direction:column;gap:.85rem;display:flex}.support-modal-body .modal-subtext{color:var(--color-text-muted);font-size:14px;line-height:1.5}.support-modal-body .original-message-quote{background-color:var(--surface-container-low);border-left:3px solid var(--color-ghost-border);color:var(--color-text-muted);border-radius:var(--radius-md);white-space:pre-line;max-height:120px;padding:.65rem .85rem;font-size:13px;overflow-y:auto}.support-modal-body .modal-textarea{background-color:var(--surface-container-low);width:100%;color:var(--color-text-main);outline:1px solid var(--color-ghost-border);border-radius:var(--radius-md);font-family:var(--font-sans);resize:vertical;border:none;padding:.85rem;font-size:16px}.support-modal-body .modal-textarea:focus{outline:2px solid var(--color-primary)}.support-modal-body .modal-status-select-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.support-modal-body .modal-status-select-row label{color:var(--color-text-muted);font-size:13px;font-weight:600}.support-modal-body .modal-status-select-row select{background-color:var(--surface-container-low);color:var(--color-text-main);outline:1px solid var(--color-ghost-border);border-radius:var(--radius-md);border:none;padding:.5rem .75rem;font-size:13px}.support-modal-body .modal-checkbox-row{background-color:var(--surface-container-low);border-radius:var(--radius-md);align-items:center;gap:8px;padding:.75rem .85rem;display:flex}.support-modal-body .modal-checkbox-row label{color:var(--color-text-main);cursor:pointer;font-size:13px}.support-modal-body .modal-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.support-modal-footer{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.support-modal-footer .bento-btn-secondary{border-radius:var(--radius-full);background-color:var(--surface-container-high);color:var(--color-text-main);cursor:pointer;border:none;padding:.75rem 1.25rem;font-weight:600}@keyframes supportModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes supportModalSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.support-manage-wrapper{padding:1rem}.support-manage-header{flex-direction:column;align-items:flex-start;gap:.75rem}.tickets-grid{grid-template-columns:1fr}.support-modal-card{padding:1.25rem}.support-modal-footer{flex-direction:column-reverse}.support-modal-footer button{width:100%}}.shipping-management-container{background-color:var(--color-bg-page,#faf9f9);padding:30px}.shipping-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.shipping-header h2{color:var(--color-text-main,#26393b);margin-top:12px;margin-bottom:6px;font-family:Noto Serif,serif;font-size:1.6rem;font-weight:700}.shipping-subtitle{color:var(--color-text-muted,#5f6368);margin-bottom:0;font-size:.95rem}.add-rate-pill-button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#1763fa;border:none;border-radius:9999px;padding:10px 20px;font-weight:600;transition:opacity .2s,transform .1s}.add-rate-pill-button:hover{opacity:.9;transform:translateY(-1px)}.shipping-bento-grid{flex-direction:column;gap:16px;display:flex}.shipping-bento-card{background-color:var(--color-surface-container-lowest,#fff);outline:1px solid var(--color-ghost-border,#26393b14);border-radius:18px;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;transition:outline-color .2s;display:flex;box-shadow:0 4px 20px #00000008}[data-theme=dark] .shipping-bento-card{background-color:var(--color-bg-input,#1e2a2c);outline-color:#ffffff14}.card-section-provider{align-items:center;gap:12px;min-width:130px;display:flex}.rate-badge{letter-spacing:.05em;background-color:var(--color-surface-container,#e2e0d8);color:var(--color-text-main,#26393b);white-space:nowrap;border-radius:9999px;padding:6px 14px;font-size:.75rem;font-weight:700}.editorial-input:disabled{opacity:.7;cursor:not-allowed;background-color:#0000000a}@media (width<=640px){.shipping-management-container{padding:16px}.shipping-header{flex-direction:column;align-items:flex-start;gap:12px}.shipping-bento-card{flex-direction:column;align-items:stretch;gap:16px}.card-fields-row{flex-direction:column;align-items:stretch}.card-actions-group{justify-content:space-between;margin-top:8px}}.package-management-container{background-color:var(--color-bg-page,#faf9f9);padding:30px}.package-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.package-header h2{font-family:var(--font-serif,"Noto Serif", serif);color:var(--color-text-main,#26393b);margin-top:12px;margin-bottom:6px;font-size:1.6rem;font-weight:700}.package-subtitle{color:var(--color-text-muted,#5f6368);margin-bottom:0;font-size:.95rem}.add-package-pill-button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#1763fa;border:none;border-radius:9999px;padding:10px 20px;font-weight:600;transition:opacity .2s,transform .1s}.add-package-pill-button:hover{opacity:.9;transform:translateY(-1px)}.package-bento-grid{flex-direction:column;gap:16px;display:flex}.package-bento-card{background-color:var(--color-surface-container-lowest,#fff);outline:1px solid var(--color-ghost-border,#26393b14);border-radius:18px;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;transition:outline-color .2s;display:flex;box-shadow:0 4px 20px #00000008}.bento-card-draft{outline:2px dashed #1763fa}[data-theme=dark] .package-bento-card{background-color:var(--color-bg-input,#1e2a2c);outline-color:#ffffff14}.card-section-id{align-items:center;gap:12px;min-width:130px;display:flex}.package-badge{letter-spacing:.05em;background-color:var(--color-surface-container,#e2e0d8);color:var(--color-text-main,#26393b);white-space:nowrap;border-radius:9999px;padding:6px 14px;font-size:.75rem;font-weight:700}.card-fields-row{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.input-group{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.input-group.flex-2{flex:2}.input-group label{color:var(--color-text-muted,#5f6368);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.editorial-input{border:1px solid var(--color-border-strong,#00000040);background-color:var(--color-bg-page,#faf9f9);color:var(--color-text-main,#26393b);box-sizing:border-box;border-radius:10px;width:100%;padding:8px 12px;font-size:16px}.editorial-input.highlight-input{color:#7b1fa2;border-color:#7b1fa2;font-weight:700}.editorial-input:focus{border-color:#0000;outline:2px solid #1763fa}.card-actions-group{align-items:center;gap:14px;display:flex}.toggle-wrapper{align-items:center;gap:8px;display:flex}.toggle-label{color:var(--color-text-muted,#5f6368);white-space:nowrap;font-size:.82rem;font-weight:600}.toggle-switch{flex-shrink:0;width:46px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--color-surface-container-high,#00000026);border-radius:9999px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #00000026}input:checked+.slider{background-color:#1763fa}input:checked+.slider:before{transform:translate(22px)}.delete-icon-button{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px;font-size:1.1rem;transition:background-color .2s}.delete-icon-button:hover{background-color:#dc26261a}.back-pill-btn,.save-pill-button{cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;padding:10px 20px;font-weight:600;transition:opacity .2s,transform .1s}.back-pill-btn{color:var(--color-text-muted,#5f6368);background-color:#0000;padding:6px 0}.save-pill-button{color:#fff;background-color:#1763fa}.save-pill-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}@media (width<=640px){.package-management-container{padding:16px}.package-header{flex-direction:column;align-items:flex-start;gap:12px}.package-bento-card{flex-direction:column;align-items:stretch;gap:16px}.card-fields-row{flex-direction:column;align-items:stretch}.card-actions-group{justify-content:space-between;margin-top:8px}}.email-bento-container{background-color:var(--color-background,#faf9f9);border-radius:20px;grid-template-columns:360px 1fr;gap:20px;padding:24px;display:grid}.email-bento-container .material-symbols-outlined{vertical-align:middle;-webkit-user-select:none;user-select:none;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.email-bento-container .inline-icon{margin-right:6px;font-size:16px}.email-bento-container .bento-icon{color:#10677c;font-size:22px}.email-bento-container .bento-card{background-color:var(--color-surface-container-lowest,#fff);border:1px solid #0000000d;border-radius:16px;min-width:0;padding:24px;box-shadow:0 2px 12px #00000005}.email-bento-container .bento-sidebar{background-color:var(--color-surface-container-low,#f2f4f4);flex-direction:column;display:flex}.email-bento-container .bento-header-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.email-bento-container .bento-title{color:#26393b;margin:0;font-family:Noto Serif,serif;font-size:18px;font-weight:600}.email-bento-container .sub-title-row{color:#10677c;align-items:center;gap:6px;margin-bottom:6px;display:flex}.email-bento-container .sub-title{color:#26393b;margin:0;font-size:14px;font-weight:700}.email-bento-container .helper-text{color:#70787d;margin-bottom:12px;font-size:12px;line-height:1.4}.template-selection-section{width:100%;margin-bottom:20px}.template-list{flex-direction:column;gap:8px;display:flex}.template-item-btn{text-align:left;cursor:pointer;color:#3f484c;background-color:#fff;border:1px solid #00000014;border-radius:12px;flex-direction:column;min-width:0;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:background-color .15s,border-color .15s;display:flex}.template-item-btn .template-btn-content{flex-direction:column;gap:4px;width:100%;display:flex}.template-item-btn .template-title-row{align-items:center;display:flex}.template-item-btn .template-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.template-item-btn .file-badge{color:#70787d;padding-left:22px;font-size:11px}.template-item-btn .file-badge code{background-color:#0000000d;border-radius:4px;padding:2px 6px}.template-item-btn.active{color:#fff;background-color:#26393b;border-color:#26393b}.template-item-btn.active .inline-icon{color:#fff}.template-item-btn.active .file-badge{color:#ffffffb3}.template-item-btn.active .file-badge code{color:#fff;background-color:#ffffff2e}.variables-inspector-box{border-top:1px dashed #00000026;margin-top:8px;padding-top:16px}.params-inputs-list{flex-direction:column;gap:12px;display:flex}.param-field-group{flex-direction:column;gap:4px;display:flex}.param-field-group label{color:#10677c;font-size:12px;font-weight:600}.editorial-input{color:#26393b;background-color:#fff;border:1px solid #00000040;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:16px;transition:border-color .2s}.editorial-input:focus{border-color:#10677c}.param-input{padding:8px 12px!important;font-size:16px!important}.preview-top-bar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-top-bar .service-file-info{color:#70787d;align-items:center;font-size:12px;display:flex}.preview-top-bar .service-file-info code{background-color:var(--color-surface-container-low,#f2f4f4);color:#10677c;border-radius:4px;margin-left:4px;padding:2px 8px;font-weight:600}.preview-subject-banner{background-color:var(--color-surface-container-low,#f2f4f4);color:#26393b;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.preview-subject-banner .subject-label{color:#10677c;white-space:nowrap}.preview-subject-banner .subject-text{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.preview-frame-container{width:100%;height:100%}.email-live-iframe{background-color:#fff;border:none;border-radius:12px;width:100%;height:580px}.test-send-box{border-top:1px dashed #00000026;margin-top:20px;padding-top:16px}.test-send-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.test-send-row .editorial-input{flex:1;min-width:220px}.primary-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#10677c;border:none;border-radius:9999px;align-items:center;gap:6px;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.ghost-btn{color:#3f484c;cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:9999px;align-items:center;gap:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.ghost-btn.danger{color:#b3261e;border-color:#b3261e4d}.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.status-message{margin-top:10px;font-size:13px}.status-success{color:#1e7a4c}.status-error{color:#b3261e}.mock-queue-panel{background-color:var(--color-surface-container-lowest,#fff);border:1px solid #0000000d;border-radius:16px;margin-top:20px;padding:24px;box-shadow:0 2px 12px #00000005}.mock-queue-toolbar{gap:8px;display:flex}.mock-queue-empty{margin-bottom:0}.mock-queue-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.mock-queue-item{background-color:var(--color-surface-container-low,#f2f4f4);border:1px solid #0000000d;border-radius:12px;overflow:hidden}.mock-queue-item-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:Inter,sans-serif;display:flex}.mock-queue-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-queue-subject{color:#26393b;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.mock-queue-meta{color:#70787d;font-size:12px}.mock-queue-item-body{flex-direction:column;gap:10px;padding:0 16px 16px;display:flex}.mock-queue-preview-frame{background-color:#fff;border:none;border-radius:10px;width:100%;height:400px}@media (width<=640px){.email-bento-container{grid-template-columns:1fr;padding:16px}.preview-top-bar{flex-direction:column;align-items:flex-start;gap:8px}.email-live-iframe{height:450px}.mock-queue-panel{padding:16px}.mock-queue-preview-frame{height:320px}}.admin-s3-inspector{background-color:var(--color-bg-page);min-height:100vh;padding:24px}.s3-inspector-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.s3-back-btn{background:var(--color-surface-container-low,#f2f4f4);cursor:pointer;border-radius:var(--radius-full,9999px);border:none;padding:8px 12px}.s3-inspector-search-card{background:var(--color-bg-card,#fff);border:1px solid var(--color-ghost-border,#00000026);border-radius:16px;margin-bottom:16px;padding:20px;box-shadow:0 4px 16px #00000008}.s3-inspector-search-card label{color:var(--color-text-main);font-size:.9rem;font-weight:600}.s3-search-input-group{gap:12px;margin-top:10px;display:flex}.s3-form-control-select{border:1px solid var(--color-border-strong,#00000040);background-color:var(--color-bg-page);color:var(--color-text-main);border-radius:10px;flex:1;padding:10px 14px;font-size:16px}.s3-inspector-actions-bar{justify-content:flex-end;margin-bottom:16px;display:flex}.s3-btn-pill{border-radius:var(--radius-full,9999px);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 20px;font-weight:600;display:inline-flex}.s3-btn-primary{color:#fff;background-color:#1763fa}.s3-btn-secondary{background-color:var(--color-surface-container-low,#f2f4f4);color:var(--color-text-main)}.s3-btn-primary:disabled{opacity:.5;cursor:not-allowed}.s3-inspector-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.s3-summary-card{background:var(--color-bg-card,#fff);border:1px solid var(--color-ghost-border,#00000026);border-radius:16px;align-items:center;gap:16px;padding:16px 20px;display:flex}.s3-summary-icon{color:#1763fa;font-size:32px}.s3-file-table-container{background:var(--color-bg-card,#fff);border:1px solid var(--color-ghost-border,#00000026);border-radius:16px;overflow:hidden}.s3-inspector-table{border-collapse:collapse;width:100%}.s3-inspector-table th,.s3-inspector-table td{text-align:left;border-bottom:1px solid var(--color-divider,#f0f0f0);padding:14px 18px}.s3-file-name-cell{align-items:center;gap:8px;min-width:0;display:flex}.s3-file-name-text{overflow-wrap:break-word;word-break:break-word}.s3-status-badge.valid{color:#2e7d32;align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:inline-flex}.s3-btn-icon-danger{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:inline-flex}.s3-btn-icon-danger:hover{background-color:#ef44441a}.s3-empty-state,.s3-loading-state{text-align:center;color:var(--color-text-muted);padding:48px}.s3-spinning{animation:1s linear infinite s3InspectorSpin}@keyframes s3InspectorSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.s3-actions-cell{align-items:center;gap:8px;display:flex}.s3-btn-icon-action{color:#1763fa;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:inline-flex}.s3-btn-icon-action:hover{background-color:#1763fa1a}.s3-preview-modal-overlay{z-index:1000;background-color:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out s3InspectorFadeIn;display:flex;position:fixed;inset:0}.s3-preview-modal-content{background:var(--color-bg-card,#fff);border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 10px 30px #0003}.s3-preview-modal-header{border-bottom:1px solid var(--color-divider,#f0f0f0);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.s3-preview-modal-header h3{color:var(--color-text-main);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;overflow:hidden}.s3-close-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none}.s3-preview-modal-body{justify-content:center;align-items:center;min-height:250px;padding:24px;display:flex;overflow-y:auto}.s3-preview-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:60vh}.s3-preview-audio-container{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.s3-audio-big-icon{color:#1763fa;font-size:64px}.s3-preview-audio{width:100%;max-width:400px}.s3-preview-video{border-radius:8px;width:100%;max-height:60vh}.s3-preview-iframe{border:none;border-radius:8px;width:100%;height:60vh}.s3-preview-unsupported{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.s3-unsupported-icon{color:var(--color-text-muted);font-size:48px}.s3-download-link{margin-top:8px;text-decoration:none}@keyframes s3InspectorFadeIn{0%{opacity:0}to{opacity:1}}.s3-confirm-delete-modal-card{background:var(--color-bg-card,#fff);border:1px solid var(--color-ghost-border,#00000026);border-radius:16px;width:100%;max-width:480px;padding:24px;animation:.2s ease-out s3InspectorFadeIn;box-shadow:0 10px 30px #0003}.s3-confirm-delete-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.s3-confirm-delete-header h3{color:var(--color-text-main);margin:0;font-size:1.15rem;font-weight:700}.s3-confirm-delete-body{margin-bottom:24px}.s3-confirm-delete-body p{color:var(--color-text-muted);margin-bottom:12px;font-size:.95rem;line-height:1.5}.s3-delete-target-badge{color:#ef4444;word-break:break-all;background:#ef44441a;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:600;display:flex}.s3-confirm-delete-footer{justify-content:flex-end;gap:12px;display:flex}.s3-btn-danger-pill{color:#fff;border-radius:var(--radius-full,9999px);cursor:pointer;background-color:#ef4444;border:none;align-items:center;gap:6px;padding:10px 20px;font-weight:600;display:inline-flex}.s3-btn-danger-pill:hover{background-color:#dc2626}.s3-btn-danger-pill:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard-menu{background-color:var(--color-bg-page);padding:30px;animation:.4s ease-out forwards fadeInSlide}.admin-dashboard-menu h2{color:var(--color-text-main);margin-bottom:8px;font-size:1.6rem;font-weight:700}.dashboard-subtitle{color:var(--color-text-muted);margin-bottom:30px;font-size:.95rem}.admin-category-section{margin-bottom:35px}.category-label{color:#5f6368;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--color-divider);margin-bottom:15px;padding-bottom:6px;font-size:11px;font-weight:600;line-height:13px}[data-theme=dark] .category-label{color:var(--color-text-muted)}.admin-menu-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.menu-card{background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#e5e5e5);box-shadow:0px 187px 75px #00000003, transition: all .6s cubic-bezier(.15, .83, .66, 1);cursor:pointer;border-radius:11px;grid-template-columns:40px 1fr;align-items:center;gap:14px;padding:16px 20px;display:grid}.menu-card:hover:not(.disabled){border-color:var(--color-primary);background-color:#f5f8fe;transform:scale(1.03)translateY(-4px)}[data-theme=dark] .menu-card:hover:not(.disabled){background-color:var(--color-divider)}.menu-card:hover:not(.disabled) .menu-icon{color:#fff;background-color:#1763fa}.menu-card:hover:not(.disabled) .menu-card-desc h3{color:#1763fa}.menu-icon{width:40px;height:40px;color:var(--color-text-main);background-color:#ececec;border-radius:7px;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s cubic-bezier(.15,.83,.66,1);display:flex}[data-theme=dark] .menu-icon{background-color:var(--color-bg-input)}.menu-card-desc{text-align:left;flex-direction:column;justify-content:center;gap:5px;display:flex}.menu-card-desc h3{color:#171718;margin:0;font-size:12px;font-weight:600;line-height:15px;transition:color .2s}[data-theme=dark] .menu-card-desc h3{color:var(--color-text-main)}.menu-card-desc p{color:#72767c;margin:0;font-size:10px;font-weight:600;line-height:12px}.menu-card.alert-card{border-left:4px solid var(--color-accent)}.menu-card.disabled{background-color:var(--color-bg-input);opacity:.5;cursor:not-allowed;box-shadow:none;border-style:dashed}.menu-card.disabled:hover{background-color:var(--color-bg-card);transform:none}.account-container{background-color:var(--color-bg-page);min-height:calc(100vh - 70px);padding:24px 20px;display:block}.account-layout{gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:32px 0;display:flex}.account-sidebar{flex-shrink:0;width:280px}.account-content{flex-grow:1;min-width:0}.account-card{background-color:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-ghost-border);width:100%;box-shadow:var(--shadow-main);box-sizing:border-box;transition:background-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;padding:40px}.account-title{font-family:var(--font-serif);color:var(--color-text-main);letter-spacing:-.01em;margin-bottom:28px;font-size:1.75rem;font-weight:700}.account-profile-section{border-bottom:1px solid var(--color-divider);align-items:center;gap:28px;margin-bottom:32px;padding-bottom:28px;display:flex}.avatar-wrapper{border-radius:var(--radius-full);background-color:var(--surface-container-low);width:100px;height:100px;box-shadow:var(--shadow-main);justify-content:center;align-items:center;padding:3px;transition:transform .3s cubic-bezier(.15,.83,.66,1);display:flex;position:relative}.avatar-wrapper:hover{transform:scale(1.03)translateY(-2px)}.account-avatar{background-color:var(--color-primary-container);width:100%;height:100%;color:var(--color-on-primary);font-family:var(--font-serif);border-radius:var(--radius-full);justify-content:center;align-items:center;font-size:2.2rem;font-weight:700;display:flex}.account-avatar-img{object-fit:cover;border-radius:var(--radius-full);width:100%;height:100%}.avatar-edit-badge{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);cursor:pointer;z-index:10;border:2px solid var(--color-bg-card);width:34px;height:34px;box-shadow:var(--shadow-floating);justify-content:center;align-items:center;font-size:15px;transition:all .3s cubic-bezier(.15,.83,.66,1);display:flex;position:absolute;bottom:0;right:0}.avatar-edit-badge:hover{background-color:var(--color-primary-hover);transform:scale(1.12)rotate(10deg)}.account-id{flex-grow:1}.account-form-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.account-field{margin-bottom:8px}.account-field label{font-family:var(--font-label);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.account-read-only-text{background-color:var(--surface-container-low);width:100%;min-height:48px;color:var(--color-text-main);font-family:var(--font-sans);border-radius:var(--radius-md);box-sizing:border-box;-webkit-user-select:text;user-select:text;letter-spacing:.01em;align-items:center;padding:12px 18px;font-size:.95rem;font-weight:600;display:flex}.account-field input[type=date],.account-display-name-input{border-radius:var(--radius-md);background-color:var(--surface-container-low);width:100%;height:48px;color:var(--color-text-main);font-family:var(--font-sans);box-sizing:border-box;border:1.5px solid #bfd0d673;outline:none;padding:12px 18px;font-size:.95rem;transition:all .3s}[data-theme=dark] .account-field input[type=date],[data-theme=dark] .account-display-name-input{border:1.5px solid #ffffff38}.account-field input[type=date]:hover,.account-display-name-input:hover{border-color:var(--color-primary);background-color:var(--surface-container-lowest)}.account-field input[type=date]:focus,.account-display-name-input:focus{border-color:var(--color-primary);background-color:var(--color-bg-card);box-shadow:0 0 0 3px #10677c33}.account-display-name-input{font-family:var(--font-serif);background-color:#0000;border:1.5px dashed #10677c66;font-size:1.25rem;font-weight:700}.account-select-wrapper{width:100%;position:relative}.account-select-wrapper:after{content:"";background-color:var(--color-text-muted);clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none;width:10px;height:6px;transition:transform .2s,background-color .2s;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.account-select-wrapper:hover:after{background-color:var(--color-primary)}.account-select{border-radius:var(--radius-md);background-color:var(--surface-container-low);width:100%;height:48px;color:var(--color-text-main);font-family:var(--font-sans);cursor:pointer;appearance:none;border:1.5px solid #bfd0d673;outline:none;padding:12px 40px 12px 18px;font-size:.95rem;font-weight:500;transition:all .3s}[data-theme=dark] .account-select{border:1.5px solid #ffffff38}.account-select:hover{border-color:var(--color-primary);background-color:var(--surface-container-lowest)}.account-select:focus{border-color:var(--color-primary);background-color:var(--color-bg-card);box-shadow:0 0 0 3px #10677c33}.account-select option{background-color:var(--color-bg-card);color:var(--color-text-main);padding:12px}.torotoon-phone-container{width:100%!important}.torotoon-phone-container .torotoon-phone-input{width:100%!important;height:48px!important;font-family:var(--font-sans)!important;background-color:var(--surface-container-low)!important;color:var(--color-text-main)!important;border-radius:var(--radius-md)!important;border:1.5px solid #bfd0d673!important;padding-left:54px!important;font-size:.95rem!important;transition:all .3s!important}[data-theme=dark] .torotoon-phone-container .torotoon-phone-input{border:1.5px solid #ffffff38!important}.torotoon-phone-container .torotoon-phone-input:hover{border-color:var(--color-primary)!important;background-color:var(--surface-container-lowest)!important}.torotoon-phone-container .torotoon-phone-input:focus{border-color:var(--color-primary)!important;background-color:var(--color-bg-card)!important;box-shadow:0 0 0 3px #10677c33!important}.torotoon-phone-container .flag-dropdown{border-top-left-radius:var(--radius-md)!important;border-bottom-left-radius:var(--radius-md)!important;background-color:#0000!important;border:none!important;padding-left:6px!important}.torotoon-phone-container .selected-flag{border-radius:var(--radius-md) 0 0 var(--radius-md)!important;background-color:#0000!important}.torotoon-phone-container .country-list{background-color:var(--color-bg-card)!important;color:var(--color-text-main)!important;border:1px solid var(--color-ghost-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-floating)!important;max-height:240px!important;margin-top:8px!important;padding:8px 0!important;overflow-y:auto!important}.torotoon-phone-container .country-list .search{background-color:var(--surface-container-low)!important;padding:8px 12px!important}.torotoon-phone-container .country-list .search-box{background-color:var(--color-bg-card)!important;width:100%!important;color:var(--color-text-main)!important;border:1px solid var(--color-ghost-border)!important;border-radius:var(--radius-sm)!important;padding:6px 10px!important;font-size:.85rem!important}.torotoon-phone-container .country-list .country-name{color:var(--color-text-main)!important;font-family:var(--font-sans)!important;font-size:.9rem!important}.torotoon-phone-container .country-list .country:hover,.torotoon-phone-container .country-list .country.highlight{background-color:var(--surface-container-low)!important}.sidebar-menu{background-color:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-ghost-border);box-shadow:var(--shadow-main);flex-direction:column;gap:8px;padding:16px;display:flex}.menu-item{border-radius:var(--radius-full);color:var(--color-text-main);align-items:center;padding:12px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.15,.83,.66,1);display:flex}.menu-item:hover{background-color:var(--surface-container-low);color:var(--color-primary);transform:translate(4px)}.menu-item.active{background-color:var(--color-secondary-container);color:var(--color-primary);font-weight:700}.btn-primary,.btn-secondary{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;justify-content:center;align-items:center;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.15,.83,.66,1);display:inline-flex}.btn-primary{background-color:var(--color-primary-container);color:var(--color-on-primary);border:none;box-shadow:0 4px 12px #10677c33}.btn-secondary{background-color:var(--surface-container-high);color:var(--color-primary);border:none}.loading-state{text-align:center;color:var(--color-text-muted);font-size:1.1rem;font-family:var(--font-sans);padding:80px 20px}.account-crop-portal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#191c1e99;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeInSlide;display:flex;position:fixed;top:0;left:0}.account-crop-portal-content{background-color:var(--color-bg-card);border-radius:var(--radius-xl);width:90%;max-width:520px;box-shadow:var(--shadow-modal);border:1px solid var(--color-ghost-border);flex-direction:column;gap:20px;padding:28px;display:flex}.account-crop-portal-content h3{font-family:var(--font-serif);color:var(--color-text-main);margin:0;font-size:1.35rem;font-weight:700}.account-crop-area{border-radius:var(--radius-lg);background-color:#000;width:100%;height:320px;position:relative;overflow:hidden}.account-crop-portal-actions{justify-content:flex-end;gap:12px;margin-top:4px;display:flex}@media (width<=768px){.account-layout{flex-direction:column;padding:16px 0}.account-sidebar{width:100%}.account-form-grid{grid-template-columns:1fr}.account-card{padding:24px 20px}.account-profile-section{flex-direction:column;align-items:flex-start;gap:16px}}.address-info-container{animation:fadeInSlide var(--transition-speed) ease-out forwards;padding:8px 4px}.address-info-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.address-info-title{font-family:var(--font-serif);color:var(--color-text-main);margin:0;font-size:1.5rem;font-weight:700}.address-add-btn{background-color:var(--color-primary-container);color:var(--color-on-primary);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.15,.83,.66,1);display:inline-flex;box-shadow:0 4px 12px #10677c33}.address-add-btn:hover:not(:disabled){background-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 16px #10677c4d}.address-add-btn:disabled{opacity:.5;cursor:not-allowed}.address-loading-box,.address-empty-card{text-align:center;background-color:var(--color-bg-card);border:1px solid var(--color-ghost-border);border-radius:var(--radius-xl);color:var(--color-text-muted);box-shadow:var(--shadow-main);padding:60px 20px}.spinner-icon{color:var(--color-primary);margin-bottom:12px;font-size:2rem;animation:1s linear infinite spin}.empty-icon{color:var(--color-text-muted);opacity:.4;margin-bottom:16px;font-size:3rem}.address-list-grid{flex-direction:column;gap:16px;display:flex}.address-item-card{background-color:var(--color-bg-card);border:1px solid var(--color-ghost-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-main);transition:all var(--transition-speed) ease;padding:24px}.address-item-card.default-active{background-color:var(--surface-container-low);border-color:#10677c66}[data-theme=dark] .address-item-card.default-active{border-color:var(--color-primary);background-color:var(--surface-container-low)}.address-card-body{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.address-card-details{flex:1}.address-badge{font-family:var(--font-label);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.badge-home{background-color:var(--color-secondary-container);color:var(--color-primary)}.badge-work{background-color:var(--surface-container-high);color:var(--color-text-muted)}.address-text-string{color:var(--color-text-main);margin:0 0 8px;font-size:.95rem;line-height:1.6}.address-country-text{color:var(--color-text-muted);margin:0;font-size:.85rem}.address-card-actions{white-space:nowrap;align-items:center;gap:12px;display:flex}.address-set-default-link{color:var(--color-primary);cursor:pointer;border-radius:var(--radius-full);transition:background-color var(--transition-speed) ease;background:0 0;border:none;padding:6px 10px;font-size:.85rem;font-weight:600}.address-set-default-link:hover{background-color:var(--surface-container-high)}.address-set-default-link:disabled{opacity:.5;cursor:not-allowed}.address-default-status{color:var(--color-success);align-items:center;gap:6px;padding:4px 8px;font-size:.85rem;font-weight:600;display:flex}.address-edit-icon-btn,.address-delete-icon-btn{cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-speed) ease;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:1rem;display:flex}.address-edit-icon-btn{color:var(--color-primary)}.address-edit-icon-btn:hover:not(:disabled){background-color:var(--surface-container-high)}.address-delete-icon-btn{color:var(--color-danger)}.address-delete-icon-btn:hover:not(:disabled){background-color:var(--color-danger-soft)}.address-edit-icon-btn:disabled,.address-delete-icon-btn:disabled{opacity:.5;cursor:not-allowed}.address-popup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;background-color:#191c1e99;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out forwards popupFadeIn;display:flex;position:fixed;top:0;left:0}.address-popup-content{background-color:var(--color-bg-card);color:var(--color-text-main);border:1px solid var(--color-ghost-border);border-radius:var(--radius-xl);width:92%;max-width:520px;max-height:88vh;box-shadow:var(--shadow-modal);padding:28px;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards popupZoomIn;position:relative;overflow-y:auto;transform:scale(.95)}.address-popup-header{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:14px;display:flex}.address-popup-header h2{font-family:var(--font-serif);color:var(--color-text-main);margin:0;font-size:1.35rem;font-weight:700}.address-popup-close{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-speed) ease;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:1.2rem;display:flex}.address-popup-close:hover{color:var(--color-danger);background-color:var(--color-danger-soft)}.address-popup-form{flex-direction:column;gap:16px;display:flex}.form-group-row{flex-direction:column;gap:6px;display:flex}.form-group-row label{font-family:var(--font-label);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;font-size:.75rem;font-weight:600}.form-group-row input,.form-group-row select{border-radius:var(--radius-md);background-color:var(--surface-container-low);width:100%;height:48px;color:var(--color-text-main);font-family:var(--font-sans);box-sizing:border-box;border:1.5px solid #bfd0d673;outline:none;padding:12px 18px;font-size:.95rem;transition:all .3s}[data-theme=dark] .form-group-row input,[data-theme=dark] .form-group-row select{border:1.5px solid #ffffff38}.form-group-row input:hover:not(:disabled),.form-group-row select:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--surface-container-lowest)}.form-group-row input:focus,.form-group-row select:focus{border-color:var(--color-primary);background-color:var(--color-bg-card);box-shadow:0 0 0 3px #10677c33}.form-group-row input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--surface-container-high)}.form-group-row input::placeholder{color:var(--color-text-muted);opacity:.7}.required-star{color:var(--color-danger);margin-left:2px;font-weight:700}.optional-text{color:var(--color-text-muted);text-transform:none;margin-left:4px;font-size:.75rem;font-weight:400}.form-grid-2x2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.address-popup-actions{border-top:1px solid var(--color-divider);justify-content:flex-end;gap:16px;margin-top:16px;padding-top:20px;display:flex}.btn-cancel,.btn-submit{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.15,.83,.66,1);display:inline-flex}.btn-cancel{background-color:var(--surface-container-high);color:var(--color-primary)}.btn-cancel:hover:not(:disabled){background-color:var(--surface-container-highest);color:var(--color-primary-hover);transform:translateY(-2px)}.btn-submit{background-color:var(--color-primary-container);color:var(--color-on-primary);box-shadow:0 4px 12px #10677c33}.btn-submit:hover:not(:disabled){background-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 16px #10677c4d}.btn-submit:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupZoomIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@media (width<=576px){.form-grid-2x2{grid-template-columns:1fr;gap:12px}.address-popup-content{padding:20px}.address-card-body{flex-direction:column;align-items:flex-start}.address-card-actions{border-top:1px solid var(--color-divider);justify-content:flex-end;width:100%;margin-top:12px;padding-top:12px}}.address-recipient-info{color:var(--color-text-main);align-items:center;gap:8px;margin-bottom:8px;font-size:.95rem;font-weight:700;display:flex}.address-recipient-info .recipient-icon{color:var(--color-primary);font-size:.85rem}.scroll-to-top-btn{background-color:var(--color-bg-card,#fff);color:#a38c5d;border:1px solid var(--color-border);cursor:pointer;z-index:99999;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.1rem;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.3s ease-out popInBtn;display:flex;position:fixed;bottom:85px;right:25px;box-shadow:0 4px 14px #0003}.scroll-to-top-btn:hover{color:#fff;background-color:#a38c5d;transform:translateY(-4px);box-shadow:0 6px 16px #a38c5d66}@keyframes popInBtn{0%{opacity:0;transform:scale(.7)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.cookie-informer-wrapper{z-index:99999;font-family:sans-serif;position:fixed;bottom:80px;left:20px}.cookie-trigger-btn{background-color:var(--color-bg-card,#1a202c);color:#a38c5d;border:1px solid var(--color-ghost-border,#ffffff26);cursor:pointer;opacity:.85;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 14px #00000040}.cookie-trigger-btn:hover,.cookie-trigger-btn.active{color:#fff;opacity:1;background-color:#a38c5d;transform:scale(1.08)translateY(-2px);box-shadow:0 6px 16px #a38c5d66}.cookie-main-icon{font-size:1.3rem}.cookie-noti-dot{border:2px solid var(--color-bg-card,#1a202c);background-color:#ef4444;border-radius:50%;width:11px;height:11px;animation:2s infinite cookiePulseNoti;position:absolute;top:-1px;right:-1px}.cookie-popover-box{background-color:var(--color-bg-card,#1a202c);border:1px solid var(--color-ghost-border,#ffffff26);border-radius:16px;width:280px;padding:16px;animation:.35s cubic-bezier(.34,1.56,.64,1) cookieBoxPopIn;position:absolute;bottom:58px;left:0;box-shadow:0 10px 25px #0000004d}.cookie-popover-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cookie-popover-header h4{color:var(--color-text-main,#fff);margin:0;font-size:.95rem}.cookie-close-inline{color:var(--color-text-muted,#a0aec0);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:.85rem;transition:color .2s;display:flex}.cookie-close-inline:hover{color:#fff}.cookie-popover-body p{color:var(--color-text-muted,#cbd5e0);margin:0 0 8px;font-size:.82rem;line-height:1.4}.cookie-more-info{margin-top:8px;margin-bottom:12px}.cookie-more-info .cookie-more-link{color:#a38c5d;word-break:break-word;overflow-wrap:break-word;align-items:center;gap:6px;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.cookie-more-info .cookie-more-link:hover{color:#c9b07c;text-decoration:underline}.cookie-more-info .cookie-more-link .cookie-link-icon{flex-shrink:0;font-size:.72rem}.cookie-accept-btn{color:#fff;cursor:pointer;background-color:#a38c5d;border:none;border-radius:9999px;width:100%;padding:8px;font-size:.85rem;font-weight:700;transition:opacity .2s,background-color .2s}.cookie-accept-btn:hover{opacity:.9}.cookie-accept-btn:disabled,.cookie-accept-btn.disabled-style{opacity:.8;color:#a0aec0!important;cursor:not-allowed!important;box-shadow:none!important;background-color:#4a5568!important;transform:none!important}@keyframes cookiePulseNoti{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.1);box-shadow:0 0 0 5px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}@keyframes cookieBoxPopIn{0%{opacity:0;transform:translateY(15px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.cookie-informer-wrapper{bottom:70px;left:14px}.cookie-popover-box{width:260px;padding:14px}}.policy-page-wrapper{background-color:var(--color-bg-page,#faf9f9);box-sizing:border-box;flex-direction:column;width:100%;min-height:calc(100dvh - 65px);display:flex}.policy-page-layout{box-sizing:border-box;flex:1;grid-template-columns:240px 1fr;gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px;display:grid}@media (width<=640px){.policy-page-layout{grid-template-columns:1fr;gap:20px;padding:20px 16px}}.policy-sidebar{flex-direction:column;gap:20px;min-width:0;height:fit-content;display:flex}.policy-sidebar .policy-sidebar-header h3{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted,#7e8c8d);margin:0;padding-left:12px;font-size:.875rem;font-weight:700}.policy-sidebar .policy-nav-list{flex-direction:column;gap:4px;display:flex}.policy-sidebar .policy-nav-item{border-radius:var(--radius-xs,4px);width:100%;color:var(--color-text-muted,#64748b);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-left:2px solid #0000;justify-content:space-between;align-items:center;min-width:0;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.policy-sidebar .policy-nav-item:hover{color:var(--color-text-main,#26393b);background-color:var(--surface-container-low,#f2f4f6)}.policy-sidebar .policy-nav-item.active{color:var(--color-text-main,#26393b);background-color:var(--surface-container-lowest,#fff);font-weight:700}.policy-sidebar .policy-nav-item .policy-nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=640px){.policy-sidebar{gap:12px}.policy-sidebar .policy-sidebar-header h3{padding-left:0;font-size:.8rem}.policy-sidebar .policy-nav-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;gap:8px;padding-bottom:8px;overflow-x:auto}.policy-sidebar .policy-nav-list::-webkit-scrollbar{display:none}.policy-sidebar .policy-nav-item{border-radius:var(--radius-full,9999px);background:var(--surface-container-lowest,#fff);border-bottom:2px solid #0000;border-left:none;flex-shrink:0;width:auto;padding:8px 16px}.policy-sidebar .policy-nav-item.active{border-bottom-color:var(--color-primary,#26393b);background:var(--color-primary,#26393b);color:var(--color-on-primary,#fff)}}.update-dot{color:var(--color-danger,#ef4444);margin-left:8px;font-size:.65rem;line-height:1}.policy-main-content{min-width:0}.policy-card{background:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm,0 2px 12px #00000005);flex-direction:column;gap:24px;min-width:0;padding:32px;display:flex}@media (width<=640px){.policy-card{border-radius:var(--radius-md,12px);gap:16px;padding:20px 16px}}.policy-header{border-bottom:1px solid var(--color-ghost-border,#0000001a);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.policy-header h2{color:var(--color-text-main,#26393b);overflow-wrap:break-word;word-break:break-word;margin:0;font-size:1.25rem;font-weight:700}@media (width<=640px){.policy-header{flex-direction:column;align-items:flex-start;gap:8px}.policy-header h2{font-size:1.1rem}}.version-label{background:var(--surface-container-low,#f2f4f6);border-radius:var(--radius-full,9999px);color:var(--color-text-muted,#64748b);white-space:nowrap;padding:4px 12px;font-size:.75rem;font-weight:600}.policy-content-box{background:var(--surface-container-low,#f2f4f6);border-radius:var(--radius-md,12px);color:var(--color-text-main,#26393b);white-space:pre-line;overflow-wrap:break-word;word-break:break-word;max-height:420px;padding:24px;font-size:.9375rem;line-height:1.8;overflow-y:auto}.policy-content-box::-webkit-scrollbar{width:6px}.policy-content-box::-webkit-scrollbar-thumb{background:var(--surface-container-high,#cbd5e1);border-radius:9999px}@media (width<=640px){.policy-content-box{max-height:320px;padding:16px;font-size:.875rem}}.acceptance-section{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.checkbox-container{background:var(--surface-container-low,#f2f4f6);border-radius:var(--radius-full,9999px);border:1px solid var(--color-ghost-border,#00000026);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;gap:12px;width:100%;max-width:480px;padding:12px 20px;transition:background-color .2s,border-color .2s;display:flex}.checkbox-container:hover{background-color:var(--surface-container-high,#e6e8ea)}.checkbox-container:focus-within{border-color:var(--color-primary,#26393b)}.checkbox-container input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary,#26393b)}.checkbox-container label{cursor:pointer;color:var(--color-text-main,#26393b);-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:600}@media (width<=640px){.checkbox-container{max-width:100%;padding:10px 16px}}.submit-button{border-radius:var(--radius-full,9999px);background-color:var(--color-primary,#26393b);width:100%;max-width:480px;color:var(--color-on-primary,#fff);cursor:pointer;border:none;padding:14px 28px;font-size:.95rem;font-weight:700;transition:background-color .2s,transform .2s,opacity .2s}.submit-button:hover:not(:disabled){background-color:var(--color-primary-hover,#1d2b2d);transform:translateY(-1px)}.submit-button:disabled{background-color:var(--surface-container-high,#e6e8ea);color:var(--color-text-muted,#94a3b8);cursor:not-allowed;opacity:.7;transform:none}@media (width<=640px){.submit-button{max-width:100%;padding:12px 20px;font-size:.9rem}}.loading-center,.select-prompt{color:var(--color-text-muted,#64748b);justify-content:center;align-items:center;padding:60px 20px;font-size:.95rem;font-weight:500;display:flex}.digital-vault-container{width:95%;max-width:1600px;color:var(--color-text-main);box-sizing:border-box;flex-direction:column;height:calc(100vh - 80px);margin:0 auto;padding:1.5rem 1rem;display:flex}.digital-vault-header{flex-shrink:0;margin-bottom:1rem}.digital-vault-header .title{font-family:var(--font-serif);color:var(--color-primary);margin-bottom:.25rem;font-size:2rem;font-weight:700}.digital-vault-header .subtitle{color:var(--color-text-muted);font-size:.9rem}.drive-window-layout{background-color:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-main);outline:1px solid var(--color-ghost-border);flex:1;grid-template-columns:360px 1fr;gap:0;min-height:0;display:grid;overflow:hidden}.drive-sidebar{background-color:var(--surface-container-low);box-sizing:border-box;flex-direction:column;height:100%;padding:1.25rem 1rem;display:flex}.sidebar-title{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);flex-shrink:0;margin-bottom:1rem;font-size:.8rem;font-weight:600}.sidebar-content-scroll{flex:1;min-height:0;padding-right:.25rem;overflow-y:auto}.product-item-list{flex-direction:column;gap:.5rem;display:flex}.empty-sidebar-note{color:var(--color-text-muted);padding:.5rem;font-size:.875rem}.product-nav-item{border-radius:var(--radius-md);color:var(--color-text-main);text-align:left;cursor:pointer;width:100%;transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease, transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;background:0 0;border:none;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex;position:relative}.product-nav-item:hover{background-color:var(--surface-container);transform:translate(2px)}.product-nav-item .icon{transition:transform var(--transition-speed) ease;font-size:1.1rem}.product-nav-item.active{background-color:var(--surface-container-lowest);color:var(--color-primary);box-shadow:var(--shadow-main);outline:1px solid var(--color-ghost-border);font-weight:600;transform:translate(4px)}.product-nav-item.active:before{content:"";background-color:var(--color-primary);border-radius:var(--radius-full);width:4px;height:64%;position:absolute;top:18%;left:6px;box-shadow:0 0 8px #10677c66}.product-nav-item.active{padding-left:1.25rem}.product-nav-item.active .icon{transform:scale(1.15)}.product-nav-item.active .order-code-title{color:var(--color-primary);font-weight:800}.product-nav-item.active .order-meta-info{color:var(--color-secondary);font-weight:500}.product-nav-item .text-info{overflow:hidden}.product-nav-item .order-code-title{font-family:var(--font-label);color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.product-nav-item .order-meta-info{color:var(--color-text-muted);gap:.35rem;margin-top:.2rem;font-size:.75rem;display:flex}.drive-content-panel{background-color:var(--surface-container-lowest);box-sizing:border-box;flex-direction:column;height:100%;min-height:0;padding:1.5rem;display:flex}.order-products-view,.drive-explorer-view{flex-direction:column;height:100%;min-height:0;display:flex}.drive-top-bar{background-image:linear-gradient(to right, var(--color-divider), transparent);background-position:bottom;background-repeat:no-repeat;background-size:100% 1px;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.current-path{color:var(--color-text-muted);font-size:.95rem}.current-path .active-uuid{color:var(--color-primary);font-weight:600}.panel-content-scroll{flex:1;min-height:0;margin-bottom:1rem;padding-right:.25rem;overflow-y:auto}.btn-download-all-pill{background-color:var(--color-primary-container);color:var(--color-on-primary);border-radius:var(--radius-full);font-family:var(--font-label);cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:var(--shadow-main);border:none;padding:.65rem 1.35rem;font-size:.875rem;font-weight:600}.btn-download-all-pill:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-download-all-pill:disabled{opacity:.55;cursor:not-allowed;transform:none}.drive-file-table-wrapper{flex:1;overflow:auto}.drive-file-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.drive-file-table th{color:var(--color-text-muted);font-family:var(--font-label);text-transform:uppercase;letter-spacing:.03em;background-color:var(--surface-container-low);z-index:1;padding:.85rem 1rem;font-size:.8rem;font-weight:600;position:sticky;top:0}.drive-file-table td{border-bottom:1px solid var(--surface-container);padding:.95rem 1rem}.file-row{transition:background-color var(--transition-speed) ease}.file-row:hover{background-color:var(--surface-container-low)}.file-name-cell{align-items:center;gap:.6rem;font-weight:500;display:flex}.drive-status-state,.digital-vault-loading{height:100%;min-height:250px;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.95rem;display:flex}.order-products-view .section-title{font-family:var(--font-serif);color:var(--color-text-main);flex-shrink:0;margin-bottom:1rem;font-size:1.2rem}.order-products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.product-digital-card{background-color:var(--surface-container-low);border-radius:var(--radius-md);transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;flex-direction:column;justify-content:space-between;padding:1.15rem;display:flex}.product-digital-card:hover{box-shadow:var(--shadow-main);transform:translateY(-2px)}.product-card-body{gap:1rem;margin-bottom:1rem;display:flex}.product-card-thumb{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:64px;height:64px}.product-card-thumb-placeholder{background-color:var(--surface-container);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;display:flex}.product-card-title{font-family:var(--font-sans);color:var(--color-text-main);margin-bottom:.25rem;font-size:.925rem;font-weight:600;line-height:1.35}.product-card-uuid{color:var(--color-text-muted);word-break:break-all;font-size:.725rem}.product-card-actions{gap:.5rem;display:flex}.btn-view-files{background-color:var(--surface-container-high);color:var(--color-primary);border-radius:var(--radius-full);font-family:var(--font-label);cursor:pointer;border:none;flex:1;padding:.55rem .75rem;font-size:.8rem;font-weight:600}.btn-view-files:hover{background-color:var(--color-secondary-container)}.btn-download-direct{background-color:var(--color-primary-container);color:var(--color-on-primary);border-radius:var(--radius-full);font-family:var(--font-label);cursor:pointer;border:none;padding:.55rem .85rem;font-size:.8rem;font-weight:600}.btn-download-direct:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-back-to-products{color:var(--color-primary);font-family:var(--font-label);cursor:pointer;border-radius:var(--radius-full);background:0 0;background-color:var(--surface-container-low);border:none;padding:.4rem .8rem;font-size:.875rem;font-weight:600}.btn-back-to-products:hover{background-color:var(--surface-container)}.active-product-header-card{background-color:var(--surface-container-low);border-radius:var(--radius-md);flex-shrink:0;margin-bottom:1rem;padding:.85rem 1rem}.active-product-header-card h3{font-family:var(--font-serif);color:var(--color-primary);font-size:1rem}.pagination-bar{border-top:1px solid var(--surface-container);flex-shrink:0;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.pagination-bar-right{margin-top:0}.pagination-btn{background-color:var(--surface-container-high);color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-label);transition:all var(--transition-speed) ease;border:none;align-items:center;gap:.25rem;padding:.35rem .85rem;display:flex}.pagination-btn:hover:not(:disabled){background-color:var(--color-primary-container);color:var(--color-on-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-family:var(--font-label);color:var(--color-text-muted);font-size:.8rem;font-weight:600}.drive-file-table th.col-action,.drive-file-table td.col-action{text-align:right;width:140px;padding-right:1.25rem}.file-name{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;max-width:280px;display:inline-block;overflow:hidden}.btn-download-file-single{background-color:var(--surface-container-high);color:var(--color-primary);border-radius:var(--radius-full);font-family:var(--font-label);cursor:pointer;transition:all var(--transition-speed) ease;border:none;align-items:center;gap:.3rem;padding:.35rem .85rem;font-size:.775rem;font-weight:600;display:inline-flex}.btn-download-file-single:hover:not(:disabled){background-color:var(--color-primary-container);color:var(--color-on-primary);transform:translateY(-1px)}.btn-download-file-single:disabled{opacity:.5;cursor:not-allowed;transform:none}.dir-placeholder{color:var(--color-text-muted);padding-right:.5rem;font-size:.85rem}.sidebar-header-bar{flex-shrink:0;margin-bottom:.85rem}.sidebar-header-bar .sidebar-title{margin-bottom:.5rem}.panel-header-controls{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.panel-header-controls .section-title{margin-bottom:0}.vault-filter-group{align-items:center;display:flex}.vault-select-control{background-color:var(--surface-container-low);color:var(--color-text-main);border:1px solid var(--color-ghost-border);border-radius:var(--radius-full);font-family:var(--font-label);cursor:pointer;transition:all var(--transition-speed) ease;outline:none;width:100%;padding:.4rem .85rem;font-size:.8rem;font-weight:500}.vault-select-control:hover{background-color:var(--surface-container)}.vault-select-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-secondary-container)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tx-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out forwards txFadeIn;display:flex;position:fixed;inset:0}.tx-modal-content{background-color:var(--color-bg-card,#fff);border-radius:var(--radius-xl,24px);width:100%;max-width:680px;max-height:85vh;box-shadow:var(--shadow-modal,0 24px 40px #0000000d);outline:1px solid var(--color-ghost-border,#bfc8cc26);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) forwards txSlideUp;display:flex;overflow:hidden}@media (width<=640px){.tx-modal-content{border-radius:var(--radius-lg,16px);max-height:90vh}}.tx-modal-header{background-color:var(--color-bg-card,#fff);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.tx-modal-header .tx-modal-title{font-family:var(--font-serif,"Noto Serif", Georgia, serif);color:var(--color-text-main,#191c1e);overflow-wrap:break-word;word-break:break-word;margin:0;font-size:1.25rem;font-weight:700}.tx-modal-header .tx-modal-close-btn{background-color:var(--color-divider,#eceef0);color:var(--color-text-muted,#3f484c);border-radius:var(--radius-full,9999px);cursor:pointer;width:36px;height:36px;transition:all var(--transition-speed,.3s) ease;border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.tx-modal-header .tx-modal-close-btn:hover{background-color:var(--surface-container-high,#e6e8ea);color:var(--color-text-main,#191c1e)}.tx-modal-body{flex-direction:column;gap:20px;padding:0 24px 24px;display:flex;overflow-y:auto}.tx-modal-summary-info{background-color:var(--color-divider,#eceef0);border-radius:var(--radius-lg,16px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 20px;padding:16px 20px;display:grid}.tx-modal-summary-info .tx-summary-item{justify-content:space-between;align-items:center;gap:8px;min-width:0;font-size:.88rem;display:flex}.tx-modal-summary-info .tx-summary-item .tx-summary-label{color:var(--color-text-muted,#3f484c);white-space:nowrap;font-weight:500}.tx-modal-summary-info .tx-summary-item .tx-summary-value{color:var(--color-text-main,#191c1e);overflow-wrap:break-word;word-break:break-word;font-weight:600}.tx-topup-detail-box{background-color:var(--color-divider,#eceef0);border-radius:var(--radius-lg,16px);flex-direction:column;gap:12px;padding:18px;display:flex}.tx-topup-detail-box .tx-topup-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:6px;display:grid}@media (width<=640px){.tx-topup-detail-box .tx-topup-grid{grid-template-columns:1fr}}.tx-topup-detail-box .tx-topup-card{background-color:var(--color-bg-card,#fff);border-radius:var(--radius-md,12px);outline:1px solid var(--color-ghost-border,#bfc8cc26);flex-direction:column;gap:4px;min-width:0;padding:12px 14px;display:flex}.tx-topup-detail-box .tx-topup-card.tx-topup-card-full{grid-column:1/-1}.tx-topup-detail-box .tx-topup-card .tx-topup-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted,#3f484c);font-family:Public Sans,system-ui,sans-serif;font-size:11px;font-weight:700}.tx-topup-detail-box .tx-topup-card .tx-topup-value{color:var(--color-text-main,#191c1e);overflow-wrap:break-word;word-break:break-word;font-family:Inter,system-ui,sans-serif;font-size:.92rem;font-weight:600}.tx-topup-detail-box .tx-topup-card .tx-topup-value.tx-topup-thb{color:var(--color-primary,#10677c);font-family:Noto Serif,Georgia,serif;font-weight:700}.tx-topup-detail-box .tx-topup-card .tx-topup-value.tx-topup-granted{color:#137333;font-family:Noto Serif,Georgia,serif;font-weight:700}[data-theme=dark] .tx-topup-detail-box .tx-topup-card .tx-topup-value.tx-topup-granted{color:#34d399}.tx-topup-detail-box .tx-topup-card .tx-topup-value.tx-topup-ref{letter-spacing:.5px;color:var(--color-text-main,#191c1e);font-family:monospace;font-size:.85rem}.tx-topup-detail-box .tx-topup-desc{color:var(--color-text-muted,#3f484c);margin-top:4px;font-size:.85rem}.tx-status-badge{border-radius:var(--radius-full,9999px);text-transform:uppercase;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.tx-status-badge.tx-status-success,.tx-status-badge.tx-status-completed{color:#137333;background-color:#e6f4ea}[data-theme=dark] :is(.tx-status-badge.tx-status-success,.tx-status-badge.tx-status-completed){color:#34d399;background-color:#10b98133}.tx-status-badge.tx-status-pending{color:#b06000;background-color:#fef7e0}[data-theme=dark] .tx-status-badge.tx-status-pending{color:#fbbf24;background-color:#f59e0b33}.tx-status-badge.tx-status-failed,.tx-status-badge.tx-status-cancelled{color:#c5221f;background-color:#fce8e6}[data-theme=dark] :is(.tx-status-badge.tx-status-failed,.tx-status-badge.tx-status-cancelled){color:#f87171;background-color:#ef444433}.tx-type-tag{background-color:var(--surface-container-high,#e6e8ea);color:var(--color-primary,#10677c);border-radius:var(--radius-full,9999px);padding:4px 10px;font-size:.7rem;font-weight:600}.tx-type-tag.admin-tag{background-color:var(--color-accent,#f59e0b);color:#fff}.tx-price-text{color:var(--color-primary,#10677c);font-weight:700}.tx-price-text.tx-price-text-increase{color:#137333}[data-theme=dark] .tx-price-text.tx-price-text-increase{color:#34d399}.tx-price-text.tx-price-text-decrease{color:#c5221f}[data-theme=dark] .tx-price-text.tx-price-text-decrease{color:#f87171}.tx-direction-tag{border-radius:var(--radius-full,9999px);letter-spacing:.02em;align-items:center;gap:4px;width:fit-content;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.tx-direction-tag.tx-direction-increase{color:#137333;background-color:#e6f4ea}[data-theme=dark] .tx-direction-tag.tx-direction-increase{color:#34d399;background-color:#10b98133}.tx-direction-tag.tx-direction-decrease{color:#c5221f;background-color:#fce8e6}[data-theme=dark] .tx-direction-tag.tx-direction-decrease{color:#f87171;background-color:#ef444433}.tx-section-subtitle{font-family:var(--font-serif,"Noto Serif", Georgia, serif);color:var(--color-text-main,#191c1e);margin:8px 0 0;font-size:1rem;font-weight:700}.admin-adjust-detail-box{background-color:var(--color-divider,#eceef0);border-radius:var(--radius-lg,16px);padding:16px}.tx-admin-note{color:var(--color-text-main,#191c1e);overflow-wrap:break-word;word-break:break-word;margin-top:8px;font-size:.88rem;line-height:1.5}.tx-detail-list{flex-direction:column;gap:12px;display:flex}.tx-detail-item{background-color:var(--color-divider,#eceef0);border-radius:var(--radius-lg,16px);flex-direction:column;gap:12px;padding:16px;display:flex}.tx-detail-product-layout{align-items:flex-start;gap:16px;display:flex}@media (width<=640px){.tx-detail-product-layout{flex-direction:column}}.tx-product-img-box{border-radius:var(--radius-md,12px);background-color:var(--surface-container-low,#f2f4f6);flex-shrink:0;width:72px;height:72px;overflow:hidden}.tx-product-img-box .tx-product-thumb{object-fit:cover;width:100%;height:100%}.tx-product-info-box{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.tx-detail-item-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tx-category-badge{text-transform:uppercase;border-radius:var(--radius-full,9999px);background-color:var(--surface-container-high,#e6e8ea);color:var(--color-text-muted,#3f484c);padding:2px 8px;font-size:.65rem;font-weight:600}.tx-category-badge.physical{color:#0d652d;background-color:#e2f2e8}[data-theme=dark] .tx-category-badge.physical{color:#34d399;background-color:#10b98133}.tx-product-title{color:var(--color-text-main,#191c1e);overflow-wrap:break-word;word-break:break-word;margin:0;font-size:.95rem;font-weight:600}.tx-detail-item-body{color:var(--color-text-muted,#3f484c);flex-wrap:wrap;align-items:center;gap:12px;font-size:.82rem;display:flex}.tx-price-row{display:inline-block}.tx-price-original{color:var(--color-text-muted,#3f484c);opacity:.7}.tx-item-subtotal{color:var(--color-primary,#10677c);margin-left:auto;font-weight:600}@media (width<=640px){.tx-item-subtotal{width:100%;margin-top:4px;margin-left:0}}.tx-track-info{background-color:var(--color-bg-card,#fff);border-radius:var(--radius-md,12px);outline:1px solid var(--color-ghost-border,#bfc8cc26);padding:12px 16px}.tx-track-title{color:var(--color-text-main,#191c1e);margin:0 0 6px;font-size:.78rem;font-weight:600}.tx-track-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tx-track-item{background-color:var(--color-divider,#eceef0);border-radius:var(--radius-full,9999px);color:var(--color-text-main,#191c1e);overflow-wrap:break-word;word-break:break-all;padding:4px 10px;font-size:.75rem}.tx-track-item.code-style{letter-spacing:.5px;font-family:monospace}.tx-truncated-wrapper{align-items:center;gap:4px;display:inline-flex}.tx-readmore-btn{color:var(--color-primary,#10677c);cursor:pointer;transition:opacity var(--transition-speed,.3s) ease;background:0 0;border:none;padding:0 4px;font-size:.75rem;font-weight:600;text-decoration:underline}.tx-readmore-btn:hover{opacity:.8}.tx-product-img-box.tx-coin-package-img{background-color:var(--color-divider,#eceef0);justify-content:center;align-items:center;display:flex}.tx-product-img-box.tx-coin-package-img .tx-coin-package-thumb{object-fit:contain;width:36px;height:36px}.tx-category-badge.coin-package{color:#0369a1;background-color:#e0f2fe}[data-theme=dark] .tx-category-badge.coin-package{color:#38bdf8;background-color:#38bdf833}@keyframes txFadeIn{0%{opacity:0}to{opacity:1}}@keyframes txSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.tx-product-detail-box{background-color:var(--color-divider,#eceef0);border-radius:var(--radius-lg,16px);transition:transform var(--transition-speed,.3s) ease;flex-direction:column;gap:12px;padding:16px;display:flex}.tx-detail-product-header{background-color:var(--color-bg-card,#fff);border-radius:var(--radius-md,12px);outline:1px solid var(--color-ghost-border,#bfc8cc26);align-items:center;gap:14px;min-width:0;padding:12px 14px;display:flex}@media (width<=640px){.tx-detail-product-header{flex-direction:row;align-items:center;gap:12px}}.tx-product-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}@media (width<=640px){.tx-product-grid{grid-template-columns:repeat(2,1fr)}}.tx-topup-value-bold{color:var(--color-text-main,#191c1e);font-weight:700}.account-card{background-color:var(--surface-container-lowest,#fff);width:100%;max-width:800px;color:var(--color-text-main,#191c1e);border-radius:var(--radius-xl,20px);box-shadow:var(--shadow-main,0 4px 20px #191c1e0a);outline:1px solid var(--color-ghost-border,#bfc8cc26);margin:2rem auto;padding:24px 28px}.account-title{font-family:var(--font-serif,"Noto Serif", serif);color:var(--color-text-main,#191c1e);border-bottom:2px solid var(--surface-container-low,#f2f4f6);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.35rem;font-weight:700}.account-title.no-border{border-bottom:none;margin-bottom:0;padding-bottom:0}.order-page-header{border-bottom:2px solid var(--surface-container-low,#f2f4f6);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:.4rem;padding-bottom:.9rem;display:flex}.order-summary-chips{flex-wrap:wrap;gap:8px;display:flex}.summary-chip{color:var(--color-text-muted,#3f484c);background-color:var(--surface-container-low,#f2f4f6);border-radius:var(--radius-full,9999px);align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:inline-flex}.summary-chip strong{color:var(--color-text-main,#191c1e);font-size:.85rem}.summary-chip.accent{background-color:var(--color-secondary-container,#cce7f1);color:var(--color-primary,#10677c)}.summary-chip.accent strong{color:var(--color-primary,#10677c)}@media (width<=640px){.order-page-header{flex-direction:column;align-items:flex-start}.account-card{border-radius:var(--radius-lg,16px);margin:1rem auto;padding:16px 18px}.account-title{font-size:1.15rem}}.order-list-container{flex-direction:column;gap:16px;margin-top:16px;padding-right:4px;display:flex}.order-item-card{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-main,0 4px 20px #191c1e0a);transition:border-color var(--transition-speed,.3s) ease;border-left:3px solid #0000;flex-direction:column;gap:14px;padding:20px;display:flex}.order-header-row{background-color:var(--surface-container-low,#f2f4f6);border-radius:var(--radius-md,12px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.order-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.order-code{font-family:var(--font-serif,"Noto Serif", serif);color:var(--color-primary,#10677c);word-break:break-all;font-size:1.05rem;font-weight:700}.order-date{color:var(--color-text-muted,#3f484c);white-space:nowrap;font-size:.85rem}.order-badge{border-radius:var(--radius-full,9999px);white-space:nowrap;align-items:center;gap:4px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.status-preparing{background-color:var(--color-tertiary-container,#f8b177);color:var(--color-tertiary,#875120)}.status-shipped{background-color:var(--color-secondary-container,#cce7f1);color:var(--color-primary,#10677c)}.status-delivered,.status-default{color:var(--color-success,#10b981);background-color:#10b98126}.order-shipping-details-card{background-color:var(--surface-container,#eceef0);border-radius:var(--radius-md,12px);flex-direction:column;gap:10px;padding:12px 16px;display:flex}.shipping-stepper{align-items:flex-start;padding:4px 2px 10px;display:flex}.stepper-node{flex-direction:column;flex:none;align-items:center;gap:6px;width:84px;display:flex}.stepper-dot{background-color:var(--surface-container-high,#e6e8ea);border:2px solid var(--surface-container-high,#e6e8ea);width:12px;height:12px;transition:all var(--transition-speed,.3s) ease;border-radius:50%}.stepper-node.done .stepper-dot{background-color:var(--color-primary,#10677c);border-color:var(--color-primary,#10677c)}.stepper-node.current .stepper-dot{box-shadow:0 0 0 4px #10677c2e}.stepper-label{color:var(--color-text-muted,#3f484c);text-align:center;font-size:.68rem;line-height:1.3}.stepper-node.done .stepper-label{color:var(--color-primary,#10677c);font-weight:600}.stepper-line{background-color:var(--surface-container-high,#e6e8ea);flex:auto;height:2px;margin-top:5px}.stepper-line.done{background-color:var(--color-primary,#10677c)}@media (width<=480px){.stepper-label{display:none}}.shipping-details-header{color:var(--color-primary,#10677c);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:flex}.shipped-time-tag{color:var(--color-text-muted,#3f484c);font-size:.78rem;font-weight:400}.tracking-info-row{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-sm,8px);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.tracking-label{color:var(--color-text-muted,#3f484c);white-space:nowrap}.tracking-number{color:var(--color-text-main,#191c1e);letter-spacing:.5px;font-family:var(--font-label,sans-serif);word-break:break-all}.btn-copy-tracking{background:var(--surface-container-high,#e6e8ea);border-radius:var(--radius-full,9999px);cursor:pointer;color:var(--color-text-main,#191c1e);white-space:nowrap;border:none;margin-left:auto;padding:4px 10px;font-size:.75rem}.btn-copy-tracking:hover{background-color:var(--color-secondary-container,#cce7f1);color:var(--color-primary,#10677c)}.tracking-pending-note{color:var(--color-tertiary,#875120);word-break:break-word;font-size:.82rem;font-style:italic}.destination-address-row{align-items:flex-start;gap:10px;padding-top:4px;font-size:.85rem;display:flex}.address-icon{flex-shrink:0;font-size:1rem}.address-content{flex-direction:column;gap:2px;min-width:0;display:flex}.address-label{color:var(--color-text-muted,#3f484c);font-size:.78rem;font-weight:600}.address-text{color:var(--color-text-main,#191c1e);word-break:break-word;overflow-wrap:anywhere;line-height:1.4}.order-items-list{flex-direction:column;gap:12px;display:flex}.order-product-row{align-items:center;gap:16px;padding:8px 0;display:flex}.order-product-thumb{object-fit:cover;border-radius:var(--radius-md,12px);background-color:var(--surface-container-low,#f2f4f6);flex-shrink:0;width:60px;height:60px;box-shadow:0 2px 8px #0000000a}.order-product-details{flex:1;min-width:0}.product-title{color:var(--color-text-main,#191c1e);word-break:break-word;overflow-wrap:anywhere;margin-bottom:4px;font-weight:600;line-height:1.4}.product-category-tag{text-transform:uppercase;color:var(--color-text-muted,#3f484c);background-color:var(--surface-container-high,#e6e8ea);border-radius:var(--radius-full,9999px);white-space:nowrap;padding:2px 8px;font-size:.75rem;display:inline-block}.order-product-pricing{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.product-qty{color:var(--color-text-muted,#3f484c);font-size:.85rem}.product-price{color:var(--color-primary,#10677c);white-space:nowrap;font-weight:600}.order-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.payment-method-tag{color:var(--color-text-muted,#3f484c);word-break:break-word;font-size:.82rem}.order-price-summary{flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto;display:flex}.order-shipping-fee{color:var(--color-text-muted,#3f484c);white-space:nowrap;font-size:.82rem}.order-total-price{white-space:nowrap;align-items:center;gap:8px;font-size:.95rem;display:flex}.order-total-price strong{color:var(--color-primary,#10677c);font-size:1.15rem}.order-loading-state,.order-error-state,.order-empty-state{text-align:center;color:var(--color-text-muted,#3f484c);word-break:break-word;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 20px;display:flex}.loading-spinner{border:3px solid var(--surface-container-low,#f2f4f6);border-top-color:var(--color-primary,#10677c);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite order-spin}@keyframes order-spin{to{transform:rotate(360deg)}}.error-icon,.empty-icon{font-size:1.8rem;line-height:1}.order-empty-state{background-color:var(--surface-container-low,#f2f4f6);border-radius:var(--radius-lg,16px);margin-top:12px}.order-nav-tabs{background-color:var(--surface-container-low,#f2f4f6);border-radius:var(--radius-full,9999px);scrollbar-width:thin;scrollbar-color:var(--surface-container-high,#e6e8ea) transparent;align-items:center;gap:10px;margin-top:16px;margin-bottom:8px;padding:6px;display:flex;overflow-x:auto}.order-nav-tabs::-webkit-scrollbar{height:4px}.order-nav-tabs::-webkit-scrollbar-track{background:0 0}.order-nav-tabs::-webkit-scrollbar-thumb{background:var(--surface-container-high,#e6e8ea);border-radius:var(--radius-full,9999px)}.order-nav-tabs::-webkit-scrollbar-thumb:hover{background:var(--color-primary-container,#358096)}.order-tab-btn{color:var(--color-text-muted,#3f484c);border-radius:var(--radius-full,9999px);cursor:pointer;white-space:nowrap;transition:all var(--transition-speed,.3s) ease;background:0 0;border:none;flex-shrink:0;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:600;display:flex}.order-tab-btn:hover:not(.active){color:var(--color-text-main,#191c1e);background-color:var(--surface-container,#eceef0)}.order-tab-btn.active{background-color:var(--color-primary-container,#358096);color:var(--color-on-primary,#fff);box-shadow:0 4px 12px #10677c33}.tab-count-badge{background-color:var(--color-tertiary-container,#f8b177);color:var(--color-tertiary,#875120);border-radius:var(--radius-full,9999px);justify-content:center;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.tab-count-badge.muted{color:inherit;background-color:#ffffff40}.order-tab-btn.active .tab-count-badge:not(.muted){color:var(--color-primary,#10677c);background-color:#fff}.order-search-bar{background-color:var(--surface-container-low,#f2f4f6);border-radius:var(--radius-full,9999px);transition:background-color var(--transition-speed,.3s) ease;align-items:center;gap:10px;margin-top:12px;margin-bottom:8px;padding:10px 18px;display:flex;box-shadow:inset 0 1px 2px #191c1e0a}.order-search-bar:focus-within{background-color:var(--surface-container-lowest,#fff);box-shadow:0 0 0 3px #10677c26}.search-icon{color:var(--color-text-muted,#3f484c);flex-shrink:0;font-size:.95rem}.order-search-input{width:100%;color:var(--color-text-main,#191c1e);font-size:.9rem;font-family:var(--font-sans,inherit);background:0 0;border:none;outline:none}.order-search-input::placeholder{color:var(--color-text-muted,#3f484c);opacity:.7}.btn-clear-search{color:var(--color-text-muted,#3f484c);cursor:pointer;border-radius:var(--radius-full,9999px);background:0 0;border:none;flex-shrink:0;padding:2px 6px;font-size:.85rem}.btn-clear-search:hover{background-color:var(--surface-container-high,#e6e8ea)}.order-pagination-container{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-main,0 4px 20px #191c1e0a);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:14px 20px;display:flex}.pagination-info{color:var(--color-text-muted,#3f484c);word-break:break-word;font-size:.85rem}.pagination-info strong{color:var(--color-primary,#10677c)}.pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.btn-page-nav{background-color:var(--surface-container-low,#f2f4f6);color:var(--color-text-main,#191c1e);border-radius:var(--radius-full,9999px);cursor:pointer;white-space:nowrap;border:none;padding:6px 14px;font-size:.82rem;font-weight:600}.btn-page-nav:hover:not(:disabled){background-color:var(--color-secondary-container,#cce7f1);color:var(--color-primary,#10677c)}.btn-page-nav:disabled{opacity:.4;cursor:not-allowed}.btn-page-num{color:var(--color-text-muted,#3f484c);border-radius:var(--radius-full,9999px);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex}.btn-page-num:hover:not(.active){background-color:var(--surface-container-low,#f2f4f6);color:var(--color-text-main,#191c1e)}.btn-page-num.active{background-color:var(--color-primary-container,#358096);color:var(--color-on-primary,#fff);box-shadow:0 2px 8px #10677c33}.order-item-card.clickable-card{cursor:pointer;transition:transform var(--transition-speed,.3s) ease, box-shadow var(--transition-speed,.3s) ease, background-color var(--transition-speed,.3s) ease}.order-item-card.clickable-card:hover{background-color:var(--surface-container-lowest,#fff);transform:translateY(-2px);box-shadow:0 8px 24px #10677c14}.order-item-card.clickable-card:focus-visible{outline:2px solid var(--color-primary,#10677c);outline-offset:2px}.order-code-btn{font-family:var(--font-serif,"Noto Serif", serif);color:var(--color-primary,#10677c);cursor:pointer;border-radius:var(--radius-full,9999px);transition:all var(--transition-speed,.3s) ease;background:0 0;border:none;align-items:center;gap:6px;padding:4px 10px;font-size:1.05rem;font-weight:700;display:inline-flex}.order-code-btn:hover{background-color:var(--color-secondary-container,#cce7f1);color:var(--color-primary-hover,#0c5263)}.order-code-btn:hover .code-text{text-decoration:underline}.order-code-btn:focus-visible{outline:2px solid var(--color-primary,#10677c);outline-offset:2px}.btn-confirm-delivery{background-color:var(--color-success,#10b981);color:#fff;border-radius:var(--radius-full,9999px);cursor:pointer;white-space:nowrap;transition:all var(--transition-speed,.3s) ease;border:none;padding:5px 14px;font-size:.78rem;font-weight:600;box-shadow:0 2px 8px #10b98140}.btn-confirm-delivery:hover:not(:disabled){background-color:#0d9668;transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.btn-confirm-delivery:focus-visible{outline:2px solid var(--color-success,#10b981);outline-offset:2px}.btn-confirm-delivery:disabled{opacity:.6;cursor:not-allowed;transform:none}.tx-history-container{background-color:var(--color-bg-card,#fff);width:100%;max-width:1100px;color:var(--color-text-main,#191c1e);border-radius:var(--radius-xl,20px);box-shadow:var(--shadow-main,0 4px 20px #191c1e0a);outline:1px solid var(--color-ghost-border,#bfc8cc26);margin:2rem auto;padding:1.75rem}.tx-header-block{margin-bottom:1.5rem}.tx-header-block .tx-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary,#10677c);margin-bottom:.5rem;font-family:Public Sans,system-ui,sans-serif;font-size:11px;font-weight:700;display:inline-block}.tx-header-block .tx-title{color:var(--color-text-main,#191c1e);margin:0 0 .5rem;font-family:Noto Serif,Georgia,serif;font-size:1.35rem;font-weight:700}.tx-header-block .tx-subtitle{color:var(--color-text-muted,#3f484c);border-bottom:2px solid var(--color-divider,#eceef0);overflow-wrap:break-word;word-break:break-word;max-width:640px;margin:0 0 1.25rem;padding-bottom:1.25rem;font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.5}.tx-balance-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:1.5rem;display:grid}@media (width<=860px){.tx-balance-grid{grid-template-columns:1fr}}.tx-balance-card{background-color:var(--color-bg-page,#f8fafc);outline:1px solid var(--color-ghost-border,#bfc8cc26);min-width:0;transition:transform var(--transition-speed,.3s) ease, box-shadow var(--transition-speed,.3s) ease;border-radius:16px;flex-direction:column;padding:18px 20px;display:flex}.tx-balance-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000a}.tx-balance-card .tx-balance-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tx-balance-card .tx-balance-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#3f484c);font-family:Public Sans,system-ui,sans-serif;font-size:11px;font-weight:700}.tx-balance-card .tx-balance-icon{justify-content:center;align-items:center;line-height:1;display:flex}.tx-balance-card .tx-balance-icon .tx-coin-img{object-fit:contain;width:24px;height:24px}.tx-balance-card .tx-balance-value{color:var(--color-text-main,#191c1e);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-family:Noto Serif,Georgia,serif;font-size:1.7rem;font-weight:700;overflow:hidden}.tx-balance-card .tx-balance-desc{color:var(--color-text-muted,#3f484c);overflow-wrap:break-word;word-break:break-word;margin:0;font-family:Inter,system-ui,sans-serif;font-size:11.5px;line-height:1.4}.tx-balance-card.tx-balance-card-summary{flex-direction:column;gap:10px;display:flex}.tx-balance-summary-row{flex-wrap:wrap;gap:8px;display:flex}.tx-summary-pill{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-family:Public Sans,system-ui,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.tx-summary-pill.tx-summary-pill-increase{color:#137333;background-color:#e6f4ea}[data-theme=dark] .tx-summary-pill.tx-summary-pill-increase{color:#34d399;background-color:#10b98133}.tx-summary-pill.tx-summary-pill-decrease{color:#c5221f;background-color:#fce8e6}[data-theme=dark] .tx-summary-pill.tx-summary-pill-decrease{color:#f87171;background-color:#ef444433}.tx-filter-block{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.tx-search-wrap{flex:240px;min-width:220px;position:relative}.tx-search-wrap .tx-search-icon{opacity:.6;pointer-events:none;font-size:13px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.tx-search-input{border-radius:var(--radius-full,9999px);outline:1px solid var(--color-border-strong,#00000040);background-color:var(--color-bg-page,#f8fafc);width:100%;color:var(--color-text-main,#191c1e);box-sizing:border-box;transition:all var(--transition-speed,.3s) ease;border:0;padding:9px 14px 9px 36px;font-family:Inter,system-ui,sans-serif;font-size:16px}@media (width>640px){.tx-search-input{font-size:12.5px}}.tx-search-input::placeholder{color:var(--color-text-muted,#3f484c);opacity:.8}.tx-search-input:focus{outline:1px solid var(--color-primary,#10677c);background-color:var(--color-bg-card,#fff)}.tx-tabs-bar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.tx-tab-btn{border-radius:var(--radius-full,9999px);background-color:var(--color-bg-page,#f8fafc);color:var(--color-text-muted,#3f484c);cursor:pointer;outline:1px solid var(--color-ghost-border,#bfc8cc26);transition:all var(--transition-speed,.3s) ease;border:0;align-items:center;gap:6px;padding:8px 16px;font-family:Public Sans,system-ui,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.tx-tab-btn:hover{background-color:var(--color-divider,#eceef0);color:var(--color-text-main,#191c1e)}.tx-tab-btn.active{background-color:var(--color-primary,#10677c);color:var(--color-text-on-primary,#fff);outline-color:var(--color-primary,#10677c)}.tx-tab-btn.active .tx-tab-count{background-color:#ffffff40}.tx-tab-btn.active.tx-tab-increase{background-color:#137333;outline-color:#137333}.tx-tab-btn.active.tx-tab-decrease{background-color:#c5221f;outline-color:#c5221f}.tx-tab-btn .tx-tab-icon{font-size:11px}.tx-tab-btn .tx-tab-count{background-color:#00000014;border-radius:9999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:inline-flex}.tx-table-wrapper{background-color:var(--color-bg-page,#f8fafc);outline:1px solid var(--color-ghost-border,#bfc8cc26);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.tx-label-best{color:var(--color-text-muted,#3f484c);text-transform:uppercase;letter-spacing:.05em;padding:14px 18px 8px;font-family:Public Sans,system-ui,sans-serif;font-size:11px;font-weight:600;line-height:13px}.tx-results-list{background-color:var(--color-divider,#eceef0);flex-direction:column;gap:1px;min-height:350px;display:flex}.tx-entry-row{cursor:pointer;background-color:var(--color-bg-card,#fff);transition:background-color var(--transition-speed,.3s) ease;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:12px 18px;display:grid}.tx-entry-row:hover{background-color:var(--color-divider,#eceef0)}.tx-entry-row:hover .tx-entry-icon{background-color:var(--color-primary,#10677c);color:var(--color-text-on-primary,#fff)}.tx-entry-row:hover .tx-entry-icon.tx-entry-icon-increase{color:#fff;background-color:#137333}.tx-entry-row:hover .tx-entry-icon.tx-entry-icon-decrease{color:#fff;background-color:#c5221f}.tx-entry-row:hover .tx-code-highlight{color:var(--color-primary,#10677c)}.tx-entry-icon{background-color:var(--color-divider,#eceef0);width:40px;height:40px;color:var(--color-text-main,#191c1e);transition:all var(--transition-speed,.3s) ease;border-radius:9999px;justify-content:center;align-items:center;display:flex}.tx-entry-icon.tx-entry-icon-increase{color:#137333;background-color:#e6f4ea}[data-theme=dark] .tx-entry-icon.tx-entry-icon-increase{color:#34d399;background-color:#10b98133}.tx-entry-icon.tx-entry-icon-decrease{color:#c5221f;background-color:#fce8e6}[data-theme=dark] .tx-entry-icon.tx-entry-icon-decrease{color:#f87171;background-color:#ef444433}.tx-entry-desc{flex-direction:column;justify-content:center;gap:4px;min-width:0;font-family:Inter,system-ui,sans-serif;display:flex}.tx-entry-desc .tx-code-title{color:var(--color-text-main,#191c1e);font-size:13.5px;font-weight:600}.tx-entry-desc .tx-code-highlight{color:var(--color-accent,#f59e0b);transition:color var(--transition-speed,.3s) ease;font-weight:700}.tx-entry-desc .tx-time-subtitle{color:var(--color-text-muted,#3f484c);overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.4}.tx-entry-desc .tx-desc-line{color:var(--color-text-main,#191c1e);opacity:.85;overflow-wrap:break-word;word-break:break-word;font-size:12px}.tx-entry-desc .tx-topup-info-line{color:#137333;font-size:11.5px;font-weight:700}[data-theme=dark] :is(.tx-entry-desc .tx-topup-info-line){color:#34d399}.tx-entry-desc .tx-exchange-receive-line{color:#137333;font-size:11.5px;font-weight:700}[data-theme=dark] :is(.tx-entry-desc .tx-exchange-receive-line){color:#34d399}.tx-direction-tag{letter-spacing:.02em;border-radius:9999px;align-items:center;gap:4px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.tx-direction-tag.tx-direction-increase{color:#137333;background-color:#e6f4ea}[data-theme=dark] .tx-direction-tag.tx-direction-increase{color:#34d399;background-color:#10b98133}.tx-direction-tag.tx-direction-decrease{color:#c5221f;background-color:#fce8e6}[data-theme=dark] .tx-direction-tag.tx-direction-decrease{color:#f87171;background-color:#ef444433}.tx-entry-value-area{align-items:center;display:flex}.tx-price-badge{background-color:var(--color-divider,#eceef0);border-radius:var(--radius-full,9999px);text-align:center;color:var(--color-primary,#10677c);outline:1px solid var(--color-ghost-border,#bfc8cc26);white-space:nowrap;padding:6px 14px;font-size:12px;font-weight:700}.tx-price-badge.tx-price-badge-increase{color:#137333;background-color:#e6f4ea;outline-color:#13733340}[data-theme=dark] .tx-price-badge.tx-price-badge-increase{color:#34d399;background-color:#10b98133}.tx-price-badge.tx-price-badge-decrease{color:#c5221f;background-color:#fce8e6;outline-color:#c5221f40}[data-theme=dark] .tx-price-badge.tx-price-badge-decrease{color:#f87171;background-color:#ef444433}.tx-card-footer{background-color:var(--color-bg-card,#fff);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}@media (width<=640px){.tx-card-footer{flex-direction:column;align-items:center;gap:10px}}.tx-pagination-action{align-items:center;gap:12px;display:flex}.tx-nav-btn{background-color:var(--color-divider,#eceef0);width:32px;height:32px;color:var(--color-text-main,#191c1e);cursor:pointer;transition:all var(--transition-speed,.3s) ease;border:0;border-radius:9999px;justify-content:center;align-items:center;display:flex}.tx-nav-btn:hover:not(:disabled){background-color:var(--color-primary,#10677c);color:var(--color-text-on-primary,#fff)}.tx-nav-btn:disabled{opacity:.35;cursor:not-allowed}.tx-page-indicator{color:var(--color-text-main,#191c1e);font-size:12px;font-weight:600}.tx-footer-label{color:var(--color-text-muted,#3f484c);font-size:11px;font-weight:600}.tx-status-msg{text-align:center;background-color:var(--color-bg-card,#fff);color:var(--color-text-muted,#3f484c);box-shadow:var(--shadow-main,0 4px 20px #0000000a);border-radius:16px;padding:3rem;font-size:1.05rem}.tx-status-msg.error{color:#dc2626;font-weight:600}.tx-status-msg.tx-tab-empty{box-shadow:none;padding:2.5rem 1rem}.inline-icon{vertical-align:middle;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.inline-icon-sm{vertical-align:middle;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.tx-msg-icon{vertical-align:middle;margin-right:8px;font-size:24px}.tx-pill-icon{align-items:center;font-size:14px;display:inline-flex}.tx-bonus-info-line{align-items:center;gap:4px;font-size:11.5px;font-weight:700;line-height:1.4;display:inline-flex}.tx-bonus-info-line.tx-bonus-r-line{color:#d97706}[data-theme=dark] .tx-bonus-info-line.tx-bonus-r-line{color:#fbbf24}.tx-bonus-info-line.tx-bonus-t-line{color:var(--color-primary,#10677c)}[data-theme=dark] .tx-bonus-info-line.tx-bonus-t-line{color:#38bdf8}.password-info-text{color:var(--color-text-muted);font-family:var(--font-sans);margin-bottom:28px;font-size:.95rem;line-height:1.6}.password-input-container{width:100%;position:relative}.password-input-container input{border-radius:var(--radius-md);background-color:var(--surface-container-low);width:100%;height:48px;color:var(--color-text-main);font-family:var(--font-sans);box-sizing:border-box;border:1.5px solid #bfd0d673;outline:none;padding:12px 48px 12px 18px;font-size:.95rem;transition:all .3s}[data-theme=dark] .password-input-container input{border:1.5px solid #ffffff38}.password-input-container input:hover{border-color:var(--color-primary);background-color:var(--surface-container-lowest)}.password-input-container input:focus{border-color:var(--color-primary);background-color:var(--color-bg-card);box-shadow:0 0 0 3px #10677c33}.password-toggle-icon{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle-icon:hover{color:var(--color-primary);background-color:var(--surface-container-high)}.validation-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.validation-item{align-items:center;gap:8px;font-weight:500;transition:color .3s;display:flex}.validation-item.valid{color:var(--color-success)}.validation-item.invalid{color:var(--color-danger)}.password-match-status{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-top:10px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.password-match-status.valid{color:var(--color-success);background-color:#10b9811f}.password-match-status.invalid{background-color:var(--color-danger-soft);color:var(--color-danger)}.snackbar,.Toastify__toast{z-index:999999!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-floating)!important;font-weight:600!important;position:fixed!important}.account-footer-actions{border-top:1px solid var(--color-divider);justify-content:flex-end;gap:16px;margin-top:36px;padding-top:24px;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.15,.83,.66,1);display:inline-flex}.btn-primary{background-color:var(--color-primary-container);color:var(--color-on-primary);box-shadow:0 4px 12px #10677c33}.btn-primary:hover:not(:disabled){background-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 16px #10677c4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--surface-container-high);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-container-highest);color:var(--color-primary-hover);transform:translateY(-2px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.exchange-section{background-color:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-main);flex-direction:column;gap:16px;padding:24px;display:flex}.exchange-section h3{font-family:var(--font-serif);color:var(--color-text-main);font-size:1.15rem}.exchange-section .package-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=640px){.exchange-section .package-grid{grid-template-columns:1fr}}.exchange-section .package-card{border-radius:var(--radius-md);background-color:var(--surface-container-low);border:1px solid var(--color-ghost-border);cursor:pointer;transition:all var(--transition-speed) ease;min-width:0;padding:16px;position:relative}.exchange-section .package-card:hover{background-color:var(--surface-container-high)}.exchange-section .package-card.selected{background-color:var(--secondary-container);border-color:var(--color-primary)}[data-theme=dark] .exchange-section .package-card.selected{background-color:var(--surface-container-high)}.exchange-section .package-card.disabled{opacity:.6;cursor:not-allowed}.exchange-section .package-card .package-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.exchange-section .package-card .package-header .package-name{color:var(--color-text-main);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.95rem;font-weight:700;overflow:hidden}.exchange-section .package-card .package-header .rate-badge{border-radius:var(--radius-full);background-color:var(--tertiary-container);color:var(--color-tertiary);flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:700}.exchange-section .package-card .package-body{color:var(--color-text-muted);justify-content:space-between;align-items:center;min-width:0;font-size:.85rem;display:flex}.exchange-section .package-card .package-body .pkg-cost,.exchange-section .package-card .package-body .pkg-get{align-items:center;gap:3px;display:inline-flex}.exchange-section .package-card .package-body .pkg-coin-icon{object-fit:contain;vertical-align:middle;width:16px;height:16px}.exchange-section .package-card .package-body .cost-val{color:#d97706;margin:0 2px}.exchange-section .package-card .package-body .get-val{color:var(--color-primary);margin:0 2px}.exchange-section .package-card .package-body .pkg-arrow{color:var(--color-text-muted);font-size:1rem}.exchange-section .exchange-action-bar{justify-content:flex-end;margin-top:8px;display:flex}.exchange-section .exchange-action-bar .btn-exchange-submit{border-radius:var(--radius-full);width:100%;height:48px;font-size:1rem;font-weight:700}.package-loading{text-align:center;color:var(--color-text-muted);padding:24px;font-size:.95rem}.package-unavailable-card{background-color:var(--surface-container-low);border-radius:var(--radius-md);border:1px dashed var(--color-ghost-border);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.package-unavailable-card .unavailable-icon{width:36px;height:36px;color:var(--color-text-muted);opacity:.7}.package-unavailable-card .unavailable-text{color:var(--color-text-muted);font-size:.95rem;font-weight:600}.exchange-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#000000a6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.exchange-modal-card{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,16px);width:100%;max-width:420px;box-shadow:var(--shadow-main);flex-direction:column;gap:16px;padding:24px;display:flex;position:relative}.exchange-modal-card .exchange-modal-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:12px;right:12px}.exchange-modal-card .exchange-modal-close:hover{color:var(--color-text-main)}.exchange-modal-card .exchange-modal-close:disabled{opacity:.5;cursor:not-allowed}.exchange-modal-card h3{font-family:var(--font-serif);color:var(--color-text-main);font-size:1.25rem}.exchange-modal-card .exchange-modal-desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.exchange-modal-card .exchange-summary-box{border-radius:var(--radius-md);background-color:var(--surface-container-low);flex-direction:column;gap:10px;padding:16px;display:flex}.exchange-modal-card .exchange-summary-box .summary-row{color:var(--color-text-main);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.exchange-modal-card .exchange-summary-box .summary-row span:first-child{color:var(--color-text-muted)}.exchange-modal-card .exchange-summary-box .summary-row .cost-val{color:#d97706;font-weight:700}.exchange-modal-card .exchange-summary-box .summary-row .get-val{color:var(--color-primary);font-weight:700}.exchange-modal-card .exchange-modal-actions{gap:12px;margin-top:8px;display:flex}.exchange-modal-card .exchange-modal-actions button{border-radius:var(--radius-full);flex:1;height:44px;font-size:.95rem;font-weight:700}.exchange-modal-card .exchange-modal-actions .btn-secondary-pill{background-color:var(--surface-container-high);color:var(--color-text-main);border:1px solid var(--color-ghost-border);cursor:pointer;transition:all .2s}.exchange-modal-card .exchange-modal-actions .btn-secondary-pill:hover:not(:disabled){background-color:var(--surface-container-highest,#d4d4d8)}.exchange-modal-card .exchange-modal-actions .btn-secondary-pill:disabled{opacity:.6;cursor:not-allowed}.uiverse-topup-card{border-radius:var(--radius-lg);background-color:var(--surface-container-lowest);box-shadow:var(--shadow-main);flex-direction:column;gap:20px;padding:24px;display:flex}.uiverse-topup-card .card-header{flex-direction:column;gap:4px;display:flex}.uiverse-topup-card .card-header h3{font-family:var(--font-serif);color:var(--color-text-main);font-size:1.15rem}.uiverse-topup-card .card-header p{color:var(--color-text-muted);font-size:.85rem}.uiverse-topup-card .categories{flex-wrap:wrap;gap:8px;display:flex}.uiverse-topup-card .categories button{border-radius:var(--radius-full,9999px);border:1px solid var(--color-ghost-border,#00000026);background-color:var(--surface-container-low,#f4f4f5);min-width:75px;color:var(--color-text-main,#26393b);cursor:pointer;flex:1;padding:10px 12px;font-size:.9rem;font-weight:600;transition:all .2s}.uiverse-topup-card .categories button:hover{background-color:var(--surface-container-high,#e4e4e7)}.uiverse-topup-card .categories button.active{background-color:var(--color-primary,#26393b);color:#fff;border-color:var(--color-primary,#26393b);box-shadow:var(--shadow-main,0 2px 4px #0000001a)}.uiverse-topup-card .categories button:disabled{opacity:.6;cursor:not-allowed}.uiverse-topup-card .search-container{flex-direction:column;gap:8px;display:flex}.uiverse-topup-card .search-container .custom-input-wrapper{align-items:center;display:flex;position:relative}.uiverse-topup-card .search-container .custom-input-wrapper input{border-radius:var(--radius-full,9999px);border:1px solid var(--color-border-strong,#00000040);background-color:var(--surface-container-lowest,#fff);width:100%;height:44px;color:var(--color-text-main,#26393b);outline:none;padding:0 50px 0 16px;font-size:16px;transition:border-color .2s}.uiverse-topup-card .search-container .custom-input-wrapper input:focus{border-color:var(--color-primary,#26393b)}.uiverse-topup-card .search-container .custom-input-wrapper .currency{color:var(--color-text-muted,#71717a);pointer-events:none;font-size:.9rem;font-weight:600;position:absolute;right:16px}.uiverse-topup-card .results{flex-direction:column;gap:8px;display:flex}.uiverse-topup-card .results .label{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.uiverse-topup-card .results .results-list{flex-direction:column;gap:8px;display:flex}.uiverse-topup-card .results .results-list .entry{border-radius:var(--radius-md);background-color:var(--surface-container-low);border:1px solid var(--color-ghost-border,#00000026);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.uiverse-topup-card .results .results-list .entry:hover{background-color:var(--surface-container-high)}.uiverse-topup-card .results .results-list .entry.selected{border-color:var(--color-primary);background-color:var(--secondary-container)}[data-theme=dark] .uiverse-topup-card .results .results-list .entry.selected{background-color:var(--surface-container-high)}.uiverse-topup-card .results .results-list .entry .icon{color:var(--color-primary);justify-content:center;align-items:center;display:flex}.uiverse-topup-card .results .results-list .entry .desc{flex-direction:column;flex:1;min-width:0;display:flex}.uiverse-topup-card .results .results-list .entry .desc label{color:var(--color-text-main);font-size:.9rem;font-weight:700}.uiverse-topup-card .results .results-list .entry .desc span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.uiverse-topup-card .results .results-list .entry .badge{border-radius:var(--radius-full);background-color:var(--tertiary-container);color:var(--color-tertiary);flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:700}.uiverse-topup-card .card-footer-submit{margin-top:4px}.uiverse-topup-card .card-footer-submit .submit-topup-btn{border-radius:var(--radius-full);width:100%;height:48px;font-size:1rem;font-weight:700}.qr-modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.qr-modal-card{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,16px);width:100%;max-width:380px;box-shadow:var(--shadow-main);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex;position:relative}.qr-modal-card .qr-modal-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:12px;right:12px}.qr-modal-card .qr-modal-close:hover{color:var(--color-text-main)}.qr-modal-card h3{font-family:var(--font-serif);color:var(--color-text-main);margin-top:4px;font-size:1.15rem}.qr-modal-card .qr-modal-amount{color:var(--color-primary);font-size:1.25rem;font-weight:700}.qr-modal-card .qr-modal-image{object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-ghost-border);background-color:#fff;width:200px;height:200px;padding:8px}.qr-modal-card .qr-modal-ref{color:var(--color-text-muted);font-size:.85rem}.qr-modal-card .qr-modal-timer{color:var(--color-text-main);font-size:.9rem;font-weight:600}.qr-modal-card .qr-modal-expired{color:#ef4444}.qr-modal-card .qr-modal-waiting{color:var(--color-text-muted);font-size:.8rem;font-style:italic}.qr-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#000000a6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.coin-manager-container{flex-direction:column;gap:24px;max-width:640px;margin:0 auto;padding:24px;display:flex}@media (width<=640px){.coin-manager-container{gap:16px;padding:16px}}.coin-manager-title{font-family:var(--font-serif);color:var(--color-text-main);margin-bottom:4px;font-size:1.75rem;font-weight:700}.balance-info{border-radius:var(--radius-lg);background-color:var(--surface-container-lowest);box-shadow:var(--shadow-main);grid-template-columns:repeat(2,1fr);gap:16px;padding:16px;display:grid}.balance-info .balance-card{border-radius:var(--radius-md);background-color:var(--surface-container-low);flex-direction:column;gap:8px;min-width:0;padding:16px;display:flex}.balance-info .balance-card .balance-header-row{align-items:center;gap:6px;display:flex}.balance-info .balance-card .balance-header-row .balance-coin-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px}.balance-info .balance-card .balance-header-row .balance-title{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.balance-info .balance-card .balance-amount{color:var(--color-text-main);text-overflow:ellipsis;white-space:nowrap;font-size:1.35rem;font-weight:700;overflow:hidden}.exchange-section{background-color:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-main);flex-direction:column;gap:16px;padding:24px;display:flex}.exchange-section h3{font-family:var(--font-serif);color:var(--color-text-main);font-size:1.15rem}.exchange-section .package-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=640px){.exchange-section .package-grid{grid-template-columns:1fr}}.exchange-section .package-card{border-radius:var(--radius-md);background-color:var(--surface-container-low);border:1px solid var(--color-ghost-border);cursor:pointer;transition:all var(--transition-speed) ease;min-width:0;padding:16px;position:relative}.exchange-section .package-card:hover{background-color:var(--surface-container-high)}.exchange-section .package-card.selected{background-color:var(--secondary-container);border-color:var(--color-primary)}[data-theme=dark] .exchange-section .package-card.selected{background-color:var(--surface-container-high)}.exchange-section .package-card.disabled{opacity:.6;cursor:not-allowed}.exchange-section .package-card .package-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.exchange-section .package-card .package-header .package-name{color:var(--color-text-main);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.95rem;font-weight:700;overflow:hidden}.exchange-section .package-card .package-header .rate-badge{border-radius:var(--radius-full);background-color:var(--tertiary-container);color:var(--color-tertiary);flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:700}.exchange-section .package-card .package-body{color:var(--color-text-muted);justify-content:space-between;align-items:center;min-width:0;font-size:.85rem;display:flex}.exchange-section .package-card .package-body .pkg-cost,.exchange-section .package-card .package-body .pkg-get{align-items:center;gap:3px;display:inline-flex}.exchange-section .package-card .package-body .pkg-coin-icon{object-fit:contain;vertical-align:middle;width:16px;height:16px}.exchange-section .package-card .package-body .cost-val{color:#d97706;margin:0 2px}.exchange-section .package-card .package-body .get-val{color:var(--color-primary);margin:0 2px}.exchange-section .package-card .package-body .pkg-arrow{color:var(--color-text-muted);font-size:1rem}.exchange-section .exchange-action-bar{justify-content:flex-end;margin-top:8px;display:flex}.exchange-section .exchange-action-bar .btn-exchange-submit{border-radius:var(--radius-full);width:100%;height:48px;font-size:1rem;font-weight:700}.package-loading,.package-empty{text-align:center;color:var(--color-text-muted);padding:24px;font-size:.95rem}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Outlined,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.success-page-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:42rem;margin:0 auto;padding:2rem 1rem;display:flex}@media (width>=768px){.success-page-container{padding-top:3rem;padding-bottom:3rem}}.success-banner{text-align:center;width:100%;max-width:36rem;margin-bottom:1.5rem}.success-icon-wrapper{border-radius:var(--radius-full,9999px);width:3rem;height:3rem;color:var(--color-success,#10b981);box-shadow:var(--shadow-main,0 4px 20px #191c1e0a);background-color:#10b9811f;justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex}@media (width>=640px){.success-icon-wrapper{width:5rem;height:5rem}}.success-icon{font-variation-settings:"FILL" 1;font-size:1.75rem!important}@media (width>=640px){.success-icon{font-size:2.5rem!important}}.success-main-title{font-family:var(--font-serif,"Noto Serif", Georgia, serif);letter-spacing:-.025em;color:var(--color-text-main,#191c1e);margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1.25}@media (width>=768px){.success-main-title{font-size:1.875rem}}.success-subtitle{font-family:var(--font-sans,"Inter", system-ui, sans-serif);color:var(--color-text-muted,#3f484c);max-width:36rem;margin:0 auto;font-size:.875rem;line-height:1.6}.tx-history-container.success-spec{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,1rem);border:1px solid var(--color-ghost-border,#bfc8cc26);width:100%;box-shadow:var(--shadow-main,0 4px 20px #191c1e0a);transition:box-shadow var(--transition-speed,.3s) ease;box-sizing:border-box;margin-bottom:2.5rem;padding:1.5rem}@media (width>=768px){.tx-history-container.success-spec{padding:2rem}}.fallback-text{color:var(--color-text-muted,#3f484c);text-align:center;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.success-meta-grid{border-bottom:1px solid var(--color-ghost-border,#bfc8cc26);flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;padding-bottom:2rem;display:flex}@media (width>=768px){.success-meta-grid{flex-direction:row;align-items:center}}.success-meta-item{flex-direction:column;gap:.25rem;display:flex}.success-meta-item.meta-right{margin-top:1rem}@media (width>=768px){.success-meta-item.meta-right{text-align:right;margin-top:0}}.success-meta-label{font-family:var(--font-label,"Public Sans", sans-serif);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted,#3f484c);font-size:.75rem;font-weight:600}.tx-code-badge{font-family:var(--font-sans,"Inter", system-ui, sans-serif);color:var(--color-text-main,#191c1e);font-size:1.125rem;font-weight:600}.tx-price-text{font-family:var(--font-serif,"Noto Serif", Georgia, serif);color:var(--color-primary,#10677c);font-size:1.25rem;font-weight:700}.tx-detail-box.success-visible{width:100%;display:block}.tx-detail-title{font-family:var(--font-serif,"Noto Serif", Georgia, serif);color:var(--color-text-main,#191c1e);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.tx-detail-list{flex-direction:column;display:flex}.tx-detail-item{border-bottom:1px solid var(--color-ghost-border,#bfc8cc26);flex-direction:column;gap:1.25rem;padding:1.5rem .5rem;display:flex}@media (width>=640px){.tx-detail-item{padding:1.75rem 1rem}}.tx-detail-item:last-child{border-bottom:none;padding-bottom:.5rem}.tx-detail-product-layout{flex-direction:row;align-items:flex-start;gap:1.25rem;width:100%;display:flex}.tx-product-img-box{border-radius:var(--radius-md,12px);background-color:var(--surface-container,#eceef0);flex-shrink:0;width:4.5rem;height:4.5rem;overflow:hidden;box-shadow:0 2px 8px #0000000a}@media (width>=640px){.tx-product-img-box{width:5rem;height:5rem}}.tx-product-thumb{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-speed,.3s) ease}.tx-detail-item:hover .tx-product-thumb{transform:scale(1.04)}.tx-product-info-box{flex-direction:column;flex:1;justify-content:space-between;gap:.5rem;width:100%;display:flex}@media (width>=768px){.tx-product-info-box{flex-direction:row;align-items:flex-start}}.tx-info-primary{flex-direction:column;gap:.35rem;display:flex}.tx-info-secondary{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}@media (width>=768px){.tx-info-secondary{align-items:flex-end}}.success-product-title{font-family:var(--font-serif,"Noto Serif", Georgia, serif);color:var(--color-text-main,#191c1e);margin:0;font-size:1.125rem;font-weight:700}.tx-price-subtext{font-family:var(--font-sans,"Inter", system-ui, sans-serif);color:var(--color-text-muted,#3f484c);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.tx-original-price{color:var(--color-text-muted,#3f484c);text-decoration:line-through}.tx-item-price-bold{font-family:var(--font-sans,"Inter", system-ui, sans-serif);color:var(--color-text-main,#191c1e);font-size:.95rem;font-weight:600}.tx-sku-text{font-family:var(--font-label,"Public Sans", sans-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#3f484c);margin-top:.25rem;font-size:.75rem}.tx-category-badge{border-radius:var(--radius-full,9999px);font-family:var(--font-sans,"Inter", system-ui, sans-serif);align-items:center;width:fit-content;margin-bottom:.25rem;padding:.15rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.tx-category-badge.physical{background-color:var(--surface-container,#eceef0);color:var(--color-secondary,#49626b)}.tx-category-badge.digital{background-color:var(--color-tertiary-container,#f8b177);color:var(--color-tertiary,#875120)}.tx-track-info{background-color:var(--surface-container-low,#f2f4f6);border-radius:var(--radius-md,12px);box-sizing:border-box;width:100%;margin-top:.75rem;padding:1rem 1.25rem;font-size:.875rem}.tx-track-info h5{font-family:var(--font-label,"Public Sans", sans-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-main,#191c1e);margin-bottom:.5rem;font-size:.8rem;font-weight:600}.tx-track-info ul{margin:0;padding-left:0;list-style:none}.tx-track-info li{color:var(--color-text-muted,#3f484c);word-break:break-all;padding:.2rem 0;font-family:monospace}.success-action-box{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:28rem;margin:0 auto;display:flex}@media (width>=640px){.success-action-box{flex-direction:row}}.success-vault-btn{border-radius:var(--radius-full,9999px);background-color:var(--color-primary,#10677c);width:100%;color:var(--color-on-primary,#fff);font-family:var(--font-sans,"Inter", system-ui, sans-serif);cursor:pointer;box-shadow:var(--shadow-main,0 4px 20px #191c1e0a);transition:all var(--transition-speed,.3s) ease;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.95rem;font-weight:500;display:inline-flex}@media (width>=640px){.success-vault-btn{width:auto}}.success-vault-btn:hover{background-color:var(--color-primary-container,#358096)}.success-home-btn{border-radius:var(--radius-full,9999px);background-color:var(--surface-container-high,#e6e8ea);width:100%;color:var(--color-primary,#10677c);font-family:var(--font-sans,"Inter", system-ui, sans-serif);cursor:pointer;box-shadow:var(--shadow-main,0 4px 20px #191c1e0a);transition:all var(--transition-speed,.3s) ease;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.95rem;font-weight:500;display:inline-flex}@media (width>=640px){.success-home-btn{width:auto}}.success-home-btn:hover{background-color:var(--surface-dim,#d8dadc)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.tx-icon-inline{vertical-align:middle;margin-right:.35rem;font-size:1.1rem!important}.tx-track-info-header{font-family:var(--font-label,"Public Sans", sans-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-main,#191c1e);align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:flex}.tx-track-item{align-items:center;gap:.35rem;display:flex}.tx-code-badge-wrapper{align-items:center;gap:.5rem;display:inline-flex}.copy-btn{cursor:pointer;color:var(--color-text-muted,#3f484c);border-radius:var(--radius-sm,8px);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:inline-flex}.copy-btn:hover{background-color:var(--surface-container,#eceef0);color:var(--color-primary,#10677c)}.copy-btn .material-symbols-outlined{font-size:1.125rem}.tx-price-wrapper{align-items:center;gap:.35rem;display:flex}.coin-icon{color:var(--color-tertiary,#875120);font-size:1.25rem}.tx-category-badge{align-items:center;gap:.35rem;display:inline-flex}.badge-icon{font-size:.875rem!important}.tx-track-info h5{align-items:center;gap:.35rem;display:flex}.info-title-icon{color:var(--color-primary,#10677c);font-size:1rem}.vault-key-item{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.copy-sub-btn{cursor:pointer;color:var(--color-text-muted,#3f484c);background:0 0;border:none;align-items:center;padding:.15rem;display:inline-flex}.copy-sub-btn:hover{color:var(--color-primary,#10677c)}.copy-sub-btn .material-symbols-outlined{font-size:.95rem}.reset-password-container{background-color:var(--color-bg-page);min-height:calc(100vh - 120px);transition:background-color var(--transition-speed) ease;justify-content:center;align-items:center;padding:32px 16px;display:flex}.reset-bento-card{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-modal);border:1px solid var(--color-ghost-border);flex-direction:column;gap:24px;padding:40px 32px;display:flex;position:relative;overflow:hidden}.reset-bento-card:before{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-container) 100%);height:6px;position:absolute;top:0;left:0;right:0}.reset-header{flex-direction:column;gap:8px;display:flex}.reset-header h2{font-family:var(--font-serif);color:var(--color-text-main);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.reset-header p{font-family:var(--font-sans);color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.5}.reset-form{flex-direction:column;gap:20px;display:flex}.reset-input-group{flex-direction:column;gap:8px;display:flex;position:relative}.reset-input-group label{font-family:var(--font-label);color:var(--color-text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.825rem;font-weight:600}.reset-input-group .input-wrapper{align-items:center;display:flex;position:relative}.reset-input-group .input-wrapper input{background-color:var(--surface-container-low);width:100%;height:48px;color:var(--color-text-main);border:1px solid var(--color-ghost-border);border-radius:var(--radius-md);font-family:var(--font-sans);transition:background-color var(--transition-speed) ease, border-color var(--transition-speed) ease;padding:0 48px 0 16px;font-size:.95rem}.reset-input-group .input-wrapper input:focus{background-color:var(--surface-container-lowest);border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #10677c2e}.reset-input-group .input-wrapper .eye-btn{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex;position:absolute;right:12px}.reset-input-group .input-wrapper .eye-btn:hover{color:var(--color-primary);background-color:var(--surface-container)}@media (width<=480px){.reset-bento-card{padding:28px 20px}}.pending-page-wrapper{max-width:1100px;min-height:calc(100vh - 120px);margin:0 auto;padding:3.5rem 2rem 6rem}.pending-bento-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem;display:grid}.bento-tile{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-main);padding:1.5rem}.pending-hero-tile{background:linear-gradient(135deg, var(--surface-container-lowest), var(--surface-container-low));text-align:center;grid-column:span 2;padding:3.5rem 2rem}.pending-hero-tile h1{color:var(--color-text-main);margin:.5rem 0;font-size:26px}.warning-badge{font-family:var(--font-label);color:var(--color-tertiary);background-color:var(--color-tertiary-container);border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.summary-title{color:var(--color-primary);border-bottom:1px solid var(--color-ghost-border);align-items:center;gap:8px;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:18px;display:flex}.summary-details-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.summary-item-card{background-color:var(--color-bg-page);border-radius:var(--radius-lg);border:1px solid var(--color-ghost-border);padding:1.25rem 1.5rem}.summary-item-card.full-width{grid-column:span 2}.item-label{font-family:var(--font-label);color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:.35rem;font-size:12px;font-weight:600;display:flex}.item-value{color:var(--color-text-main);font-size:15px;font-weight:500}.item-value.highlight{color:var(--color-primary);font-size:16px;font-weight:700}.item-value.bio-text{color:var(--color-text-muted);white-space:pre-line;font-size:14px;line-height:1.6}.social-tags-wrapper{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.social-tag{background-color:var(--surface-container);color:var(--color-text-main);border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 12px;font-size:13px;display:inline-flex}.social-tag strong{color:var(--color-primary)}.portfolio-link{color:var(--color-primary);word-break:break-all;text-decoration:underline}.bento-actions-tile{justify-content:center;padding-top:.5rem;display:flex}.bento-btn-primary{background-color:var(--color-primary-container);color:var(--color-on-primary);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:.85rem 2.5rem;font-size:14px;font-weight:600;display:inline-flex}.bento-btn-primary:hover{background-color:var(--color-primary-hover)}@media (width<=640px){.pending-page-wrapper{padding:1.25rem .85rem 3.5rem}.pending-bento-grid,.summary-details-grid{grid-template-columns:1fr!important}.pending-hero-tile,.summary-item-card,.bento-span-full,.summary-item-card.full-width{width:100%;grid-column:1/-1!important}.pending-hero-tile h1{font-size:20px}.bento-btn-primary{width:100%;min-height:48px}}.apply-creator-page{box-sizing:border-box;width:100%;max-width:1440px;min-height:calc(100vh - 120px);margin:0 auto;padding:3.5rem 2.5rem 6rem}.apply-creator-container{flex-direction:column;width:100%;display:flex}.creator-bento-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem;width:100%;display:grid}.page-transition{will-change:transform, opacity;width:100%;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInSlide}.bento-form-wrapper{grid-template-columns:repeat(2,1fr);gap:1.75rem;width:100%;display:grid}.bento-tile{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-main);transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;box-sizing:border-box;padding:2.25rem}.bento-hero-tile{background:linear-gradient(135deg, var(--surface-container-lowest), var(--surface-container-low));box-sizing:border-box;grid-column:span 2;width:100%;padding:3.5rem 3rem}.bento-span-half{grid-column:span 1}.bento-span-full{grid-column:span 2}.bento-input-cell{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);box-sizing:border-box;padding:2rem}.bento-label{font-family:var(--font-label);color:var(--color-text-muted);letter-spacing:.03em;margin-bottom:.65rem;font-size:13px;font-weight:600;display:block}.bento-input,.bento-textarea{background-color:var(--color-bg-input);border:1px solid var(--color-ghost-border);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--color-text-main);outline:none;padding:.95rem 1.25rem;font-size:16px;line-height:1.5}:is(.bento-input,.bento-textarea):focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10677c1f}:is(.bento-input,.bento-textarea):disabled{opacity:.6;cursor:not-allowed}.bento-textarea{resize:vertical;min-height:110px}.socials-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;width:100%;margin-top:.75rem;display:grid}.bento-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.bento-input-wrapper .social-input-icon{color:var(--color-text-muted);transition:transform var(--transition-speed) ease, color var(--transition-speed) ease;pointer-events:none;z-index:1;font-size:19px;position:absolute;left:1.15rem}.bento-input-wrapper .social-input-icon.facebook-icon{color:#1877f2}.bento-input-wrapper .social-input-icon.instagram-icon{color:#e4405f}.bento-input-wrapper .social-input-icon.twitter-icon{color:var(--color-text-main)}.bento-input-wrapper .social-input-icon.bluesky-icon{color:#0284c7}.bento-input-wrapper .social-input-icon.youtube-icon{color:red}.bento-input-wrapper .bento-input.with-icon{padding-left:3rem}.bento-input-wrapper:focus-within .social-input-icon{transform:scale(1.1)}.bento-input.has-error,.bento-textarea.has-error,.bento-input-wrapper.has-error .bento-input{background-color:var(--color-danger-soft);border-color:var(--color-danger)!important}.bento-error-text{font-family:var(--font-sans);color:var(--color-danger);margin-top:.45rem;font-size:13px;font-weight:500;display:block}.terms-checkbox-tile.has-error{background-color:var(--color-danger-soft);border:1px solid var(--color-danger)!important}.terms-checkbox-tile{background-color:var(--surface-container-low);border-radius:var(--radius-lg);box-sizing:border-box;grid-column:span 2;align-items:flex-start;gap:12px;width:100%;padding:1.5rem 2rem;display:flex}.terms-checkbox-tile .terms-checkbox-input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.terms-checkbox-tile .terms-checkbox-text{min-width:0;color:var(--color-text-main);cursor:pointer;-webkit-user-select:none;user-select:none;word-break:break-word;flex:1;font-size:14px;line-height:1.5}.terms-checkbox-tile .terms-checkbox-text .btn-link-policy{color:var(--color-primary);font-family:var(--font-sans);text-underline-offset:3px;cursor:pointer;transition:color var(--transition-speed) ease;background:0 0;border:none;align-items:center;gap:6px;padding:0 2px;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}.terms-checkbox-tile .terms-checkbox-text .btn-link-policy:hover{color:var(--color-primary-hover)}.terms-checkbox-tile .terms-checkbox-text .btn-link-policy svg{flex-shrink:0;font-size:15px}.bento-actions-tile{justify-content:flex-end;gap:1.25rem;width:100%;padding:1.5rem 0 0;display:flex}.bento-btn-primary{background-color:var(--color-primary-container);color:var(--color-on-primary);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-speed) ease, opacity var(--transition-speed) ease;border:none;justify-content:center;align-items:center;gap:8px;padding:.95rem 2.5rem;font-size:15px;font-weight:600;display:inline-flex}.bento-btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.bento-btn-primary:disabled,.bento-btn-primary.btn-disabled{opacity:.6;background-color:var(--surface-container-high,#ccc)!important;color:var(--color-text-muted,#666)!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}.bento-btn-secondary{background-color:var(--surface-container-high);color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.95rem 2rem;font-size:15px;font-weight:600;display:inline-flex}.bento-btn-secondary:disabled{opacity:.65;cursor:not-allowed}.policy-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;box-sizing:border-box;background-color:#1214168c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:fixed;inset:0}.policy-modal-container{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);width:100%;max-width:800px;max-height:85vh;box-shadow:var(--shadow-modal,0 20px 40px #00000040);border:1px solid var(--color-ghost-border);box-sizing:border-box;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalSlideUp;display:flex;overflow:hidden}.policy-modal-header{background-color:var(--surface-container-lowest);border-bottom:1px solid var(--color-ghost-border);justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 2.25rem 1.5rem;display:flex}.policy-modal-header .policy-header-brand{flex-direction:column;gap:.35rem;display:flex}.policy-modal-header .policy-header-brand .policy-badge{font-family:var(--font-label);color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.policy-modal-header .policy-header-brand h3{font-family:var(--font-serif);color:var(--color-text-main);overflow-wrap:break-word;word-break:break-word;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.policy-close-btn{background-color:var(--surface-container-low);color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease, transform var(--transition-speed) ease;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.policy-close-btn:hover{background-color:var(--surface-container);color:var(--color-text-main);transform:rotate(90deg)}.policy-modal-body{background-color:var(--surface-container-lowest);flex:1;padding:2rem 2.25rem;overflow-y:auto}.policy-modal-body::-webkit-scrollbar{width:6px}.policy-modal-body::-webkit-scrollbar-track{background:0 0}.policy-modal-body::-webkit-scrollbar-thumb{background-color:var(--surface-container-high);border-radius:var(--radius-full)}.policy-modal-body .policy-text-content{font-family:var(--font-sans);white-space:pre-wrap;color:var(--color-text-main);overflow-wrap:break-word;word-break:break-word;font-size:1rem;line-height:1.8}.policy-loading-state{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:4rem 1rem;font-size:.95rem;display:flex}.policy-loading-state .policy-spinner{border:3px solid var(--surface-container-high);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite policySpin}.policy-modal-footer{background-color:var(--surface-container-low);border-top:1px solid var(--color-ghost-border);justify-content:flex-end;align-items:center;gap:1rem;padding:1.25rem 2.25rem;display:flex}.policy-modal-footer .policy-submit-btn{border-radius:var(--radius-full);box-shadow:var(--shadow-main);padding:.85rem 2.5rem;font-size:.95rem}.policy-modal-footer .policy-submit-btn:hover{box-shadow:0 6px 20px #10677c47}@keyframes policySpin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=640px){.apply-creator-page{padding:1.25rem .85rem 3.5rem}.creator-bento-grid,.bento-form-wrapper,.socials-grid{gap:1rem;grid-template-columns:1fr!important}.bento-span-half,.bento-span-full{grid-column:span 1!important}.bento-actions-tile{flex-direction:column-reverse;width:100%}.bento-actions-tile .bento-btn-primary,.bento-actions-tile .bento-btn-secondary{width:100%;min-height:50px}.policy-modal-overlay{padding:1rem}.policy-modal-container{max-height:90vh}.policy-modal-header{padding:1.25rem 1.5rem}.policy-modal-header .policy-header-brand h3{font-size:1.25rem}.policy-modal-body{padding:1.25rem 1.5rem}.policy-modal-body .policy-text-content{font-size:.925rem;line-height:1.7}.policy-modal-footer{flex-direction:column;padding:1.25rem 1.5rem}.policy-modal-footer .policy-submit-btn{width:100%;min-height:48px}.terms-checkbox-tile{padding:1.25rem;grid-column:span 1!important}}.quota-info-tile{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-main);flex-direction:column;margin-bottom:1.5rem;padding:1.25rem 2.25rem;display:flex}.quota-info-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.quota-badge-group{font-family:var(--font-sans);color:var(--color-text-main);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.quota-icon{color:var(--color-primary);font-size:1.1rem}.quota-counter{color:var(--color-text-main);font-size:1.15rem}.quota-counter strong{font-size:1.35rem}.quota-lock-msg{margin-top:.5rem;font-size:.875rem}.home-beta{background-color:var(--color-bg-page);min-height:100vh;color:var(--color-text-main);flex-direction:column;display:flex}.home-beta__main{flex-direction:column;flex:auto;align-items:center;width:100%;display:flex}.home-beta__section{width:100%;max-width:1600px;margin-inline:auto;padding-inline:1rem}@media (width>=768px){.home-beta__section{padding-inline:2rem}}.beta-banner{background-color:var(--color-primary,#26393b);width:100%;color:var(--color-on-primary,#fff);text-align:center;padding:.5rem 1rem;font-size:.75rem}.beta-banner a{color:inherit;text-underline-offset:2px;font-weight:600;text-decoration:underline}@media (width>=768px){.beta-banner{font-size:.875rem}}.hero{padding-block:2rem}@media (width>=768px){.hero{padding-block:4rem}}.hero__frame{border-radius:var(--radius-xl,2rem);border:1px solid var(--color-ghost-border,#00000014);background:linear-gradient(135deg,#faf7f1 0%,#f2eee1 40%,#e9efe9 70%,#dfe9e2 100%);align-items:stretch;width:100%;min-height:280px;display:flex;position:relative}@media (width>=768px){.hero__frame{min-height:360px}}.hero__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:2.5rem 1.5rem;display:flex}@media (width>=768px){.hero__content{padding:3rem 2rem}}.hero__eyebrow{background-color:var(--surface-container-low,#26393b0d);border:1px solid var(--color-ghost-border,#26393b26);width:fit-content;color:var(--color-primary,#26393b);border-radius:var(--radius-full,9999px);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.375rem 1rem;font-size:.6875rem;font-weight:700;display:inline-flex}.hero__title{font-family:var(--font-serif);color:var(--color-text-main,#1f1a12);text-wrap:balance;max-width:40rem;margin-bottom:1rem;font-size:2rem;font-weight:700;line-height:1.25}@media (width>=768px){.hero__title{font-size:3rem}}.hero__desc{color:var(--color-text-muted,#5c5548);max-width:32rem;margin-bottom:2rem;font-size:1rem;line-height:1.7}.hero__cta{border-radius:var(--radius-full,9999px);background-color:var(--color-primary,#26393b);min-height:46px;color:var(--color-on-primary,#fff);justify-content:center;align-items:center;padding:.75rem 2.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.2,0,0,1);display:inline-flex;box-shadow:0 4px 14px #26393b2e}.hero__cta:hover{background-color:var(--color-primary-hover,#1b292b);transform:translateY(-2px);box-shadow:0 6px 20px #26393b40}.hero__cta:active{transform:translateY(0)scale(.98)}.hero__cta:focus-visible{outline:2px solid var(--color-primary,#26393b);outline-offset:2px}[data-theme=dark] .hero__frame{background:linear-gradient(135deg, var(--surface-container-low) 0%, var(--surface-container) 55%, var(--surface-container-high) 100%);border-color:var(--color-ghost-border,#ffffff1a)}.hero-banner-container{aspect-ratio:16/9;background-color:var(--surface-container-low);border-radius:var(--radius-xl);background-image:url(/images/hero-banner.png);background-position:50%;background-size:cover;width:100%;position:relative;overflow:hidden}.hero-character-img{object-fit:contain;width:100%;height:100%}.products-section{padding-block:2.5rem}.products-section__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.products-section__title{font-family:var(--font-serif);color:var(--color-primary,#26393b);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.products-section__subtitle{color:var(--color-secondary,#5c5548);font-size:.875rem}.products-section__link{color:var(--color-primary,#26393b);text-underline-offset:4px;font-size:.875rem;font-weight:600;text-decoration:underline}.products-section__link:hover{opacity:.8}.shop-home-beta .category-selector{background-color:var(--surface-container-low,#00000008);border-radius:var(--radius-full,9999px);border:1px solid var(--color-ghost-border,#0000000f);flex-wrap:wrap;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.5rem;padding:.375rem;display:flex}@media (width<=640px){.shop-home-beta .category-selector{scrollbar-width:none;flex-wrap:nowrap;width:100%;padding:.25rem;overflow-x:auto}.shop-home-beta .category-selector::-webkit-scrollbar{display:none}}.shop-home-beta .category-selector button{border-radius:var(--radius-full,9999px);color:var(--color-text-muted,#5c5548);white-space:nowrap;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.2,0,0,1);display:inline-flex}.shop-home-beta .category-selector button:hover{background-color:var(--surface-container-high,#0000000d);color:var(--color-text-main,#1f1a12)}.shop-home-beta .category-selector button.active{background-color:var(--color-primary,#26393b);color:var(--color-on-primary,#fff);font-weight:600;box-shadow:0 2px 10px #26393b26}.shop-home-beta .category-selector button:active{transform:scale(.96)}.shop-home-beta .product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;width:100%;display:grid}@media (width<=1024px){.shop-home-beta .product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}}.shop-home-beta .product-card{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,1rem);cursor:pointer;min-width:0;height:100%;box-shadow:var(--shadow-main,0 4px 12px #0000000d);border:none;flex-direction:column;transition:transform .25s cubic-bezier(.2,0,0,1),box-shadow .25s cubic-bezier(.2,0,0,1);display:flex;overflow:hidden}.shop-home-beta .product-card:hover{box-shadow:var(--shadow-floating,0 10px 24px #00000014);transform:translateY(-4px)}.shop-home-beta .product-card:hover .product-image{transform:scale(1.04)}.shop-home-beta .product-card:hover .product-name-title{color:var(--color-primary,#26393b)}.shop-home-beta .product-card:focus-visible{outline:2px solid var(--color-primary,#26393b);outline-offset:2px}.shop-home-beta .product-image-container{aspect-ratio:1;background-color:var(--surface-container-low,#f7f5f0);width:100%;position:relative;overflow:hidden}.shop-home-beta .product-image-container .product-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.shop-home-beta .product-card-badges-layer{z-index:2;pointer-events:none;flex-direction:column;gap:.375rem;display:flex;position:absolute;top:.5rem;left:.5rem;right:.5rem}.shop-home-beta .product-card-badges-layer .badges-top-row,.shop-home-beta .product-card-badges-layer .badges-bottom-row{justify-content:space-between;align-items:center;gap:.375rem;display:flex}.shop-home-beta .badge-pill{border-radius:var(--radius-full,9999px);-webkit-backdrop-filter:blur(8px);letter-spacing:.02em;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.7rem;font-weight:600;display:inline-flex}.shop-home-beta .badge-discount{background-color:var(--color-danger,#ef4444);color:var(--color-on-primary,#fff)}.shop-home-beta .badge-limit{background-color:var(--color-tertiary-container,#e2e8f0);color:var(--color-text-main,#1f1a12)}.shop-home-beta .product-info{flex-direction:column;flex:auto;gap:.75rem;min-width:0;padding:1rem;display:flex}.shop-home-beta .product-name-title{font-family:var(--font-serif);color:var(--color-text-main,#1f1a12);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;word-break:break-word;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:.95rem;font-weight:700;line-height:1.35;transition:color .2s;display:-webkit-box;overflow:hidden}.shop-home-beta .product-price-center{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:auto;display:flex}.shop-home-beta .current-price-tag{font-family:var(--font-label);color:var(--color-primary,#26393b);font-size:1.125rem;font-weight:700}.shop-home-beta .original-price-tag{font-family:var(--font-label);color:var(--color-text-muted,#8c857b);opacity:.7;font-size:.8125rem;font-weight:500;text-decoration:line-through}.shop-home-beta .product-actions{align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding:0 1rem 1rem;display:flex}.shop-home-beta .add-to-cart-btn{border-radius:var(--radius-full,9999px);background-color:var(--color-primary-container,#26393b);color:var(--color-on-primary,#fff);font-family:var(--font-label);cursor:pointer;transition:var(--transition-speed,.2s) ease;border:none;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.shop-home-beta .add-to-cart-btn:hover{background-color:var(--color-primary-hover,#1b292b);box-shadow:var(--shadow-main);transform:translateY(-1px)}.shop-home-beta .add-to-cart-btn:active{transform:translateY(0)scale(.98)}.shop-home-beta .add-to-cart-btn:focus-visible{outline:2px solid var(--color-primary,#26393b);outline-offset:2px}[data-theme=dark] .shop-home-beta .category-selector{background-color:var(--surface-container-low,#ffffff0a);border-color:var(--color-ghost-border,#ffffff14)}[data-theme=dark] .shop-home-beta .category-selector button{color:var(--color-text-muted,#a0a0a0)}[data-theme=dark] .shop-home-beta .category-selector button:hover{color:var(--color-text-main,#fff);background-color:#ffffff14}[data-theme=dark] .shop-home-beta .category-selector button.active{background-color:var(--color-primary,#26393b);color:var(--color-on-primary,#fff)}[data-theme=dark] .shop-home-beta .product-card{background-color:var(--surface-container-lowest,#ffffff08)}[data-theme=dark] .shop-home-beta .product-card:hover{box-shadow:0 10px 24px #0006}[data-theme=dark] .shop-home-beta .product-image-container{background-color:var(--surface-container-low,#ffffff05)}@media (width<=640px){.home-beta__section{padding-inline:1rem}.hero__title{font-size:1.75rem}.shop-home-beta .product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.shop-home-beta .product-card .product-info{gap:.75rem;padding:.875rem}.shop-home-beta .product-card .product-info .product-name-title{font-size:.9375rem}.shop-home-beta .product-card .product-info .current-price-tag{font-size:1.1rem}.shop-home-beta .product-card .product-info .original-price-tag{font-size:.8125rem}.shop-home-beta .product-card .product-actions{padding:0 .875rem .875rem}.shop-home-beta .product-card .product-actions .add-to-cart-btn{width:100%}}@media (prefers-reduced-motion:reduce){.hero__cta,.shop-home-beta .category-selector button,.shop-home-beta .product-card,.shop-home-beta .add-to-cart-btn{transition:none}}.hero{padding-block:1.5rem}@media (width>=768px){.hero{padding-block:2.5rem}}.hero__frame{aspect-ratio:16/7;border-radius:var(--radius-xl,2rem);background-color:var(--surface-container-low,#faf7f1);border:1px solid var(--color-ghost-border,#00000014);justify-content:center;align-items:center;width:100%;min-width:0;min-height:360px;max-height:520px;display:flex;position:relative;overflow:hidden}@media (width<=640px){.hero__frame{min-height:unset;aspect-ratio:auto;max-height:none;padding-block:1rem}}.hero__bg-img{object-fit:cover;object-position:center 20%;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero__overlay{z-index:1;-webkit-backdrop-filter:blur(1px);background:linear-gradient(#fffdf859 0%,#faf7f18c 100%);position:absolute;inset:0}.hero__content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:2.5rem 1.5rem;display:flex;position:relative}@media (width<=640px){.hero__content{padding:1.5rem 1rem}}@media (width<=360px){.hero__content{padding:1.25rem .75rem}}.hero__eyebrow{background-color:var(--surface-container-lowest,#ffffffd9);border:1px solid var(--color-ghost-border,#26393b26);width:fit-content;color:var(--color-primary,#26393b);border-radius:var(--radius-full,9999px);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.375rem;margin-bottom:1rem;padding:.375rem 1rem;font-size:.6875rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0000000a}.hero__title{font-family:var(--font-serif);color:var(--color-text-main,#1f1a12);text-wrap:balance;text-shadow:0 1px 4px #ffffffe6,0 0 12px #fffc,0 0 24px #fff9;max-width:42rem;margin-bottom:.875rem;font-size:1.875rem;font-weight:700;line-height:1.25}@media (width>=768px){.hero__title{font-size:2.75rem}}@media (width<=640px){.hero__title{margin-bottom:.625rem;font-size:1.5rem}}@media (width<=360px){.hero__title{font-size:1.35rem}}.hero__desc{color:var(--color-text-muted,#5c5548);text-shadow:0 1px 3px #ffffffe6,0 0 10px #ffffffb3;max-width:34rem;margin-bottom:1.75rem;font-size:.9375rem;line-height:1.6}@media (width>=768px){.hero__desc{font-size:1.05rem}}.hero__cta{border-radius:var(--radius-full,9999px);background-color:var(--color-primary,#26393b);min-height:46px;color:var(--color-on-primary,#fff);justify-content:center;align-items:center;padding:.75rem 2.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.2,0,0,1);display:inline-flex;box-shadow:0 4px 14px #26393b2e}.hero__cta:hover{background-color:var(--color-primary-hover,#1b292b);transform:translateY(-2px);box-shadow:0 6px 20px #26393b40}.hero__cta:active{transform:translateY(0)scale(.98)}.hero__cta:focus-visible{outline:2px solid var(--color-primary,#26393b);outline-offset:2px}[data-theme=dark] .hero__frame{background-color:var(--surface-container-low,#1e2a2b);border-color:var(--color-ghost-border,#ffffff1a)}[data-theme=dark] .hero__overlay{background:linear-gradient(#141e1fcc 0%,#141e1feb 100%)}[data-theme=dark] .hero__eyebrow{color:var(--color-text-main);background-color:#ffffff1a;border-color:#ffffff26}.contact-page-wrapper{background-color:var(--color-bg-page,#faf9f9);min-height:100vh;color:var(--color-text-main,#26393b)}.contact-container{width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 2rem 4rem}.contact-hero{text-align:center;max-width:640px;margin:0 auto 3rem}.contact-hero__eyebrow{border-radius:var(--radius-full,9999px);background-color:var(--color-primary-container,var(--color-primary,#26393b));color:var(--color-on-primary,#fff);font-family:var(--font-label);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;padding:.35rem 1.25rem;font-size:.75rem;font-weight:700;display:inline-block}.contact-hero__title{font-family:var(--font-serif);color:var(--color-text-main,#26393b);margin-bottom:.75rem;font-size:2rem;font-weight:700;line-height:1.25}@media (width>=768px){.contact-hero__title{font-size:2.5rem}}.contact-hero__desc{font-family:var(--font-sans);color:var(--color-text-muted,#5f6e72);overflow-wrap:break-word;font-size:.9375rem;line-height:1.7}.contact-layout{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=900px){.contact-layout{grid-template-columns:340px 1fr;align-items:start}}.contact-info-panel{flex-direction:column;gap:1.5rem;display:flex}.contact-info-panel__title{font-family:var(--font-serif);color:var(--color-primary,#26393b);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.contact-channel-list{flex-direction:column;gap:.875rem;display:flex}.contact-channel-card{border-radius:var(--radius-lg,1rem);background-color:var(--surface-container-lowest,#fff);border:1px solid var(--color-ghost-border,#00000014);box-shadow:var(--shadow-main,0 2px 8px #0000000a);color:inherit;min-width:0;transition:transform var(--transition-speed,.2s) ease, box-shadow var(--transition-speed,.2s) ease, border-color var(--transition-speed,.2s) ease;align-items:center;gap:1rem;padding:1.125rem;text-decoration:none;display:flex}.contact-channel-card:hover{border-color:var(--color-ghost-border,#0000002e);box-shadow:var(--shadow-floating,0 6px 16px #00000014);transform:translateY(-2px)}.contact-channel-card:focus-visible{outline:2px solid var(--color-primary,#26393b);outline-offset:2px}.contact-channel-card__icon{background-color:var(--surface-container-low,#eceef0);width:44px;height:44px;color:var(--color-primary,#26393b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.contact-channel-card__text{flex-direction:column;flex:1;min-width:0;display:flex}.contact-channel-card__label{font-family:var(--font-label);color:var(--color-text-muted,#5f6e72);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.contact-channel-card__value{font-family:var(--font-sans);color:var(--color-text-main,#26393b);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.contact-hours-card{border-radius:var(--radius-lg,1rem);background-color:var(--surface-container-lowest,#fff);border:1px solid var(--color-ghost-border,#00000014);align-items:flex-start;gap:1rem;min-width:0;padding:1.125rem;display:flex}.contact-hours-card__icon{background-color:var(--surface-container-low,#eceef0);width:44px;height:44px;color:var(--color-secondary,#5f6368);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.contact-hours-card__title{font-family:var(--font-sans);color:var(--color-text-main,#26393b);margin:0 0 .25rem;font-size:.875rem;font-weight:700}.contact-hours-card__desc{font-family:var(--font-sans);color:var(--color-text-muted,#5f6e72);overflow-wrap:break-word;margin:0;font-size:.8125rem;line-height:1.6}.contact-form-panel{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,1.5rem);border:1px solid var(--color-ghost-border,#00000014);box-shadow:var(--shadow-main,0 4px 12px #0000000d);padding:1.75rem}@media (width>=768px){.contact-form-panel{padding:2.5rem}}.contact-form{flex-direction:column;gap:1.75rem;display:flex}.contact-form__row{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (width>=560px){.contact-form__row{grid-template-columns:1fr 1fr}}.form-group{flex-direction:column;gap:.5rem;min-width:0;display:flex}.form-group label{font-family:var(--font-label);color:var(--color-text-main,#26393b);font-size:.8125rem;font-weight:600}.form-group input,.form-group textarea{border-radius:var(--radius-md,12px);border:1px solid var(--color-ghost-border,#00000059);background-color:var(--color-bg-page,#faf9f9);width:100%;color:var(--color-text-main,#26393b);font-family:var(--font-sans);padding:.75rem 1rem;font-size:16px;line-height:1.5;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-group input:focus,.form-group textarea:focus{background-color:var(--surface-container-lowest,#fff);border-color:var(--color-primary,#26393b);outline:none;box-shadow:0 0 0 3px #26393b26}.form-group input[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:var(--color-danger,#d64545);background-color:#d6454505}.form-group input[aria-invalid=true]:focus,.form-group textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px #d6454526}.form-group select{border-radius:var(--radius-md,12px);border:1px solid var(--color-ghost-border,#00000059);background-color:var(--color-bg-page,#faf9f9);width:100%;color:var(--color-text-main,#26393b);font-family:var(--font-sans);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2326393b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;padding:.75rem 2.5rem .75rem 1rem;font-size:16px;line-height:1.5}.form-group select:focus{background-color:var(--surface-container-lowest,#fff);border-color:var(--color-primary,#26393b);outline:none;box-shadow:0 0 0 3px #26393b26}.form-group textarea{resize:vertical;min-height:140px}.form-error{font-family:var(--font-sans);color:var(--color-danger,#d64545);overflow-wrap:break-word;font-size:.75rem}.contact-submit-btn{border-radius:var(--radius-full,9999px);background-color:var(--color-primary,#26393b);min-height:48px;color:var(--color-on-primary,#fff);font-family:var(--font-label);cursor:pointer;border:none;justify-content:center;align-self:flex-start;align-items:center;gap:.625rem;padding:.75rem 2.25rem;font-size:.9375rem;font-weight:600;transition:opacity .2s,transform .2s,box-shadow .2s;display:inline-flex}.contact-submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 4px 12px #26393b40}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-submit-btn:focus-visible{outline:2px solid var(--color-primary,#26393b);outline-offset:2px}.contact-form-success{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;display:flex}.contact-form-success__icon{color:var(--color-primary,#26393b);margin-bottom:.25rem;font-size:3rem}.contact-form-success h3{font-family:var(--font-serif);color:var(--color-text-main,#26393b);margin:0;font-size:1.375rem;font-weight:700}.contact-form-success p{font-family:var(--font-sans);color:var(--color-text-muted,#5f6e72);overflow-wrap:break-word;max-width:380px;margin:0;font-size:.9375rem;line-height:1.6}.contact-form-success__btn{border:1px solid var(--color-ghost-border,#0000002e);border-radius:var(--radius-full,9999px);background-color:var(--surface-container-low,#eceef0);min-height:44px;color:var(--color-primary,#26393b);font-family:var(--font-label);cursor:pointer;box-shadow:var(--shadow-sm,0 1px 3px #0000000d);justify-content:center;align-items:center;margin-top:1.25rem;padding:.75rem 2rem;font-size:.875rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex}.contact-form-success__btn:hover{background-color:var(--color-primary,#26393b);color:var(--color-on-primary,#fff);border-color:var(--color-primary,#26393b);box-shadow:var(--shadow-main,0 4px 12px #26393b33);transform:translateY(-2px)}.contact-form-success__btn:active{box-shadow:none;transform:translateY(0)}.contact-form-success__btn:focus-visible{outline:2px solid var(--color-primary,#26393b);outline-offset:2px}@media (prefers-reduced-motion:reduce){.contact-channel-card,.contact-submit-btn,.contact-form-success__btn,.form-group input,.form-group textarea,.form-group select{transition:none}.contact-channel-card:hover,.contact-submit-btn:hover:not(:disabled),.contact-form-success__btn:hover{transform:none}}@media (width<=640px){.contact-container{padding:1.5rem 1rem 3rem}.contact-hero__title{font-size:1.625rem}.contact-form-panel{padding:1.25rem}.contact-submit-btn,.contact-form-success__btn{width:100%}}.my-tickets-wrapper{background-color:var(--color-bg-page,#faf9f9);min-height:100vh;color:var(--color-text-main,#26393b);padding:2.5rem 1.5rem 4rem}.my-tickets-container{max-width:1000px;margin:0 auto}.my-tickets-header{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-xl,20px);border:1px solid var(--color-ghost-border,#00000014);box-shadow:var(--shadow-main,0 4px 12px #0000000a);align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.my-tickets-header__icon{background-color:var(--surface-container-low,#eceef0);width:52px;height:52px;color:var(--color-primary,#26393b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.my-tickets-header__text{min-width:0}.my-tickets-header__text h1{font-family:var(--font-serif);color:var(--color-text-main,#26393b);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.my-tickets-header__text p{font-family:var(--font-sans);color:var(--color-text-muted,#5f6e72);margin:0;font-size:.875rem}.my-tickets-list{flex-direction:column;gap:1rem;display:flex}.ticket-horizontal-card{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-lg,16px);border:1px solid var(--color-ghost-border,#00000014);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.ticket-horizontal-card:hover{border-color:var(--color-ghost-border,#0000002e);box-shadow:var(--shadow-floating,0 6px 16px #00000014);transform:translateY(-2px)}.ticket-horizontal-card__left{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:.375rem;min-width:140px;display:flex}.ticket-horizontal-card__id{font-family:var(--font-label);color:var(--color-text-muted,#5f6e72);font-size:.8125rem;font-weight:700}.ticket-horizontal-card__center{flex:1;min-width:0}.ticket-horizontal-card__subject{font-family:var(--font-sans);color:var(--color-text-main,#26393b);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .25rem;font-size:.9375rem;font-weight:700;overflow:hidden}.ticket-horizontal-card__preview{font-family:var(--font-sans);color:var(--color-text-muted,#5f6e72);text-overflow:ellipsis;white-space:nowrap;overflow-wrap:break-word;margin:0;font-size:.84375rem;overflow:hidden}.ticket-horizontal-card__right{flex-shrink:0;align-items:center;gap:1.25rem;display:flex}.ticket-horizontal-card__date{font-family:var(--font-sans);color:var(--color-text-muted,#5f6e72);white-space:nowrap;font-size:.8125rem}.ticket-horizontal-card__btn{border-radius:var(--radius-full,9999px);border:1px solid var(--color-ghost-border,#0000002e);background-color:var(--surface-container-low,#eceef0);min-height:38px;color:var(--color-primary,#26393b);font-family:var(--font-label);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.ticket-horizontal-card__btn:hover{background-color:var(--color-primary,#26393b);color:var(--color-on-primary,#fff);border-color:var(--color-primary,#26393b);transform:translateY(-1px)}.ticket-horizontal-card__btn:focus-visible{outline:2px solid var(--color-primary,#26393b);outline-offset:2px}.status-pill{border-radius:var(--radius-full,9999px);font-family:var(--font-label);letter-spacing:.02em;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-pill--pending{color:#92400e;background-color:#fef3c7;border:1px solid #f59e0b33}.status-pill--in-progress{color:#0369a1;background-color:#e0f2fe;border:1px solid #0ea5e933}.status-pill--resolved{color:#065f46;background-color:#d1fae5;border:1px solid #10b98133}.status-pill--closed{color:#4b5563;background-color:#f3f4f6;border:1px solid #6b728033}.my-tickets-empty{text-align:center;background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-xl,20px);border:1px solid var(--color-ghost-border,#00000014);padding:4rem 1.5rem}.my-tickets-empty__icon{color:var(--color-text-muted,#5f6e72);opacity:.5;margin-bottom:1rem;font-size:3rem}.my-tickets-empty h3{font-family:var(--font-serif);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.my-tickets-empty p{font-family:var(--font-sans);color:var(--color-text-muted,#5f6e72);margin:0;font-size:.875rem}.ticket-portal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background-color:#121c1da6;justify-content:center;align-items:center;padding:2rem 1.5rem;animation:.2s ease-out portalFadeIn;display:flex;position:fixed;inset:0}.ticket-portal-document{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-xl,20px);border:1px solid var(--color-ghost-border,#0000001f);flex-direction:column;width:100%;max-width:760px;max-height:88vh;animation:.25s cubic-bezier(.16,1,.3,1) portalDocSlide;display:flex;overflow:hidden;box-shadow:0 24px 48px #0003}@keyframes portalDocSlide{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ticket-portal-doc-header{background-color:var(--surface-container-low,#eceef0);border-bottom:1px solid var(--color-ghost-border,#00000014);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.ticket-portal-doc-header__title{align-items:center;gap:1rem;min-width:0;display:flex}.ticket-portal-doc-header__title h2{font-family:var(--font-serif);color:var(--color-text-main,#26393b);margin:0;font-size:1.25rem;font-weight:700}.ticket-portal-doc-header__icon{color:var(--color-primary,#26393b);flex-shrink:0;font-size:1.5rem}.ticket-portal-doc-header__sub{font-family:var(--font-sans);color:var(--color-text-muted,#5f6e72);margin:.125rem 0 0;font-size:.8125rem}.ticket-portal-close-btn{background:var(--surface-container-lowest,#fff);cursor:pointer;width:36px;height:36px;color:var(--color-text-muted,#5f6e72);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.ticket-portal-close-btn:hover{background-color:var(--color-primary,#26393b);color:var(--color-on-primary,#fff)}.ticket-portal-close-btn:focus-visible{outline:2px solid var(--color-primary,#26393b);outline-offset:2px}.ticket-portal-meta-bar{background-color:var(--surface-container-lowest,#fff);border-bottom:1px solid var(--color-ghost-border,#00000014);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.ticket-portal-meta-item{font-family:var(--font-sans);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.ticket-portal-meta-item__label{color:var(--color-text-muted,#5f6e72)}.ticket-portal-meta-item__value{color:var(--color-text-main,#26393b);font-weight:700}.ticket-portal-doc-body{flex-direction:column;flex:1;gap:1.75rem;padding:2rem;display:flex;overflow-y:auto}.ticket-portal-section{flex-direction:column;gap:.625rem;display:flex}.ticket-portal-section__heading{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#5f6e72);font-size:.8125rem;font-weight:700}.ticket-portal-box{border-radius:var(--radius-md,12px);font-family:var(--font-sans);white-space:pre-wrap;overflow-wrap:break-word;padding:1.25rem 1.5rem;font-size:.9375rem;line-height:1.65}.ticket-portal-box--user{background-color:var(--color-bg-page,#faf9f9);border:1px solid var(--color-ghost-border,#00000014);color:var(--color-text-main,#26393b)}.ticket-portal-box--reply{background-color:var(--surface-container-low,#eceef0);border:1px solid var(--color-ghost-border,#00000014);color:var(--color-text-main,#26393b)}.ticket-portal-no-reply{background-color:var(--color-bg-page,#faf9f9);border-radius:var(--radius-md,12px);border:1px dashed var(--color-ghost-border,#0000002e);font-family:var(--font-sans);color:var(--color-text-muted,#5f6e72);margin:0;padding:1.25rem 1.5rem;font-size:.875rem;font-style:italic}.ticket-portal-doc-footer{border-top:1px solid var(--color-ghost-border,#00000014);background-color:var(--surface-container-lowest,#fff);justify-content:flex-end;padding:1.25rem 2rem;display:flex}.ticket-portal-action-btn{border-radius:var(--radius-full,9999px);background-color:var(--color-primary,#26393b);color:var(--color-on-primary,#fff);font-family:var(--font-label);cursor:pointer;border:none;padding:.625rem 2rem;font-size:.875rem;font-weight:600;transition:all .2s}.ticket-portal-action-btn:hover{opacity:.92;transform:translateY(-1px)}.ticket-portal-action-btn:focus-visible{outline:2px solid var(--color-primary,#26393b);outline-offset:2px}@media (width<=640px){.my-tickets-wrapper{padding:1.5rem 1rem 3rem}.my-tickets-header{padding:1.25rem}.ticket-horizontal-card{flex-direction:column;align-items:stretch;gap:1rem}.ticket-horizontal-card__left{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.ticket-horizontal-card__right{border-top:1px solid var(--color-ghost-border,#00000014);justify-content:space-between;width:100%;padding-top:.75rem}.ticket-horizontal-card__btn{flex:1}.ticket-portal-overlay{padding:1rem}.ticket-portal-doc-header{padding:1rem 1.25rem}.ticket-portal-meta-bar{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.875rem 1.25rem}.ticket-portal-doc-body{gap:1.25rem;padding:1.25rem}.ticket-portal-doc-footer{padding:1rem 1.25rem}.ticket-portal-action-btn{width:100%}}.mock-email-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background-color:#1114168c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;animation:.2s ease-out forwards mockEmailFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.mock-email-card{background-color:var(--surface-container-lowest,#fff);border-radius:var(--radius-xl,20px);width:100%;max-width:560px;max-height:85vh;box-shadow:var(--shadow-modal,0 20px 40px #00000040);outline:2px solid #f59e0b;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) forwards mockEmailSlideUp;display:flex;overflow:hidden}.mock-email-banner{color:#1a1400;letter-spacing:.02em;background-color:#f59e0b;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;display:flex}.mock-email-header{border-bottom:1px solid var(--color-ghost-border,#e6e8ea);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem 1rem;display:flex}.mock-email-title-group{align-items:flex-start;gap:12px;display:flex}.mock-email-title-group .mock-email-icon{color:#f59e0b;margin-top:2px;font-size:20px}.mock-email-title-group h3{color:var(--color-text-main,#191c1e);margin:0 0 6px;font-size:16px}.mock-email-meta{color:var(--color-text-muted,#70787d);margin:2px 0;font-size:12px}.mock-email-close-btn{background:var(--surface-container-low,#f2f4f6);width:30px;height:30px;color:var(--color-text-muted,#70787d);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mock-email-close-btn:hover{background-color:var(--surface-container-high,#e6e8ea);color:var(--color-text-main,#191c1e)}.mock-email-body{flex:1;padding:1rem 1.5rem;overflow-y:auto}.mock-email-html-preview{color:var(--color-text-main,#191c1e);font-size:13px}.mock-email-text-preview{white-space:pre-wrap;color:var(--color-text-main,#191c1e);font-size:13px;font-family:var(--font-sans,inherit)}.mock-email-footer{border-top:1px solid var(--color-ghost-border,#e6e8ea);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.mock-email-queue-count{color:var(--color-text-muted,#70787d);font-size:12px}.mock-email-close-full-btn{color:#1a1400;cursor:pointer;background-color:#f59e0b;border:none;border-radius:999px;margin-left:auto;padding:.6rem 1.25rem;font-weight:700}.mock-email-close-full-btn:hover{opacity:.9}@keyframes mockEmailFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mockEmailSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.mock-email-card{max-height:90vh}.mock-email-footer{flex-direction:column-reverse;align-items:stretch}.mock-email-close-full-btn{width:100%}}.snackbar-card{box-sizing:border-box;background-color:var(--color-bg-card,#fff);z-index:100000;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:360px;max-width:calc(100vw - 32px);min-height:80px;padding:12px 16px;animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards snackbarSlideIn;display:flex;position:fixed;top:24px;right:24px;overflow:hidden;box-shadow:0 10px 25px #0000001f}@keyframes snackbarSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.snackbar-wave{pointer-events:none;width:85px;position:absolute;top:32px;left:-32px;transform:rotate(90deg)}.snackbar-icon-container{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;margin-left:4px;display:flex}.snackbar-icon{width:20px;height:20px}.snackbar-text-container{z-index:1;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;display:flex;overflow:hidden}.snackbar-title{margin:0;font-size:15px;font-weight:700;line-height:1.2}.snackbar-message{color:var(--color-text-main,#0f172a);word-break:break-word;margin:2px 0 0;font-size:13px}.snackbar-subtext{color:var(--color-text-muted,#64748b);margin:2px 0 0;font-size:11px}.snackbar-cross-btn{cursor:pointer;z-index:1;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.snackbar-cross-btn:hover{background-color:var(--color-border,#0000000d)}.cross-icon{width:16px;height:16px;color:var(--color-text-muted,#64748b)}.snackbar-success .snackbar-wave{fill:#269b2438}.snackbar-success .snackbar-icon-container{background-color:#269b2426}.snackbar-success .snackbar-icon,.snackbar-success .snackbar-title{color:#269b24}.snackbar-error .snackbar-wave{fill:#ef444438}.snackbar-error .snackbar-icon-container{background-color:#ef444426}.snackbar-error .snackbar-icon,.snackbar-error .snackbar-title{color:#ef4444}.snackbar-warning .snackbar-wave{fill:#f59e0b38}.snackbar-warning .snackbar-icon-container{background-color:#f59e0b26}.snackbar-warning .snackbar-icon,.snackbar-warning .snackbar-title{color:#f59e0b}.snackbar-info .snackbar-wave{fill:#3b82f638}.snackbar-info .snackbar-icon-container{background-color:#3b82f626}.snackbar-info .snackbar-icon,.snackbar-info .snackbar-title{color:var(--color-primary,#3b82f6)}@media (width<=480px){.snackbar-card{width:auto;top:16px;left:16px;right:16px}}