.app-shell{height:100vh;display:flex;overflow:hidden}.app-main{background:var(--c-bg);flex-direction:column;flex:1;min-width:0;display:flex}.app-content{box-sizing:border-box;flex:1;width:100%;min-height:0;padding:3rem;overflow-y:auto}.sidebar{width:248px;height:100vh;color:var(--c-text-secondary);background:#fff;border-right:1px solid #e4edf3;flex-shrink:0;transition:width .2s;overflow:visible}.sidebar.is-collapsed{width:60px}.sidebar-inner{flex-direction:column;height:100%;display:flex}.sidebar-logo{flex-shrink:0;align-items:center;gap:1.2rem;height:5.6rem;padding:0 1.6rem;display:flex}.sidebar-logo.is-collapsed{justify-content:center;padding:0}.sidebar-logo__toggle{border-radius:var(--l-border-radius);width:3.6rem;height:3.6rem;color:var(--c-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:color .15s,background .15s;display:flex}.sidebar-logo__toggle:hover,.sidebar-logo__toggle:focus-visible{color:var(--l-primary-color);background:var(--l-primary-color-light5);outline:none}.sidebar-logo.is-collapsed .sidebar-logo__toggle{margin-left:0}.sidebar-logo__icon{color:#fff;background:#f2fbff;border-radius:1.2rem;flex-shrink:0;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;display:flex}.sidebar-logo__icon img{object-fit:cover;border-radius:1.2rem;width:100%;height:100%}.sidebar-nav{flex:1;padding:.8rem 1.2rem;overflow-y:auto}.sidebar-section{margin-bottom:2.4rem}.sidebar-link{color:#657688;border-radius:0;align-items:center;gap:.8rem;padding:1rem 1.2rem;font-size:1.4rem;font-weight:500;transition:all .15s;display:flex}.sidebar-link:hover{color:#183b4d;background:#f1f8fb}.sidebar-link.is-active{color:#078c94;background:linear-gradient(90deg,#e7fbf8,#effbff);box-shadow:inset 3px 0 #2dd4bf}.sidebar-link.is-collapsed{justify-content:center;padding:1rem .8rem}.sidebar-footer{border-top:1px solid #e4edf3;flex-shrink:0;padding:.5rem .8rem;position:relative}.sidebar-user{box-sizing:border-box;border-radius:var(--l-border-radius);width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.8rem;padding:.3rem .8rem;display:flex}.sidebar-user.is-collapsed{justify-content:center;padding:.3rem}.sidebar-user:hover,.sidebar-user:focus-visible{background:var(--l-primary-color-light5);outline:none}.sidebar-user__avatar{color:#078c94;background:#e5faf7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.8rem;height:3.8rem;font-size:1.2rem;font-weight:700;display:flex}.sidebar-user__name{text-overflow:ellipsis;white-space:nowrap;color:#274052;flex:1;font-size:1.4rem;font-weight:500;overflow:hidden}.sidebar-user__chevron{color:#8ca0ae;margin-left:auto;transition:transform .15s}.sidebar-user--guest{color:#657688}.sidebar-account{position:relative}.sidebar-user-menu{z-index:10;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-bg-card);visibility:hidden;opacity:0;transform-origin:bottom;pointer-events:none;padding:.6rem;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + .6rem);left:0;right:0;transform:translateY(.4rem)scale(.98);box-shadow:0 1.2rem 3.2rem #204d601f,0 .2rem .8rem #204d600f}.sidebar-user-menu:after{content:"";height:.6rem;position:absolute;bottom:-.6rem;left:0;right:0}.sidebar-user-menu button{border-radius:var(--l-border-radius);width:100%;color:var(--c-text-secondary);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:.8rem;padding:.9rem 1rem;font-size:1.3rem;font-weight:500;transition:color .15s,background .15s;display:flex}.sidebar-user-menu button svg{color:var(--c-text-muted);transition:color .15s}.sidebar-user-menu button:hover,.sidebar-user-menu button:focus-visible{color:var(--l-primary-color);background:var(--l-primary-color-light5);outline:none}.sidebar-user-menu button:hover svg,.sidebar-user-menu button:focus-visible svg{color:var(--l-primary-color-light1)}.sidebar-account:hover .sidebar-user-menu,.sidebar-account:focus-within .sidebar-user-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.sidebar-account:hover .sidebar-user__chevron,.sidebar-account:focus-within .sidebar-user__chevron{transform:rotate(180deg)}.sidebar-account.is-collapsed .sidebar-user-menu{transform-origin:0 100%;width:13rem;bottom:0;left:calc(100% - .2rem);right:auto}.sidebar-overlay{z-index:40;background:#0006;position:fixed;inset:0}.sidebar-drawer{width:260px;color:var(--c-text-secondary);box-shadow:var(--shadow-xl);z-index:50;background:#fff;border-right:1px solid #e4edf3;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-drawer.is-open{transform:translate(0)}.sidebar-drawer__close{border-radius:var(--radius-sm);cursor:pointer;color:#7b8b9a;background:0 0;border:none;padding:.6rem;position:absolute;top:1.6rem;right:1.2rem}.sidebar-drawer__close:hover{background:#f1f8fb}.app-header{border-bottom:1px solid var(--c-border-light);background:var(--c-bg-card);flex-shrink:0;align-items:center;gap:1.2rem;height:5.6rem;padding:0 2rem;display:flex}.header-toggle{border-radius:var(--radius-sm);cursor:pointer;color:var(--c-text-secondary);background:0 0;border:none;margin-left:-.8rem;padding:.8rem}.header-toggle:hover{background:var(--c-bg-hover)}.header-title{color:var(--c-text);margin:0;font-size:1.6rem;font-weight:600}@media (width<=768px){.app-content{padding:1.6rem}.app-header{padding:0 1.6rem}}:root{--l-form-control-height:32px;--l-disabled-color:#e6e6e6;--l-primary-color:#007bff;--l-primary-color-light1:#39f;--l-primary-color-light2:#66b3ff;--l-primary-color-light3:#9cf;--l-primary-color-light4:#cce6ff;--l-primary-color-light5:#e6f2ff;--l-primary-color-dark1:#06c;--l-primary-color-dark2:#004c99;--l-error-color:#f5222d;--l-error-color-light3:#ffa39e;--l-error-color-light5:#fff1f0;--l-success-color:#52c41a;--l-success-color-light1:#73d13d;--l-success-color-light2:#95de64;--l-success-color-light3:#b7eb8f;--l-success-color-light4:#d9f7be;--l-success-color-light5:#f6ffed;--l-success-color-dark1:#389e0d;--l-warn-color:#f90;--l-info-color:#999;--l-info-color-light9:#f5f5f5;--l-border-color:#dedede;--l-border-radius:3px}html{font-size:62.5%}html,body{height:100%}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-size:14px;line-height:1.6}img{vertical-align:top}ul,ol{margin:0;padding:0;list-style:none}dialog{opacity:0;border:none;outline:none;padding:0;transition:opacity 3s}dialog[open]{opacity:1}div{box-sizing:border-box}a{color:#4998f6;cursor:pointer;text-decoration:none;transition:color .3s}a:hover{color:#5ba2f7}a:active{color:#64a7f7}p{color:#333;margin:5px 0;font-size:16px;line-height:1.4}.l-message{color:var(--l-primary-color,#722ed1);z-index:500;background:#f0faff;border:1px solid #d4eeff;border-radius:5px;align-items:center;padding:10px;font-size:14px;transition:opacity .3s,transform .3s,top .3s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.l-message .l-message-icon{margin-right:5px}.l-message.l-message-success{color:var(--l-success-color,#52c41a);background:#edfff3;border-color:#bbf2cf}.l-message.l-message-error{color:var(--l-error-color,#f5222d);background:#ffefe6;border-color:#ffcfb8}.l-message.l-message-warn{color:var(--l-warn-color,#f90);background:#fff9e6;border-color:#ffe7a3}.l-message-container{align-items:center;display:flex}.l-message-fade-enter-from,.l-message-fade-leave-to{opacity:0;transform:translate(-50%,-100%)}@media screen and (width<=768px){.l-message{width:90%}}:root{--l-form-control-height:40px;--l-border-radius:10px;--l-primary-color:#0891b2;--l-primary-color-light1:#2da2be;--l-primary-color-light2:#52b0c9;--l-primary-color-light3:#84c8d9;--l-primary-color-light4:#c1e4ec;--l-primary-color-light5:#ebf6f9;--l-primary-color-dark1:#077b97;--l-primary-color-dark2:#066880;--c-success:#10b981;--c-success-bg:#ecfdf5;--c-warning:#f59e0b;--c-warning-bg:#fffbeb;--c-danger:#ef4444;--c-danger-bg:#fef2f2;--c-text:#1e1f2e;--c-text-secondary:#6b7085;--c-text-muted:#9ca0ae;--c-bg:#f3f6fa;--c-bg-card:#fff;--c-bg-hover:#f0f0f6;--c-border:#e5e5ee;--c-border-light:#eeeef5;--radius-sm:.96rem;--radius:1.6rem;--radius-lg:2.24rem;--radius-xl:3.2rem;--shadow-sm:0 1px 2px #0000000a;--shadow:0 2px 8px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 16px 48px #0000001a}.link{color:var(--l-primary-color);margin:0 .2rem}.link:hover{text-decoration:underline}.auth-page{background:var(--c-bg);justify-content:center;align-items:center;min-height:100vh;padding:1.6rem;display:flex;position:relative;overflow:hidden}.auth-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-bg__orb{border-radius:50%;position:absolute}.auth-bg__orb--1{opacity:.5;background:radial-gradient(circle, var(--l-primary-color-light3) 0%, transparent 70%);width:700px;height:700px;animation:20s ease-in-out infinite auth-float;top:-300px;right:-200px}.auth-bg__orb--2{opacity:.6;background:radial-gradient(circle, var(--l-primary-color-light4) 0%, transparent 70%);width:600px;height:600px;animation:25s ease-in-out infinite reverse auth-float;bottom:-200px;left:-150px}.auth-bg__orb--3{opacity:.35;background:radial-gradient(circle, var(--l-primary-color-light2) 0%, transparent 70%);width:400px;height:400px;animation:18s ease-in-out infinite auth-pulse;top:40%;left:50%}.auth-bg__dots{opacity:.06;width:100%;height:100%;position:absolute;inset:0}@keyframes auth-float{0%,to{transform:translate(0)}33%{transform:translate(-40px,50px)}66%{transform:translate(30px,-40px)}}@keyframes auth-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.2)}}.auth-container{z-index:10;width:100%;max-width:440px;position:relative}.auth-brand{text-align:center;margin-bottom:3.2rem}.auth-brand__icon{width:5.6rem;height:5.6rem;box-shadow:var(--shadow-lg);background:#f2fbff;border-radius:1.6rem;justify-content:center;align-items:center;margin-bottom:.5rem;display:inline-flex}.auth-brand__icon img{object-fit:cover;border-radius:1.6rem;width:100%;height:100%}.auth-brand__name{color:var(--c-text);margin:0;font-size:2rem;font-weight:700}.auth-brand__tagline{color:var(--c-text-muted);margin:0;font-size:1.4rem}.auth-card{-webkit-backdrop-filter:blur(24px);border:1px solid var(--c-border-light);background:#fffc;border-radius:1.6rem;padding:3.2rem;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.auth-card__header{margin-bottom:2rem}.auth-card__title{color:var(--c-text);margin:0;font-size:1.8rem;font-weight:700}.auth-card__subtitle{color:var(--c-text-muted);margin:.4rem 0 0;font-size:1.4rem}.auth-form{flex-direction:column;gap:1.6rem;display:flex}.auth-field__label{text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-secondary);margin-bottom:.8rem;font-size:1.2rem;font-weight:600;display:block}.auth-code-row{align-items:flex-start;gap:1.2rem;width:100%;display:flex}.auth-code-row__input{flex:1}.auth-code-row__btn{flex-shrink:0}.auth-agreement{color:var(--c-text-muted);margin:0;font-size:1.2rem;line-height:1.6}.auth-submit{--l-form-control-height:4.4rem;--l-btn-border-radius:1.2rem;width:100%;display:block}.auth-footer{justify-content:space-between;align-items:center;font-size:1.2rem;display:flex}.auth-footer__text{color:var(--c-text-muted)}.auth-link-btn{color:var(--l-primary-color);cursor:pointer;background:0 0;border:none;margin-left:.4rem;font-size:1.4rem;font-weight:600}.auth-link-btn:hover{text-decoration:underline}.auth-link-btn--muted{color:var(--c-text-muted);margin-left:0;font-weight:400}.auth-link-btn--muted:hover{color:var(--c-text)}.btn{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:.8rem;font-family:inherit;font-weight:500;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.6rem;height:1.6rem;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--primary{background:var(--l-primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--l-primary-color-dark1)}.btn--primary:active{background:var(--l-primary-color-dark2)}.btn--secondary{background:var(--l-primary-color-light5);color:var(--l-primary-color-dark1)}.btn--secondary:hover{opacity:.8}.btn--outline{border:1px solid var(--c-border);color:var(--c-text);background:#fff}.btn--outline:hover{background:var(--c-bg-hover)}.btn--ghost{color:var(--c-text-secondary);background:0 0}.btn--ghost:hover{background:var(--c-bg-hover);color:var(--c-text)}.btn--danger{background:var(--c-danger);color:#fff}.btn--danger:hover{opacity:.9}.btn--sm{border-radius:var(--radius-sm);height:3.2rem;padding:0 1.2rem;font-size:1.2rem}.btn--md{border-radius:var(--radius);height:4rem;padding:0 1.6rem;font-size:1.4rem}.btn--lg{border-radius:var(--radius);height:4.8rem;padding:0 2.4rem;font-size:1.6rem}.badge{border-radius:9999px;align-items:center;padding:.2rem 1rem;font-size:1.2rem;font-weight:500;display:inline-flex}.badge--default{background:var(--l-primary-color-light5);color:var(--l-primary-color-dark1)}.badge--success{background:var(--c-success-bg);color:var(--c-success)}.badge--warning{background:var(--c-warning-bg);color:var(--c-warning)}.badge--danger{background:var(--c-danger-bg);color:var(--c-danger)}.badge--muted{background:var(--c-bg-hover);color:var(--c-text-muted)}.home-hero{color:#173044;background:radial-gradient(circle at 78% 20%,#38bdf82e,#0000 30%),linear-gradient(125deg,#f8fffe 10%,#e8faf8 55%,#eef9ff 100%);border:1px solid #d8eff1;border-radius:2.4rem;grid-template-columns:1.25fr .75fr;min-height:29rem;margin-bottom:2rem;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 45px #31798517}.home-hero:after{content:"";border:1px solid #14b8a61f;border-radius:50%;width:28rem;height:28rem;position:absolute;bottom:-15rem;right:-6rem}.home-hero__content{z-index:1;padding:3rem 3.2rem;position:relative}.home-hero__eyebrow{letter-spacing:.12em;color:#0f9f96;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:700;display:inline-flex}.home-hero h1{letter-spacing:-.04em;margin:1rem 0 .8rem;font-size:clamp(2.6rem,3vw,4rem)}.home-hero p{color:#617789;max-width:56rem;margin:0;font-size:1.5rem;line-height:1.7}.home-hero__actions{gap:1rem;margin-top:2.4rem;display:flex}.home-hero__actions .btn--outline{color:#315567;background:#ffffffb8;border-color:#c6e2e6}.home-hero__visual{place-items:center;padding:2rem 3rem 2rem 0;display:grid}.voucher-card{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#fffffff5,#e8faf8e6);border:1px solid #cce9eb;border-radius:2rem;flex-direction:column;justify-content:space-between;width:29rem;min-height:16.8rem;padding:2.2rem;display:flex;position:relative;transform:rotate(3deg);box-shadow:0 24px 50px #28859029}.voucher-card span,.voucher-card small{letter-spacing:.12em;color:#78909e;font-size:1rem}.voucher-card svg{color:#12a99f}.voucher-card strong{letter-spacing:.08em;font-family:Consolas,monospace;font-size:1.5rem}.stat-grid{grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--c-bg-card);border:1px solid var(--c-border-light);border-radius:var(--radius-lg);align-items:center;gap:1.6rem;padding:2rem 2.2rem;display:flex}.stat-card__body{min-width:0}.stat-card__body small{color:var(--c-text-muted);margin-top:.3rem;font-size:1.1rem;display:block}.stat-card__icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.stat-card__icon svg{width:2rem;height:2rem}.stat-card__icon--primary{background:var(--l-primary-color-light5);color:var(--l-primary-color)}.stat-card__icon--green{background:var(--c-success-bg);color:var(--c-success)}.stat-card__icon--purple{color:#7c3aed;background:#f3f0ff}.stat-card__label{color:var(--c-text-secondary);font-size:1.4rem}.stat-card__value{margin-top:.4rem;font-size:2.4rem;font-weight:700}.stat-card__value--primary{color:var(--l-primary-color)}.stat-card__value--green{color:var(--c-success)}.home-grid{grid-template-columns:minmax(0,1fr) 30rem;gap:2rem;display:grid}.recent-codes{background:var(--c-bg-card);border:1px solid var(--c-border-light);border-radius:var(--radius-lg);overflow:hidden}.table-scroll{overflow-x:auto}.panel-placeholder{min-height:18rem;color:var(--c-text-muted);text-align:center;place-items:center;padding:2rem;font-size:1.3rem;display:grid}.recent-codes__header{border-bottom:1px solid var(--c-border-light);justify-content:space-between;align-items:center;padding:1.6rem 2rem;display:flex}.recent-codes__title{color:var(--c-text);margin:0;font-size:1.4rem;font-weight:600}.view-all{color:var(--l-primary-color);align-items:center;gap:.4rem;font-size:1.4rem;display:inline-flex}.view-all:hover{text-decoration:underline}.delivery-guide{border-radius:var(--radius-lg);color:#365a64;background:linear-gradient(145deg,#f5fffd,#ecfaff);border:1px solid #cdece8;padding:2.2rem}.delivery-guide__icon{color:#0f9f96;background:#d9f8f3;border-radius:1.3rem;place-items:center;width:4.2rem;height:4.2rem;display:grid}.delivery-guide h2{color:#173f49;margin:1.8rem 0 .8rem;font-size:1.6rem}.delivery-guide p{color:#6e858e;margin:0;font-size:1.25rem;line-height:1.7}.delivery-guide ol{gap:1.1rem;margin:2rem 0;padding:0;font-size:1.25rem;list-style:none;display:grid}.delivery-guide li{align-items:center;gap:1rem;display:flex}.delivery-guide li span{color:#0f9f96;border:1px solid #9eddd7;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;font-size:1rem;display:grid}.delivery-guide a{color:#078c94;align-items:center;gap:.5rem;font-size:1.2rem;display:inline-flex}.data-table{border-collapse:collapse;width:100%;font-size:1.4rem}.data-table th{text-align:left;color:var(--c-text-muted);border-bottom:1px solid var(--c-border-light);padding:1.2rem 2rem;font-weight:500}.data-table td{border-bottom:1px solid var(--c-border-light);padding:1.2rem 2rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--c-bg-hover)}.cell-bold{font-weight:500}.cell-muted{color:var(--c-text-muted);font-size:1.2rem}.code-chip{background:var(--c-bg);color:var(--c-text);border-radius:var(--radius-sm);letter-spacing:.05em;padding:.4rem 1rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:1.2rem;display:inline-block}@media (width<=640px){.stat-grid{grid-template-columns:1fr}}@media (width<=900px){.home-hero{grid-template-columns:1fr}.home-hero__visual{display:none}.home-grid{grid-template-columns:1fr}}@media (width<=640px){.home-hero__content{padding:2rem 1.6rem}.home-hero__actions{flex-direction:column;align-items:stretch}}.promo-table-wrap{background:var(--c-bg-card);border:1px solid var(--c-border-light);border-radius:var(--radius-lg);overflow-x:auto}.promo-toolbar{border:1px solid var(--c-border-light);background:#fff;border-radius:1.4rem;align-items:center;gap:1rem;margin-bottom:1.6rem;padding:1.2rem;display:flex}.promo-toolbar input,.promo-toolbar select{border:1px solid var(--c-border);height:3.8rem;color:var(--c-text);font:inherit;background:#fff;border-radius:1rem;font-size:1.3rem}.promo-toolbar input{width:min(32rem,45%);padding:0 1.2rem}.promo-toolbar select{padding:0 2.8rem 0 1.2rem}.promo-toolbar span{color:var(--c-text-muted);margin-left:auto;font-size:1.2rem}.copy-btn{color:var(--l-primary-color);cursor:pointer;background:0 0;border:none;font-size:1.2rem;font-weight:500}.copy-btn:hover{text-decoration:underline}.empty-hint{text-align:center;color:var(--c-text-muted);padding:8rem 0;font-size:1.4rem}.empty-state{background:var(--c-bg-card);border:1px solid var(--c-border-light);border-radius:var(--radius-lg);text-align:center;padding:8rem 0}.empty-state__icon{background:var(--l-primary-color-light5);border-radius:1.6rem;justify-content:center;align-items:center;width:6.4rem;height:6.4rem;margin:0 auto 1.6rem;display:flex}.empty-state__icon svg{width:3.2rem;height:3.2rem;color:var(--l-primary-color)}.empty-state__title{color:var(--c-text-secondary);margin:0;font-size:1.4rem;font-weight:500}.empty-state__desc{color:var(--c-text-muted);margin:.4rem 0 1.6rem;font-size:1.4rem}.empty-state--compact{padding:5rem 0}@media (width<=640px){.promo-toolbar{flex-wrap:wrap}.promo-toolbar input{width:100%}.promo-toolbar select{flex:1}}.promo-actions{white-space:nowrap;align-items:center;gap:.8rem;display:flex}.mark-used-btn{color:#047857;cursor:pointer;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:.8rem;padding:.5rem .9rem;font-size:1.15rem}.mark-used-btn:hover:not(:disabled){background:#d1fae5;border-color:#6ee7b7}.mark-used-btn:disabled{opacity:.55;cursor:wait}.promo-table-wrap .data-table{min-width:78rem}.package-grid{grid-template-columns:repeat(auto-fit,minmax(21rem,1fr));gap:1.6rem;margin-bottom:2.4rem;display:grid}.package-card{border:1px solid var(--c-border-light);border-radius:var(--radius-lg);background:var(--c-bg-card);cursor:pointer;flex-direction:column;min-height:18rem;padding:2.2rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.package-card:hover{border-color:var(--l-primary-color-light2);box-shadow:var(--shadow);transform:translateY(-1px)}.package-card.is-selected{border-color:var(--l-primary-color);background:linear-gradient(150deg, #fff, var(--l-primary-color-light5));box-shadow:0 0 0 2px var(--l-primary-color-light4), var(--shadow)}.package-card__radio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.package-card__indicator{box-sizing:border-box;border:1.5px solid var(--c-border);background:#fff;border-radius:50%;width:1.8rem;height:1.8rem;position:absolute;top:1.6rem;right:1.6rem;box-shadow:inset 0 0 0 4px #fff}.package-card.is-selected .package-card__indicator{border-color:var(--l-primary-color);background:var(--l-primary-color)}.package-card__radio:focus-visible+.package-card__indicator{outline:3px solid var(--l-primary-color-light4);outline-offset:2px}.package-card__label{color:var(--c-text-muted);margin-bottom:.8rem;font-size:1.2rem}.package-card__amount{color:var(--c-text);font-size:3rem;font-weight:700;line-height:1.2}.package-card__credit-label{color:var(--c-text-muted);margin-top:auto;padding-top:2rem;font-size:1.15rem}.package-card__credit{color:var(--l-primary-color-dark1);margin-top:.4rem;font-size:1.8rem}.package-card__credit small{font-size:1.1rem;font-weight:600}.custom-amount{color:var(--c-text);align-items:center;gap:.6rem;font-size:2.4rem;font-weight:700;display:flex}.custom-amount input{border:0;border-bottom:1px solid var(--c-border);width:100%;min-width:0;color:var(--c-text);font:inherit;background:0 0;outline:none;padding:0}.custom-amount input:focus{border-color:var(--l-primary-color)}.custom-amount input::placeholder{color:var(--c-text-muted);font-size:1.5rem;font-weight:400}.custom-rate{color:var(--c-text-muted);margin-top:.6rem;font-size:1.05rem}.payment-agreement{border:1px solid var(--c-border-light);border-radius:var(--radius-lg);background:var(--c-bg-card);color:var(--c-text-secondary);cursor:pointer;align-items:flex-start;gap:1.2rem;margin-bottom:1.6rem;padding:2rem;font-size:1.4rem;line-height:1.6;display:flex}.purchase-submit{border:1px solid var(--c-border-light);border-radius:var(--radius-lg);background:var(--c-bg-card);justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2.4rem;padding:1.6rem 2rem;display:flex}.purchase-submit__summary{flex-direction:column;gap:.4rem;min-width:0;display:flex}.purchase-submit__summary span{color:var(--c-text-muted);font-size:1.15rem}.purchase-submit__summary strong{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;font-size:1.4rem;overflow:hidden}@media (width<=640px){.package-grid{grid-template-columns:1fr}.purchase-submit{flex-direction:column;align-items:stretch}}.orders-table-wrap{border:1px solid var(--c-border-light);border-radius:var(--radius-lg);background:var(--c-bg-card);overflow-x:auto}.orders-table-wrap .data-table{min-width:72rem}.cell-mono{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:1.2rem}.order-link{color:var(--l-primary-color-dark1);font-weight:600}.order-link:hover{color:var(--l-primary-color);text-decoration:underline}.payment-result-page{max-width:118rem;margin:0 auto}.payment-status-card{isolation:isolate;border:1px solid var(--l-primary-color-light4);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--c-bg-card), var(--l-primary-color-light5));box-shadow:var(--shadow-lg);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2.4rem;padding:3.2rem;display:grid;position:relative;overflow:hidden}.payment-status-card__glow{z-index:-1;background:var(--l-primary-color-light4);opacity:.34;filter:blur(2rem);border-radius:50%;width:26rem;height:26rem;position:absolute;top:-8rem;right:-6rem}.payment-status-card__icon{width:7.2rem;height:7.2rem;color:var(--l-primary-color);background:var(--c-bg-card);box-shadow:var(--shadow);border-radius:2.4rem;justify-content:center;align-items:center;display:flex}.payment-status-card__icon svg{width:3.6rem;height:3.6rem}.payment-status-card__eyebrow{color:var(--l-primary-color-dark1);letter-spacing:.16em;font-size:1.05rem;font-weight:700}.payment-status-card__body h2{color:var(--c-text);margin:.6rem 0 .8rem;font-size:2.6rem}.payment-status-card__body p{max-width:58rem;color:var(--c-text-secondary);margin:0;font-size:1.35rem;line-height:1.7}.payment-status-card__meta{align-items:center;gap:1.2rem;margin-top:1.6rem;display:flex}.payment-status-pill{color:var(--l-primary-color-dark1);background:var(--l-primary-color-light4);border-radius:999px;padding:.5rem 1rem;font-size:1.15rem;font-weight:700}.payment-auto-refresh{color:var(--c-text-muted);align-items:center;gap:.6rem;font-size:1.1rem;display:flex}.payment-auto-refresh i{background:var(--c-warning);border-radius:50%;width:.7rem;height:.7rem;animation:1.5s infinite payment-pulse}.payment-status-card__amount{border-left:1px solid var(--l-primary-color-light4);text-align:right;min-width:18rem;padding-left:2.4rem}.payment-status-card__amount small,.payment-status-card__amount span{color:var(--c-text-muted);display:block}.payment-status-card__amount strong{color:var(--c-text);margin:.5rem 0;font-size:2.8rem;display:block}.payment-status-card__amount span{color:var(--l-primary-color-dark1);font-weight:600}.is-status-1 .payment-status-card{border-color:color-mix(in srgb, var(--c-success) 25%, var(--c-border-light));background:linear-gradient(135deg, var(--c-bg-card), var(--c-success-bg))}.is-status-1 .payment-status-card__icon{color:var(--c-success)}.is-status-2 .payment-status-card{border-color:var(--c-border);background:linear-gradient(135deg, var(--c-bg-card), var(--c-bg-hover))}.is-status-2 .payment-status-card__icon{color:var(--c-text-muted)}.payment-result-grid{grid-template-columns:minmax(0,1.15fr) minmax(32rem,.85fr);gap:2rem;margin-top:2rem;display:grid}.payment-detail-card,.payment-progress-card,.payment-result-footer{border:1px solid var(--c-border-light);border-radius:var(--radius-lg);background:var(--c-bg-card);box-shadow:var(--shadow)}.payment-detail-card,.payment-progress-card{padding:2.4rem}.payment-card-heading{border-bottom:1px solid var(--c-border-light);color:var(--l-primary-color);justify-content:space-between;align-items:center;padding-bottom:1.8rem;display:flex}.payment-card-heading div{flex-direction:column;gap:.3rem;display:flex}.payment-card-heading span{color:var(--c-text);font-size:1.5rem;font-weight:700}.payment-card-heading small{color:var(--c-text-muted);letter-spacing:.12em;font-size:.9rem}.payment-detail-list{margin:0}.payment-detail-list div{border-bottom:1px dashed var(--c-border-light);grid-template-columns:11rem minmax(0,1fr);gap:1.6rem;padding:1.35rem 0;display:grid}.payment-detail-list div:last-child{border-bottom:0}.payment-detail-list dt{color:var(--c-text-muted)}.payment-detail-list dd{overflow-wrap:anywhere;color:var(--c-text);text-align:right;margin:0;font-weight:600}.payment-detail-list .is-mono{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:1.15rem}.payment-timeline{margin:2rem 0 0;padding:0;list-style:none}.payment-timeline li{gap:1.4rem;min-height:7.4rem;display:flex;position:relative}.payment-timeline li:not(:last-child):after{content:"";background:var(--c-border);width:1px;position:absolute;top:3rem;bottom:0;left:1.4rem}.payment-timeline i{z-index:1;width:2.8rem;height:2.8rem;color:var(--c-text-muted);background:var(--c-bg-hover);border-radius:50%;flex:0 0 2.8rem;justify-content:center;align-items:center;font-style:normal;font-weight:700;display:flex}.payment-timeline div{flex-direction:column;gap:.45rem;padding-top:.3rem;display:flex}.payment-timeline strong{color:var(--c-text-secondary)}.payment-timeline span{color:var(--c-text-muted);font-size:1.15rem}.payment-timeline .is-done i{color:#fff;background:var(--c-success)}.payment-timeline .is-done strong{color:var(--c-text)}.payment-timeline .is-current i{color:#fff;background:var(--c-warning);box-shadow:0 0 0 5px var(--c-warning-bg)}.payment-timeline .is-current strong{color:var(--c-warning)}.payment-timeline .is-expired i{color:#fff;background:var(--c-text-muted)}.payment-result-footer{justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem;padding:2rem 2.4rem;display:flex}.payment-result-note{color:var(--l-primary-color);align-items:flex-start;gap:1.2rem;display:flex}.payment-result-note strong{color:var(--c-text)}.payment-result-note p{max-width:64rem;color:var(--c-text-muted);margin:.4rem 0 0;font-size:1.15rem;line-height:1.6}.payment-result-actions{flex-shrink:0;gap:1rem;display:flex}.payment-result-loading{border:1px solid var(--c-border-light);border-radius:var(--radius-xl);min-height:46rem;color:var(--l-primary-color);background:var(--c-bg-card);box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.payment-result-loading strong{color:var(--c-text);font-size:1.8rem}.payment-result-loading p{color:var(--c-text-muted);margin:0 0 1rem}.payment-result-loading__spinner{border:3px solid var(--l-primary-color-light4);border-top-color:var(--l-primary-color);border-radius:50%;width:3.6rem;height:3.6rem;animation:.8s linear infinite payment-spin}@keyframes payment-spin{to{transform:rotate(360deg)}}@keyframes payment-pulse{50%{opacity:.35;transform:scale(.78)}}@media (width<=900px){.payment-status-card{grid-template-columns:auto minmax(0,1fr)}.payment-status-card__amount{border-top:1px solid var(--l-primary-color-light4);text-align:left;border-left:0;grid-column:1/-1;padding:1.8rem 0 0}.payment-result-grid{grid-template-columns:1fr}.payment-result-footer{flex-direction:column;align-items:stretch}.payment-result-actions{flex-wrap:wrap}}@media (width<=560px){.payment-status-card{grid-template-columns:1fr;padding:2.4rem}.payment-status-card__icon{width:6rem;height:6rem}.payment-result-actions{flex-direction:column}.payment-result-actions .btn{width:100%}}.legal-page{min-height:100vh;color:var(--c-text);background:#f4f7fb}.legal-topbar{border-bottom:1px solid var(--c-border-light);background:#fff;justify-content:space-between;align-items:center;height:6.4rem;padding:0 4rem;display:flex}.legal-back,.legal-brand{color:var(--c-text-secondary);align-items:center;gap:.8rem;font-size:1.3rem;display:inline-flex}.legal-back:hover{color:var(--l-primary-color)}.legal-brand{color:var(--c-text);font-weight:700}.legal-brand span{color:#fff;background:var(--l-primary-color);border-radius:1rem;place-items:center;width:3rem;height:3rem;display:grid}.legal-shell{width:min(84rem,100% - 3.2rem);margin:0 auto;padding:4rem 0}.legal-tabs{border:1px solid var(--c-border);background:#fff;border-radius:1.2rem;gap:.4rem;margin-bottom:1.6rem;padding:.4rem;display:inline-flex}.legal-tabs a{color:var(--c-text-secondary);border-radius:.9rem;padding:.8rem 1.4rem;font-size:1.3rem}.legal-tabs a:hover{color:var(--c-text);background:var(--c-bg-hover)}.legal-tabs a.is-active{color:#fff;background:#101828}.legal-card{border:1px solid var(--c-border-light);background:#fff;border-radius:2rem;overflow:hidden;box-shadow:0 18px 45px #0f172a0f}.legal-card__heading{color:#fff;background:linear-gradient(120deg,#0b1220,#14243b);padding:4rem 5.6rem 3.2rem}.legal-card__heading span{color:#5eead4;letter-spacing:.14em;font-size:1.1rem;font-weight:700}.legal-card__heading h1{margin:.8rem 0;font-size:3.2rem}.legal-card__heading p{color:#94a3b8;margin:0;font-size:1.2rem}.legal-card__body{color:var(--c-text-secondary);padding:4rem 5.6rem 4.8rem;font-size:1.4rem;line-height:1.85}.legal-lead{border-left:3px solid var(--l-primary-color);background:var(--l-primary-color-light5);color:#36505b;border-radius:0 1rem 1rem 0;margin:0 0 3.2rem;padding:1.8rem 2rem}.legal-section{margin-bottom:3.2rem}.legal-section:last-child{margin-bottom:0}.legal-section h2{color:var(--c-text);margin:0 0 1rem;font-size:1.7rem}.legal-section p,.legal-section ul{margin:0}.legal-section ul{padding-left:2rem}.legal-section li+li{margin-top:.7rem}.legal-footer{text-align:center;color:var(--c-text-muted);margin:2rem 0 0;font-size:1.2rem}@media (width<=640px){.legal-topbar{padding:0 1.6rem}.legal-brand{font-size:0}.legal-shell{padding:2.4rem 0}.legal-tabs{display:flex}.legal-tabs a{text-align:center;flex:1;padding:.8rem}.legal-card__heading,.legal-card__body{padding:2.4rem}.legal-card__heading h1{font-size:2.6rem}}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.not-found__code{color:var(--l-primary-color-light3);margin-bottom:1.6rem;font-size:7.2rem;font-weight:700;line-height:1}.not-found__title{color:var(--c-text);margin:0 0 .4rem;font-size:1.8rem;font-weight:500}.not-found__desc{color:var(--c-text-muted);margin:0 0 2.4rem;font-size:1.4rem}