.cb-backdrop{z-index:9980;-webkit-backdrop-filter:blur()saturate();pointer-events:all;background:#0a0a0a00;transition:background .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;position:fixed;inset:0}.cb-backdrop--visible{-webkit-backdrop-filter:blur(8px)saturate(160%);background:#0a0a0a8c}.cb{z-index:9990;opacity:0;pointer-events:none;width:min(480px,100vw - 40px);font-family:var(--font-montserrat),Montserrat,sans-serif;text-align:center;background:#fff;border-radius:20px;padding:32px 28px 28px;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);position:fixed;top:50%;left:50%;transform:translate(-50%,calc(24px - 50%));box-shadow:0 32px 80px #00000038,0 0 0 1px #0000000f}.cb--visible{opacity:1;pointer-events:all;transform:translate(-50%,-50%)}.cb__title{color:#0a0a0a;margin:0 0 10px;font-size:20px;font-weight:800}.cb__text{color:#555;margin:0 0 24px;font-size:14px;line-height:1.65}.cb__link{color:#36f;white-space:nowrap;text-decoration:underline}.cb__actions{flex-direction:column;gap:10px;display:flex}.cb__btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;width:100%;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s}.cb__btn:hover{opacity:.88;transform:translateY(-1px)}.cb__btn:active{transform:translateY(0)}.cb__btn--accept{color:#fff;background:linear-gradient(135deg,#36f,#5580ff);outline:none;box-shadow:0 4px 16px #3366ff59}.cb__btn--reject{color:#0a0a0a;background:#fff;border:2px solid #e5e7eb}.cb__btn--manage{color:#36f;background:0 0;border:2px solid #36f}@media (max-width:480px){.cb{border-radius:16px;padding:24px 20px 22px}.cb__title{font-size:18px}.cb__text{font-size:13px}.cb__btn{padding:12px 16px;font-size:13px}}
*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}::selection{color:var(--color-white);background:#3366ff59}:root{--color-primary:#36f;--color-primary-hover:#2952cc;--color-primary-light:#3366ff1a;--color-secondary:#f36;--color-success:#22c55e;--color-success-hover:#16a34a;--color-warning:#eab308;--color-warning-hover:#ca8a04;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-black:#0a0a0a;--color-white:#fff;--color-gray-50:#f8f9fa;--color-gray-100:#f5f5f5;--color-gray-200:#e0e0e0;--color-gray-300:#d0d0d0;--color-gray-600:#666;--color-gray-700:#999;--color-black-alpha-02:#0a0a0a05;--color-black-alpha-05:#0a0a0a0d;--color-black-alpha-08:#0a0a0a14;--color-black-alpha-10:#0a0a0a1a;--color-black-alpha-20:#0a0a0a33;--color-black-alpha-40:#0a0a0a66;--color-black-alpha-60:#0a0a0a99;--color-black-alpha-70:#0a0a0ab3;--color-black-alpha-80:#0a0a0acc;--color-white-alpha-02:#ffffff05;--color-white-alpha-05:#ffffff0d;--color-white-alpha-10:#ffffff1a;--color-white-alpha-20:#fff3;--color-white-alpha-40:#fff6;--color-white-alpha-50:#ffffff80;--color-white-alpha-60:#fff9;--color-white-alpha-70:#ffffffb3;--color-white-alpha-80:#fffc;--color-success-light:#22c55e1a;--color-success-border:#22c55e4d;--color-danger-light:#ef44441a;--color-danger-border:#ef44444d;--color-warning-light:#eab3081a;--color-warning-border:#eab3084d;--color-primary-light-border:#3366ff26;--color-bg:#08090c;--color-surface:#ffffff08;--color-surface-hover:#ffffff0f;--color-border-subtle:#ffffff14;--color-border-strong:#ffffff24;--text-display:clamp(2.5rem,1.2rem + 5vw,4.5rem);--text-h2:clamp(2rem,1.1rem + 3.5vw,3rem);--text-h3:clamp(1.25rem,1rem + 1vw,1.5rem);--text-body-lg:clamp(1.0625rem,1rem + .25vw,1.1875rem);--tracking-heading:-.015em;--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--glow-primary:0 0 40px #3366ff40;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-3xl:60px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-pill:50px;--shadow-sm:0 2px 8px #0a0a0a0d;--shadow-md:0 4px 12px #0a0a0a14;--shadow-lg:0 6px 20px #3366ff26;--shadow-primary:0 4px 12px #3366ff4d;--shadow-success:0 4px 12px #22c55e4d;--shadow-danger:0 4px 12px #ef44444d;--shadow-warning:0 4px 12px #eab3084d;--transition-fast:.2s ease;--transition-medium:.3s ease;--transition-slow:.5s ease}.visual-container{position:absolute;inset:0;overflow:hidden}.shop-page,.cart-page,.dashboard-page,.payment-status-page,.product-detail-page,.legal-page{flex-direction:column;min-height:100vh;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-container{background:0 0;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.loading-spinner{border:3px solid var(--color-black-alpha-10);border-top:3px solid var(--color-primary);width:40px;height:40px;margin-bottom:var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}.loading-container p{color:var(--color-black-alpha-60);margin:0;font-size:14px;font-weight:500}.skeleton{background-color:var(--color-black-alpha-05);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,transparent,var(--color-black-alpha-10),transparent);animation:1.5s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-text{border-radius:var(--radius-sm);height:12px;margin-bottom:10px}.skeleton-text:last-child{margin-bottom:0}.skeleton-title{width:70%;height:18px}.skeleton-text-short{width:45%}.skeleton-fade-in{animation:fade-in var(--transition-medium)ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.skeleton:after,.skeleton-fade-in{animation:none}}
.btn{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;border:none;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-success);color:var(--color-white)}.btn-secondary:hover:not(:disabled){background-color:var(--color-success-hover);box-shadow:var(--shadow-success);transform:translateY(-2px)}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover);box-shadow:var(--shadow-danger);transform:translateY(-2px)}.btn-outline{border:1px solid var(--color-black-alpha-20);color:var(--color-black-alpha-70);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-black-alpha-05);border-color:var(--color-black-alpha-40)}.btn-outline.danger{border-color:var(--color-danger-border);color:var(--color-danger)}.btn-outline.danger:hover:not(:disabled){background-color:var(--color-danger-light);border-color:var(--color-danger-border)}.btn-ghost{background-color:var(--color-white-alpha-05);color:var(--color-white);border:1px solid var(--color-white-alpha-20)}.btn-ghost:hover:not(:disabled){background-color:var(--color-white-alpha-10);border-color:var(--color-white-alpha-40)}.btn-sm{padding:8px 16px;font-size:13px}.btn-md{padding:10px 24px;font-size:15px}.btn-lg{padding:16px 40px;font-size:18px}.btn-pill{border-radius:var(--radius-pill)}.btn-block{width:100%;display:block}.btn-icon{justify-content:center;align-items:center;gap:var(--spacing-sm);display:inline-flex}
.form-group{margin-bottom:var(--spacing-lg)}.form-group label{margin-bottom:var(--spacing-sm);text-align:left;font-size:14px;font-weight:600;display:block}.form-input{border:1px solid var(--color-black-alpha-20);border-radius:var(--radius-lg);width:100%;transition:border-color var(--transition-fast);box-sizing:border-box;outline:none;padding:12px 16px;font-size:15px}.form-input:focus{border-color:var(--color-primary)}.form-input.error{border-color:var(--color-danger)}.form-input::placeholder{color:var(--color-black-alpha-40)}.form-input-dark{background-color:var(--color-white-alpha-05);color:var(--color-white);border-color:var(--color-white-alpha-20)}.form-input-dark::placeholder{color:var(--color-white-alpha-40)}.form-select{border:1px solid var(--color-black-alpha-20);border-radius:var(--radius-md);background-color:var(--color-white);cursor:pointer;width:100%;transition:all var(--transition-fast);padding:12px 16px;font-size:15px}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:0;display:grid}@media (max-width:640px){.form-row{grid-template-columns:1fr;gap:0}}.error-message{color:var(--color-danger);margin-top:var(--spacing-xs);font-size:13px;display:block}.success-message{color:var(--color-success);margin-top:var(--spacing-xs);font-size:13px;display:block}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:48px}.password-toggle{cursor:pointer;padding:var(--spacing-sm);color:var(--color-white-alpha-50);transition:color var(--transition-fast),background-color var(--transition-fast);border-radius:var(--radius-sm);z-index:10;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-white-alpha-80);background-color:var(--color-white-alpha-05)}.password-toggle:focus{outline-offset:2px}.password-toggle:active{transform:translateY(-50%)scale(.95)}.password-toggle svg{pointer-events:none;display:block}.checkbox-group{align-items:center;gap:var(--spacing-sm);margin:var(--spacing-sm)0;display:flex}.checkbox-group label{align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--color-black-alpha-80);font-size:14px;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}.toggle-switch{width:50px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-black-alpha-20);transition:var(--transition-medium);border-radius:26px;position:absolute;inset:0}.toggle-slider:before{content:"";width:20px;height:20px;transition:var(--transition-medium);background-color:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--color-primary-light)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}
.page-container{max-width:1400px;padding:var(--spacing-3xl)5%;margin:0 auto}.page-container-sm{max-width:900px;padding:var(--spacing-3xl)5%;margin:0 auto}@media (max-width:768px){.page-container,.page-container-sm{padding:var(--spacing-2xl)5%}}.section{margin-bottom:20px}@media (max-width:768px){.section{margin-bottom:var(--spacing-2xl)}}.section-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-black-alpha-08);display:flex}.section-header h2{color:var(--color-black);margin:0;font-size:18px;font-weight:600}.section-icon{width:20px;height:20px;color:var(--color-black-alpha-40)}.section-header-with-action{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-black-alpha-08);justify-content:space-between;align-items:center;display:flex}.section-header-with-action .section-header{border:none;margin:0;padding:0}@media (max-width:768px){.section-header-with-action{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}}.card{background-color:var(--color-white);border:1px solid var(--color-black-alpha-10);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.info-card{background-color:var(--color-primary-light);border:1px solid var(--color-primary-light-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-card p{color:var(--color-black-alpha-70);margin:0;font-size:14px;line-height:1.6}.field-row{padding:var(--spacing-md)0;border-bottom:1px solid var(--color-black-alpha-05);justify-content:space-between;align-items:center;display:flex}.field-row:last-child{border-bottom:none}.field-label{color:var(--color-black-alpha-60);font-size:14px;font-weight:500}.field-value{color:var(--color-black);text-align:right;font-size:15px;font-weight:500}.field-value.muted{color:var(--color-black-alpha-40);font-style:italic}@media (max-width:768px){.field-row{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column;padding:14px 0}.field-value{text-align:left}}.badge{border-radius:var(--radius-md);padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-default{background-color:var(--color-primary);color:var(--color-white)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.message-banner{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);animation:slideDown var(--transition-medium)ease;font-weight:600}.message-banner.success{background-color:var(--color-success-light);color:var(--color-success-hover);border:1px solid var(--color-success-border)}.message-banner.error{background-color:var(--color-danger-light);color:var(--color-danger-hover);border:1px solid var(--color-danger-border)}.grid-2{gap:var(--spacing-2xl);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1024px){.grid-2{grid-template-columns:1fr}}@media (max-width:768px){.grid-3{grid-template-columns:1fr}}