.login-wrapper{align-items:center;background:#f2f2f2;display:flex;justify-content:center;min-height:100vh;padding:16px}.login-wrapper .login-container{background:#fff;border-radius:6px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:1rem;max-width:320px;padding:1.5rem;width:100%}.login-wrapper h2{color:#222;font-size:1.5rem;font-weight:500;margin-bottom:1rem;text-align:center}.login-wrapper input{background-color:#fafafa;border:1px solid #ccc;border-radius:4px;color:#333;font-size:.95rem;padding:.6rem .75rem;transition:border-color .2s}.login-wrapper input:focus{border-color:#666;outline:none}.login-wrapper button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem .75rem;transition:background-color .2s}.login-wrapper button:hover{background-color:#111}.login-wrapper .divider{color:#666;font-size:.9rem;margin:1rem 0;position:relative;text-align:center}.login-wrapper .divider:after,.login-wrapper .divider:before{background:#ccc;content:"";height:1px;position:absolute;top:50%;width:40%}.login-wrapper .divider:before{left:0}.login-wrapper .divider:after{right:0}.login-wrapper .error{color:#c00;font-size:.85rem;margin-top:-.5rem}@media(max-width:480px){.login-wrapper .login-container{padding:1.25rem}.login-wrapper button,.login-wrapper input{font-size:.9rem}.login-wrapper h2{font-size:1.3rem}}.navbar{background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 8px #0000000f;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;gap:32px;height:60px;margin:0 auto;padding:0 24px;width:100%}@media(min-width:1536px){.navbar-container{max-width:1320px}}@media(min-width:1280px)and (max-width:1535px){.navbar-container{max-width:1140px}}@media(min-width:1024px)and (max-width:1279px){.navbar-container{max-width:960px}}@media(min-width:768px)and (max-width:1023px){.navbar-container{max-width:720px}}@media(max-width:767px){.navbar-container{padding:0 16px}}.navbar-logo-link{align-items:center;display:flex;flex-shrink:0}.navbar-logo{display:block;height:22px;width:auto}.navbar-links{align-items:center;display:flex;gap:2px}.navbar-link{align-items:center;border-radius:var(--radius-md);color:var(--gray-500);display:inline-flex;font-size:var(--text-md);font-weight:var(--fw-medium);gap:6px;padding:5px 10px;text-decoration:none;transition:color .15s,background .15s}.navbar-link svg{flex-shrink:0}.navbar-link:hover{background:#f5f3ff;color:var(--brand-primary)}.navbar-link.active{background:#ede9fe;color:var(--brand-primary);font-weight:var(--fw-semibold)}.navbar-signout{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-md);font-weight:var(--fw-medium);gap:6px;margin-left:auto;padding:5px 10px;transition:color .15s,background .15s}.navbar-signout svg{flex-shrink:0}.navbar-signout:hover{background:var(--status-error-bg);color:var(--status-error-fg)}.navbar-hamburger{background:none;border:none;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;display:none;line-height:0;margin-left:auto;padding:6px}.navbar-hamburger:hover{background:var(--gray-100);color:var(--gray-800)}.navbar-drawer{background:#fff;border-top:1px solid var(--gray-100);display:none;flex-direction:column;padding:8px 16px 12px}.navbar-drawer-link{align-items:center;border-radius:var(--radius-md);color:var(--gray-600);display:flex;font-size:var(--text-md);font-weight:var(--fw-medium);gap:8px;padding:9px 10px;text-decoration:none;transition:color .15s,background .15s}.navbar-drawer-link svg{flex-shrink:0}.navbar-drawer-link:hover{background:#f5f3ff;color:var(--brand-primary)}.navbar-drawer-link.active{background:#ede9fe;color:var(--brand-primary);font-weight:var(--fw-semibold)}.navbar-drawer-signout{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-md);font-weight:var(--fw-medium);gap:8px;margin-top:4px;padding:9px 10px;text-align:left;transition:color .15s,background .15s}.navbar-drawer-signout svg{flex-shrink:0}.navbar-drawer-signout:hover{background:var(--status-error-bg);color:var(--status-error-fg)}@media(max-width:640px){.navbar-container{gap:0;padding:0 16px}.navbar-links,.navbar-signout{display:none}.navbar-hamburger{align-items:center;display:flex}.navbar-drawer{display:flex}}.not-found{align-items:center;background:#f9f9f9;display:flex;font-family:Helvetica Neue,sans-serif;height:100vh;justify-content:center}.not-found .content{text-align:center}.not-found .content h1{color:#333;font-size:6rem;margin:0}.not-found .content p{color:#666;font-size:1.25rem;margin:1rem 0 2rem}.not-found .content a{color:#007bff;display:inline-block;font-weight:500;text-decoration:none;transition:color .2s ease}.not-found .content a:hover{color:#0056b3}.loader-overlay{align-items:center;background-color:#ffffffd9;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:1000}.loader-overlay p{animation:fadeIn .3s ease-in-out;color:#444;font-size:16px;font-weight:500;margin-top:16px}.orbit-spinner{height:64px;margin-bottom:12px;position:relative;width:64px}.orbit-spinner .orbit-dot{animation:orbit 1.2s linear infinite;background-color:#1976d2;border-radius:50%;height:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:14px}.orbit-spinner .orbit-dot:nth-child(2){animation-delay:.2s}.orbit-spinner .orbit-dot:nth-child(3){animation-delay:.4s}@keyframes orbit{0%{transform:rotate(0deg) translateX(24px) rotate(0deg)}to{transform:rotate(1turn) translateX(24px) rotate(-1turn)}}.modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{animation:fadeIn .2s ease;background-color:#fff;border-radius:10px;box-shadow:0 10px 40px #0000001a;max-width:480px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h2{font-size:18px;margin:0}.modal-header .modal-close{background:none;border:none;color:#999;cursor:pointer;padding:4px}.modal-header .modal-close:hover{color:#333}.modal-body{color:#444;font-size:15px;padding:20px}.modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.order-risk-section{margin-top:var(--sp-4)}.order-risk-section .order-risk-wrap{background:var(--card-bg);border:1px solid var(--gray-200);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden}.order-risk-section .order-risk-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:11px 14px;text-align:left;transition:background .12s;width:100%}.order-risk-section .order-risk-header:hover{background:var(--gray-50)}.order-risk-section .order-risk-header h2{color:var(--gray-800);font-size:var(--text-lg);font-weight:var(--fw-semibold);margin:0}.order-risk-section .order-risk-header .risk-icon{color:var(--brand-primary);flex-shrink:0}.order-risk-section .order-risk-header .risk-caret{color:var(--gray-400);flex-shrink:0;margin-left:auto;transition:transform .2s ease}.order-risk-section .order-risk-header .risk-caret.rotated{transform:rotate(180deg)}.order-risk-section .risk-level-badge{border-radius:var(--radius-full);font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.order-risk-section .risk-level-badge.low{background:var(--status-success-bg);border:1px solid var(--status-success-bd);color:var(--status-success-fg)}.order-risk-section .risk-level-badge.medium{background:var(--status-progress-bg);border:1px solid var(--status-progress-bd);color:var(--status-progress-fg)}.order-risk-section .risk-level-badge.high{background:var(--status-error-bg);border:1px solid var(--status-error-bd);color:var(--status-error-fg)}.order-risk-section .order-risk-card{border-top:1px solid var(--gray-200);overflow:hidden}.order-risk-section .risk-row{align-items:baseline;border-bottom:1px solid var(--gray-100);display:flex;gap:10px;padding:10px var(--card-padding)}.order-risk-section .risk-row:last-child{border-bottom:0}.order-risk-section .risk-label{color:var(--gray-500);flex-shrink:0;font-size:var(--text-base);font-weight:var(--fw-medium);letter-spacing:.05em;min-width:120px;text-transform:uppercase}.order-risk-section .risk-value{color:var(--gray-700);font-size:var(--text-md)}.order-risk-section .risk-facts{display:flex;flex-direction:column}.order-risk-section .risk-fact{align-items:baseline;border-bottom:1px solid var(--gray-100);display:flex;gap:10px;padding:9px var(--card-padding)}.order-risk-section .risk-fact:last-child{border-bottom:0}.order-risk-section .risk-sentiment{border-radius:var(--radius-full);flex-shrink:0;font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.04em;padding:2px 7px;text-transform:uppercase}.order-risk-section .risk-sentiment.positive{background:var(--status-success-bg);color:var(--status-success-fg)}.order-risk-section .risk-sentiment.negative{background:var(--status-error-bg);color:var(--status-error-fg)}.order-risk-section .risk-sentiment.neutral{background:var(--status-progress-bg);color:var(--status-progress-fg)}.order-risk-section .risk-fact-desc{color:var(--gray-700);font-size:var(--text-md);line-height:1.5}.email-logs-section{display:flex;flex-direction:column;gap:0;margin-top:var(--sp-4)}.email-logs-section .email-log-list{background:var(--card-bg);border:1px solid var(--gray-200);border-radius:var(--card-radius);box-shadow:var(--card-shadow);display:flex;flex-direction:column;overflow:hidden}.email-logs-section .email-logs-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;gap:8px;padding:11px 14px}.email-logs-section .email-logs-header svg{color:var(--brand-primary);flex-shrink:0}.email-logs-section .email-logs-header h2{color:var(--gray-800);font-size:var(--text-lg);font-weight:var(--fw-semibold);margin:0}.email-logs-section .email-logs-header .email-logs-count{background:var(--gray-200);border-radius:var(--radius-full);color:var(--gray-500);font-size:var(--text-sm);font-weight:var(--fw-semibold);line-height:1;padding:2px 7px}.email-logs-section .email-log-item{border-bottom:1px solid var(--gray-100)}.email-logs-section .email-log-item:last-child{border-bottom:0}.email-logs-section .email-log-item.failed .email-log-header{background:var(--status-error-bg)}.email-logs-section .email-log-item.open>.email-log-header{background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.email-logs-section .email-log-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:11px 14px;text-align:left;transition:background .12s;width:100%}.email-logs-section .email-log-header:hover{background:var(--gray-50)}.email-logs-section .email-log-status-dot{background:var(--status-success-bg);border:1.5px solid var(--status-success-bd);border-radius:50%;flex-shrink:0;height:9px;width:9px}.email-logs-section .email-log-status-dot.failed{background:var(--status-error-bg);border-color:var(--status-error-bd)}.email-logs-section .email-log-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.email-logs-section .email-log-subject{color:var(--gray-800);font-size:var(--text-md);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-logs-section .email-log-to{color:var(--gray-400);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-logs-section .email-log-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.email-logs-section .email-log-tag{background:var(--brand-purple-light);border-radius:var(--radius-full);color:var(--brand-primary);font-size:11px;font-weight:var(--fw-medium);padding:2px 7px;white-space:nowrap}.email-logs-section .email-log-date{color:var(--gray-400);font-size:var(--text-sm);white-space:nowrap}.email-logs-section .email-log-caret{color:var(--gray-400);flex-shrink:0;transition:transform .2s ease}.email-logs-section .email-log-caret.rotated{transform:rotate(180deg)}.email-logs-section .email-log-body{display:flex;flex-direction:column;gap:0}.email-logs-section .email-log-meta-strip{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--gray-100);color:var(--gray-500);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:6px 16px;padding:10px 14px}.email-logs-section .email-log-meta-strip strong{color:var(--gray-700);font-weight:var(--fw-medium)}.email-logs-section .email-log-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:var(--fw-semibold);gap:4px;line-height:1;padding:2px 7px}.email-logs-section .email-log-badge.badge-sent{background:var(--status-success-bg);border:1px solid var(--status-success-bd);color:var(--status-success-fg)}.email-logs-section .email-log-badge.badge-failed{background:var(--status-error-bg);border:1px solid var(--status-error-bd);color:var(--status-error-fg)}.email-logs-section .email-log-iframe{background:#fff;border:none;display:block;height:560px;width:100%}.email-logs-section .email-log-no-body{color:var(--gray-400);font-size:var(--text-md);font-style:italic;padding:24px;text-align:center}.email-logs-section .email-log-error{align-items:center;background:var(--status-error-bg);border-top:1px solid var(--status-error-bd);color:var(--status-error-fg);display:flex;font-size:var(--text-sm);gap:6px;padding:10px 14px}.email-logs-section .email-log-error svg{flex-shrink:0}.status-badge{align-items:center;background:var(--status-neutral-bg);border:1px solid var(--status-neutral-bd);border-radius:var(--radius-full);color:var(--status-neutral-fg);display:inline-flex;font-size:var(--text-sm);font-weight:var(--fw-medium);gap:6px;letter-spacing:.04em;line-height:1.4;padding:2px 9px;text-transform:uppercase;white-space:nowrap}@media(max-width:600px){.status-badge{padding:2px 7px}}.status-badge.success{background:var(--status-success-bg);border-color:var(--status-success-bd);color:var(--status-success-fg)}.status-badge.neutral{background:var(--status-neutral-bg);border-color:var(--status-neutral-bd);color:var(--status-neutral-fg)}.status-badge.error{background:var(--status-error-bg);border-color:var(--status-error-bd);color:var(--status-error-fg)}.status-badge.investigate{background:var(--status-progress-bg);border-color:var(--status-progress-bd);color:var(--status-progress-fg)}.status-badge.editable{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%236b7280%27 height=%2714%27 viewBox=%270 0 24 24%27 width=%2714%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 6px center;background-repeat:no-repeat;background-size:12px;cursor:pointer;font-family:inherit;min-width:120px;padding-right:24px}.status-badge.editable:focus{outline:2px solid #0000001a;outline-offset:2px}.status-badge.editable option{background:#fff;color:var(--gray-800)}.status-badge .days-left{background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-500);font-size:var(--text-xs);font-style:italic;font-weight:var(--fw-regular);margin-left:4px;padding:1px 5px;text-transform:none}.status-badge .days-left.success{background:var(--status-success-bg);color:var(--status-success-fg)}.status-badge .days-left.error{background:var(--status-error-bg);color:var(--status-error-fg)}.status-badge .days-left.investigate{background:var(--status-progress-bg);color:var(--status-progress-fg)}.provider-badge{align-items:center;background:#f8fafc;border:1px solid #dbe3ee;border-radius:999px;border-radius:8px;color:#334155;display:inline-flex;font-size:11px;font-weight:600;gap:.375rem;line-height:1;min-height:22px;padding:.125rem .5rem .125rem .375rem;vertical-align:middle;white-space:nowrap}.provider-badge .provider-badge__icon{align-items:center;color:#64748b;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.provider-badge .provider-badge__icon svg{height:14px;width:14px}.provider-badge .provider-badge__label{overflow:hidden;text-overflow:ellipsis}.provider-badge .provider-badge__short{display:none}.provider-badge .provider-badge--unknown{background:#0000;border:0;color:#94a3b8;font-weight:500;padding-inline:0}@media(max-width:640px){.provider-badge .provider-badge{padding-right:.5rem}.provider-badge .provider-badge__label{display:none}.provider-badge .provider-badge__short{color:#475569;display:inline;font-weight:700}}.order-page{color:var(--gray-700);font-size:var(--text-md);margin:40px auto;max-width:960px}.order-page .order-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:space-between;margin-bottom:var(--sp-3)}.order-page .order-header h1{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--fw-semibold);letter-spacing:-.01em;margin:0}.order-page .order-header .created{color:var(--gray-400);font-size:var(--text-base)}.order-page .order-details-wrapper{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:var(--sp-3) 0}@media(max-width:640px){.order-page .order-details-wrapper{grid-template-columns:1fr}}.order-page .order-details-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);min-width:0;padding:var(--card-padding)}.order-page .order-details-card .card-title{align-items:center;color:var(--gray-900);display:flex;font-size:var(--text-lg);font-weight:var(--fw-semibold);gap:7px;letter-spacing:.06em;margin:0 0 10px}.order-page .order-details-card .card-title svg{color:var(--brand-primary);flex-shrink:0}.order-page .order-details-card .field-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.order-page .order-details-card .field{min-width:0}.order-page .order-details-card .field .label{align-items:center;color:var(--gray-400);display:flex;font-size:var(--text-sm);gap:5px;letter-spacing:.06em;margin-bottom:2px;text-transform:uppercase}.order-page .order-details-card .field .label svg{color:var(--gray-400);flex-shrink:0}.order-page .order-details-card .field .value{color:var(--gray-900);font-size:var(--text-md);font-weight:var(--fw-medium);min-width:0}.order-page .order-details-card .value-link{color:var(--gray-900);text-decoration:none}.order-page .order-details-card .value-link:hover{text-decoration:underline}.order-page .order-details-card .one-line{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-page .order-details-card .card-subsection{border-top:1px solid var(--gray-100);margin-top:10px;padding-top:10px}.order-page .order-details-card .subsection-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:0;width:100%}.order-page .order-details-card .subsection-header .subsection-title{color:var(--gray-400);font-size:var(--text-sm);font-weight:var(--fw-medium);letter-spacing:.06em;text-transform:uppercase}.order-page .order-details-card .subsection-header .subsection-action{color:var(--gray-400);font-size:var(--text-base)}.order-page .order-details-card .subsection-body{color:var(--gray-700);font-size:var(--text-md);line-height:1.4;margin-top:8px;overflow-wrap:anywhere}.order-page .statuses-card .status-list{border-top:1px solid var(--gray-100);margin-top:4px}.order-page .statuses-card .status-row{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;gap:var(--sp-2);justify-content:space-between;min-width:0;padding:8px 0}.order-page .statuses-card .status-row:last-child{border-bottom:none}.order-page .statuses-card .status-left{align-items:center;display:flex;gap:8px;min-width:0}.order-page .statuses-card .status-index{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-400);display:flex;flex-shrink:0;font-size:var(--text-xs);height:18px;justify-content:center;width:18px}.order-page .statuses-card .status-label{align-items:center;color:var(--gray-700);display:flex;font-size:var(--text-md);font-weight:var(--fw-medium);gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-page .statuses-card .status-label svg{color:var(--gray-400);flex-shrink:0}.order-page .statuses-card .status-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.order-page .statuses-card .status-step{color:var(--gray-400);font-size:var(--text-sm);font-weight:var(--fw-regular);white-space:nowrap}.order-page .shopify-line-items-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);margin:var(--sp-3) 0;padding:var(--card-padding)}.order-page .shopify-line-items-card .order-items-header{align-items:center;display:flex;gap:var(--sp-2);justify-content:space-between;margin-bottom:10px}.order-page .shopify-line-items-card .order-items-header h2{align-items:center;color:var(--gray-900);display:flex;font-size:var(--text-lg);font-weight:var(--fw-semibold);gap:7px;letter-spacing:.06em}.order-page .shopify-line-items-card .order-items-header h2 svg{color:var(--brand-primary);flex-shrink:0}.order-page .shopify-line-items-card .order-items-header .item-count{color:var(--gray-400);font-size:var(--text-sm);font-weight:var(--fw-medium);white-space:nowrap}.order-page .shopify-line-items-card .items-table{border-top:1px solid var(--gray-100);width:100%}.order-page .shopify-line-items-card .items-row{grid-gap:var(--sp-2);align-items:center;border-bottom:1px solid var(--gray-100);display:grid;gap:var(--sp-2);grid-template-columns:2fr 2.4fr 1fr .8fr 1fr 1fr;padding:8px 4px}.order-page .shopify-line-items-card .items-row:last-child{border-bottom:none}.order-page .shopify-line-items-card .items-row .cell{min-width:0}.order-page .shopify-line-items-card .items-row .col-title{color:var(--gray-800);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-page .shopify-line-items-card .items-row .col-sku{color:var(--gray-600);font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-page .shopify-line-items-card .items-row .col-price,.order-page .shopify-line-items-card .items-row .col-qty,.order-page .shopify-line-items-card .items-row .col-total{color:var(--gray-800);font-weight:var(--fw-medium);justify-self:end;text-align:right;white-space:nowrap}.order-page .shopify-line-items-card .items-row .col-price{color:var(--gray-600)}.order-page .shopify-line-items-card .items-head{background:var(--gray-50);border-bottom:1px solid var(--gray-100);border-radius:var(--radius-sm);padding:7px 4px}.order-page .shopify-line-items-card .items-head .cell{color:var(--gray-500);font-size:var(--text-sm);font-weight:var(--fw-semibold)}.order-page .shopify-line-items-card .items-head .col-title{color:var(--gray-500)}.order-page .order-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:space-between;margin-top:var(--sp-4)}@media(max-width:640px){.order-page .order-controls{align-items:stretch;flex-direction:column}.order-page .order-controls a,.order-page .order-controls button{width:100%}}.order-page .provider-section{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);margin:var(--sp-3) 0;padding:var(--card-padding)}.order-page .provider-section .provider-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:space-between;margin-bottom:10px}.order-page .provider-section .provider-title-left{align-items:center;display:flex;gap:8px}.order-page .provider-section .provider-title-left svg{color:var(--brand-primary);flex-shrink:0}.order-page .provider-section .provider-name{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--fw-semibold);letter-spacing:.06em;margin:0}.order-page .provider-section .provider-title-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.order-page .provider-section .provider-coupon-count{align-items:center;color:var(--gray-400);display:inline-flex;font-size:var(--text-base);font-weight:var(--fw-medium);gap:5px}.order-page .provider-section .provider-coupon-count svg{flex-shrink:0}.order-page .provider-section .provider-error{background:var(--status-error-bg);border:1px solid var(--status-error-bd);border-radius:var(--radius-md);color:var(--status-error-fg);font-size:var(--text-base);margin-bottom:10px;overflow-wrap:anywhere;padding:5px 10px}.order-page .step-tracker{height:40px;margin-top:5px;position:relative}.order-page .step-tracker .step-seg{background:var(--gray-200);height:1.5px;position:absolute;top:8px;z-index:0}.order-page .step-tracker .step-seg.done{background:var(--status-success-bd)}.order-page .step-tracker .step-tracker-item{align-items:center;display:flex;flex-direction:column;position:absolute;top:0;transform:translateX(-50%)}.order-page .step-tracker .step-tracker-item.first{align-items:flex-start;transform:translateX(0)}.order-page .step-tracker .step-tracker-item.last{align-items:flex-end;transform:translateX(-100%)}.order-page .step-tracker .step-dot{align-items:center;background:#fff;border:1.5px solid var(--gray-200);border-radius:50%;color:var(--gray-500);display:flex;flex-shrink:0;height:16px;justify-content:center;position:relative;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;width:16px;z-index:1}.order-page .step-tracker .step-dot.dot-done{background:var(--status-success-bg);border-color:var(--status-success-bd);color:var(--status-success-fg)}.order-page .step-tracker .step-dot.dot-active{background:#fff;border-color:var(--brand-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-accent) 18%,#fff);color:var(--brand-accent);transform:scale(1.02)}.order-page .step-tracker .step-dot.dot-failed{background:var(--status-error-bg);border-color:var(--status-error-bd);color:var(--status-error-fg)}.order-page .step-tracker .step-label-wrap{display:flex;flex-direction:column;gap:1px;margin-top:6px}.order-page .step-tracker .step-label{color:var(--gray-400);font-size:var(--text-xs);white-space:nowrap}.order-page .step-tracker .step-label.step-label-active{color:var(--gray-700);font-weight:var(--fw-medium)}.order-page .step-tracker .step-count{color:var(--gray-500);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-align:center}.order-page .lineitems-card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);margin:var(--sp-3) 0 var(--sp-2);padding:var(--card-padding)}.order-page .lineitems-card .lineitem-row{border-bottom:1px solid var(--gray-100);padding:10px 0}.order-page .lineitems-card .lineitem-row:last-child{border-bottom:none}.order-page .lineitems-card .row-head{align-items:center;display:flex;gap:var(--sp-2);justify-content:space-between;margin-bottom:8px}.order-page .lineitems-card .head-left{align-items:center;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.order-page .lineitems-card .idx{align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-400);display:inline-flex;flex-shrink:0;font-size:var(--text-xs);height:18px;justify-content:center;width:18px}.order-page .lineitems-card .sku{color:var(--gray-800);font-size:var(--text-md);font-weight:var(--fw-medium);max-width:340px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.order-page .lineitems-card .sku{max-width:200px}}.order-page .lineitems-card .dot{color:var(--gray-300);font-size:var(--text-base)}.order-page .lineitems-card .meta{color:var(--gray-500);font-size:var(--text-base)}.order-page .lineitems-card .meta-val{color:var(--gray-800);font-size:var(--text-base);font-weight:var(--fw-medium)}.order-page .lineitems-card .meta-val.ok{color:var(--status-success-fg)}.order-page .lineitems-card .meta-val.bad{color:var(--status-error-fg)}.order-page .lineitems-card .meta-val.muted{color:var(--gray-400)}.order-page .lineitems-card .row-fields{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:640px){.order-page .lineitems-card .row-fields{grid-template-columns:1fr}}.order-page .lineitems-card .field{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;min-width:0;padding:3px 10px;text-align:left;transition:border-color .15s,box-shadow .15s}.order-page .lineitems-card .field:disabled{cursor:default;opacity:.6}.order-page .lineitems-card .field:not(:disabled):hover{background:#fff;border-color:var(--gray-300);box-shadow:0 1px 4px #0000000a}.order-page .lineitems-card .field-label{color:var(--gray-400);font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.order-page .lineitems-card .field-value{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}.order-page .lineitems-card .field-text{color:var(--gray-800);font-size:var(--text-md);font-weight:var(--fw-medium);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-page .lineitems-card .field-icon{align-items:center;color:var(--gray-400);display:inline-flex;flex-shrink:0}.order-page .lineitems-card .row-error{background:var(--status-error-bg);border:1px solid var(--status-error-bd);border-radius:var(--radius-md);margin-top:8px;padding:8px 10px}.order-page .lineitems-card .row-error .error-label{color:var(--status-error-fg);font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.order-page .lineitems-card .row-error .error-text{color:var(--gray-700);font-size:var(--text-md);line-height:1.35;overflow-wrap:anywhere}.stat-card{align-items:center;background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);display:flex;flex:1 1;gap:12px;min-width:180px;padding:14px 16px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.stat-card:hover{border-color:var(--gray-300);box-shadow:0 4px 14px #00000014;transform:translateY(-1px)}.stat-card .icon{align-items:center;background:var(--brand-purple-light);border-radius:var(--radius-xl);color:var(--brand-primary);display:flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.stat-card .icon svg{display:block;height:18px;width:18px}.stat-card .info{display:flex;flex-direction:column;min-width:0}.stat-card .info .label{color:var(--gray-500);font-size:var(--text-base);font-weight:var(--fw-medium);line-height:1.2;margin-bottom:3px}.stat-card .info .value{align-items:baseline;color:var(--gray-900);display:inline-flex;font-size:18px;font-weight:var(--fw-semibold);gap:6px;letter-spacing:-.01em;line-height:1.15;min-width:0;white-space:nowrap}.stat-card .info .value .superscript{color:var(--gray-400);font-size:.7em;font-weight:var(--fw-medium);margin-left:2px}.stat-card .info .value .delta{background:var(--status-progress-bg);border:1px solid var(--status-progress-bd);border-radius:var(--radius-full);color:var(--status-progress-fg);font-size:11px;font-weight:var(--fw-semibold);line-height:1;padding:2px 7px;white-space:nowrap}@media(max-width:600px){.stat-card{padding:12px 14px;width:100%}.stat-card .icon{border-radius:var(--radius-lg);height:32px;width:32px}.stat-card .info .value{font-size:16px}}.button-picker-container{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.button-picker-container .picker-button{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:var(--fw-medium);gap:8px;justify-content:space-between;padding:6px 12px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.button-picker-container .picker-button:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-800)}.button-picker-container .picker-button .label{color:inherit}.button-picker-container .picker-button .count{align-items:center;background:var(--gray-200);border-radius:var(--radius-full);color:var(--gray-500);display:inline-flex;font-size:11px;font-weight:var(--fw-semibold);gap:4px;line-height:1;padding:2px 7px;transition:background .15s,color .15s}.button-picker-container .picker-button.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.button-picker-container .picker-button.active .count{background:#ffffff38;color:#fff}.button-picker-container .picker-button.active.all{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.button-picker-container .picker-button.active.all .count{background:#ffffff38;color:#fff}.button-picker-container .picker-button.active.success{background:var(--status-success-bg);border-color:var(--status-success-bd);color:var(--status-success-fg)}.button-picker-container .picker-button.active.success .count{background:var(--status-success-bd);color:var(--status-success-fg)}.button-picker-container .picker-button.active.investigate{background:var(--status-progress-bg);border-color:var(--status-progress-bd);color:var(--status-progress-fg)}.button-picker-container .picker-button.active.investigate .count{background:var(--status-progress-bd);color:var(--status-progress-fg)}.button-picker-container .picker-button.active.neutral{background:var(--status-neutral-bg);border-color:var(--status-neutral-bd);color:var(--status-neutral-fg)}.button-picker-container .picker-button.active.neutral .count{background:var(--status-neutral-bd);color:var(--status-neutral-fg)}.button-picker-container .picker-button.active.error{background:var(--status-error-bg);border-color:var(--status-error-bd);color:var(--status-error-fg)}.button-picker-container .picker-button.active.error .count{background:var(--status-error-bd);color:var(--status-error-fg)}@media(max-width:768px){.button-picker-container .picker-button{flex:1 0 46%;font-size:12px;justify-content:center;padding:5px 10px}}@media(max-width:480px){.button-picker-container .picker-button{flex:1 0 100%;justify-content:center}}.pagination{flex-wrap:wrap;gap:8px;margin-top:32px;padding:12px 0}.pagination,.pagination .pagination-btn{align-items:center;display:flex;justify-content:center}.pagination .pagination-btn{background-color:#fff;border:1px solid #d0d7de;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;height:36px;min-width:36px;padding:8px 12px;transition:all .2s ease}.pagination .pagination-btn:hover{background-color:#f6f8fa;border-color:#c3cbd3}.pagination .pagination-btn.active{background-color:#1976d2;border-color:#1976d2;color:#fff}.pagination .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination .pagination-btn.icon-btn{font-size:18px;padding:0}@media(max-width:600px){.pagination{gap:6px}.pagination .pagination-btn{font-size:13px;height:32px;min-width:32px;padding:6px 10px}}.orders-page-container{display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:16px;padding-bottom:80px;padding-top:32px}.orders-page-container .page-title{font-size:24px;font-weight:700;margin:0}.orders-page-container .search-toggle-controls{align-items:center;display:flex;justify-content:space-between}.orders-page-container .search-toggle-controls .orders-search-bar{min-width:300px}.orders-page-container .view-toggle{align-items:center;background:var(--gray-100);border-radius:var(--radius-md);display:flex;gap:2px;padding:3px}.orders-page-container .view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:calc(var(--radius-md) - 2px);color:var(--gray-500);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:var(--fw-medium);gap:6px;padding:5px 12px;transition:background .15s,color .15s}.orders-page-container .view-toggle-btn:hover{color:var(--gray-800)}.orders-page-container .view-toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:var(--gray-900);font-weight:var(--fw-semibold)}.orders-page-container .orders-search-bar .search{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;gap:8px;max-width:400px;padding:10px 14px}.orders-page-container .orders-search-bar .search:focus-within{border-color:var(--brand-accent);box-shadow:0 0 0 3px #6d28d914}.orders-page-container .orders-search-bar .search .icon{color:var(--gray-400);flex:0 0 auto}.orders-page-container .orders-search-bar .search input{background:#0000;border:0;color:var(--gray-800);font-family:inherit;font-size:14px;outline:none;width:100%}.orders-page-container .orders-search-bar .search input::placeholder{color:var(--gray-400)}.orders-page-container .orders-search-bar .search .count{background:var(--gray-100);border-radius:999px;color:var(--gray-600);flex:0 0 auto;font-size:12px;line-height:1;padding:3px 8px}.orders-page-container .order-row{align-items:center;border-bottom:1px solid #0000000f;cursor:pointer;display:grid;padding:10px 0}.orders-page-container .order-row:hover{background:#00000005}.orders-page-container .order-row:last-child{border-bottom:0}.orders-page-container .cell{color:var(--gray-800);font-size:13px;min-width:0;padding:0 12px}.orders-page-container .col--email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-page-container .order-total--strikethrough{color:var(--gray-400);text-decoration:line-through}.orders-page-container .order-total--in-progress{background:var(--status-progress-bg);border-radius:6px;color:var(--status-progress-fg);display:inline-block;font-weight:600;padding:3px 8px}.orders-page-container .stats-section{display:flex;flex-wrap:wrap;gap:.5rem}.orders-page-container .orders-section{display:flex;flex-direction:column;gap:10px;margin-top:4px}.orders-page-container .orders-section .orders-table{background:#fff;border:1px solid #0000001a;border-radius:12px;overflow:hidden}.orders-page-container .orders-section .orders-table .table-header{align-items:center;background:#00000008;border-bottom:1px solid #00000014;display:grid;grid-template-columns:190px 130px 1.5fr 2.4fr 100px 100px}.orders-page-container .orders-section .orders-table .table-header .th{align-items:center;color:#000000a6;display:flex;font-size:12px;justify-content:space-between;padding:10px 12px}.orders-page-container .orders-section .orders-table .table-header .th .th-label{align-items:center;display:inline-flex;gap:5px}.orders-page-container .orders-section .orders-table .table-header .th.sortable{background:#0000;border:0;cursor:pointer;font-family:inherit}.orders-page-container .orders-section .orders-table .table-header .th.sortable:hover{background:#00000008}.orders-page-container .orders-section .orders-table .table-header .th.sortable svg{opacity:.7}.orders-page-container .orders-section .orders-table .table-body .tr{align-items:stretch;background:#0000;border:0;border-bottom:1px solid #0000000f;cursor:pointer;display:grid;grid-template-columns:190px 130px 1.5fr 2.4fr 100px 100px;padding:10px 0;text-align:left;width:100%}.orders-page-container .orders-section .orders-table .table-body .tr:hover{background:#00000005}.orders-page-container .orders-section .orders-table .table-body .tr:last-child{border-bottom:0}.orders-page-container .orders-section .orders-table .table-body .tr.dimmed{opacity:.55}.orders-page-container .orders-section .orders-table .table-body .tr.finished{background-color:#f6fbf7}.orders-page-container .orders-section .orders-table .table-body .tr.fraudulent{background-color:#fdf6f6}.orders-page-container .orders-section .orders-table .table-body .tr .td{align-items:center;display:flex;padding:0 12px}.orders-page-container .orders-section .orders-table .table-body .tr .td .stacked-data{display:flex;flex-direction:column;gap:4px;min-width:0}.orders-page-container .orders-section .orders-table .table-body .tr .td .order-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-page-container .orders-section .orders-table .table-body .tr .td .email{font-size:13px;font-weight:500;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-page-container .orders-section .orders-table .table-body .tr .td.td-total{justify-content:center}.orders-page-container .orders-section .orders-table .table-body .tr .td .money{align-items:center;display:inline-flex;gap:8px;justify-content:flex-end}.orders-page-container .orders-section .orders-table .table-body .tr .td .money .amount{font-size:13px;font-weight:500}.orders-page-container .orders-section .orders-table .table-body .tr .td .money .amount.crossed{opacity:.55;text-decoration:line-through}.orders-page-container .orders-section .orders-table--simple .order-row,.orders-page-container .orders-section .orders-table--simple .table-header{grid-template-columns:130px minmax(200px,1.5fr) 100px 140px 110px}.orders-page-container .orders-not-found-container{align-items:center;display:flex;gap:12px;padding:22px}.orders-page-container .orders-not-found-container .empty-icon{background:#0000000a;border-radius:10px;display:grid;height:36px;place-items:center;width:36px}.orders-page-container .orders-not-found-container .empty-icon svg{opacity:.8}.orders-page-container .orders-not-found-container .empty-text{display:flex;flex-direction:column;gap:4px}.orders-page-container .orders-not-found-container .empty-text b{font-size:14px}.orders-page-container .provider-progress-steps{display:flex;flex-direction:column;gap:5px;justify-content:center}.orders-page-container .provider-progress-steps .step-row.minimalist{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:60px 1fr 1fr 1fr}.orders-page-container .provider-progress-steps .step-row.minimalist .step-col{align-items:flex-start;display:flex;flex-direction:column;gap:3px}.orders-page-container .provider-progress-steps .step-row.minimalist .step-col .step-h{color:#00000080;font-size:11px;font-style:italic;font-weight:400;line-height:1.1;overflow:hidden;text-overflow:ellipsis}.orders-page-container .provider-progress-steps .step-row.minimalist .step-col .provider-chip{background:#00000005;border:1px solid #0000001f;border-radius:999px;font-size:10px;padding:4px 8px;white-space:nowrap}.orders-page-container .provider-progress-steps .step-row.minimalist .step-col .provider-chip.huoban{background-color:#f0ecf9;border-color:#5b3cc4;color:#5b3cc4}.orders-page-container .provider-progress-steps .step-row.minimalist .step-col .provider-chip.esimgo{background-color:#eaf4fb;border-color:#31708e;color:#31708e}.orders-page-container .provider-progress-steps .step-row.minimalist .step-col .provider-chip.joytel{background-color:#d1fae5;border-color:#16a34a;color:#16a34a}.orders-page-container .provider-progress-steps .step-row.minimalist .step-col .status-badge{width:100%}.orders-page-container .muted{color:#0000008c;font-size:12px}@media(max-width:640px){.orders-page-container .search-toggle-controls{flex-direction:column;gap:10px}.orders-page-container .search-toggle-controls .orders-search-bar{width:100%}.orders-page-container .search-toggle-controls .view-toggle{margin-left:auto}.orders-page-container .orders-section .orders-table .table-header{display:none!important}.orders-page-container .orders-section .orders-table .table-body .tr{grid-gap:14px;align-items:start;display:grid!important;gap:14px;grid-template-areas:"order status" "customer customer" "steps steps" "total date";grid-template-columns:1fr .5fr;padding:14px 12px}.orders-page-container .orders-section .orders-table .table-body .tr .td{padding:0!important}.orders-page-container .orders-section .orders-table .table-body .tr .td-order{grid-area:order}.orders-page-container .orders-section .orders-table .table-body .tr .td-status{grid-area:status;justify-content:flex-end}.orders-page-container .orders-section .orders-table .table-body .tr .td-customer{grid-area:customer}.orders-page-container .orders-section .orders-table .table-body .tr .provider-progress-steps{grid-area:steps}.orders-page-container .orders-section .orders-table .table-body .tr .td-total{grid-area:total;justify-content:flex-start!important}.orders-page-container .orders-section .orders-table .table-body .tr .td-order-date{grid-area:date;justify-content:flex-end!important}}.esimMappingsPage{display:flex;flex-direction:column;gap:24px;margin-top:60px;padding:24px}.esimMappingsPage .esimMappingsPageHeader h1{font-size:24px;margin-bottom:4px}.esimMappingsPage .esimMappingsPageHeader p{color:#666;font-size:14px}.esimMappingsPage .esimMappingsFormCard{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px}.esimMappingsPage .esimMappingsFormCard .esimMappingsFormHeader{margin-bottom:18px}.esimMappingsPage .esimMappingsFormCard .esimMappingsFormHeader h2{font-size:18px;font-weight:600}.esimMappingsPage .esimMappingsFormCard .esimMappingsForm{display:flex;flex-direction:column;gap:20px}.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormField{display:flex;flex-direction:column;gap:6px}.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormField label{color:#555;font-size:13px;font-weight:500}.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormField input,.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormField select,.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormField textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 10px}.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormField input:focus,.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormField select:focus,.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormField textarea:focus{border-color:#1976d2;outline:none}.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormField textarea{resize:vertical}.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormFieldFull{grid-column:span 4}.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormCheckbox{justify-content:center}.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormCheckbox input{height:18px;width:18px}.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormActions{display:flex;gap:12px;margin-top:8px}.esimMappingsPage .esimMappingsListCard{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:18px;padding:24px}.esimMappingsPage .esimMappingsListCard .esimMappingsListHeader h2{font-size:18px;font-weight:600}.esimMappingsPage .esimMappingsListCard .esimMappingsFilters{display:flex;gap:12px}.esimMappingsPage .esimMappingsListCard .esimMappingsFilters input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.esimMappingsPage .esimMappingsListCard .esimMappingsFilters select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 10px;width:180px}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid{border-top:1px solid #e5e7eb;display:flex;flex-direction:column}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsGridHeader{color:#666;display:grid;font-size:13px;font-weight:600;grid-template-columns:1.4fr 1fr 1fr 80px 2fr 90px;padding:12px 0}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsGridRow{align-items:center;border-top:1px solid #f1f5f9;display:grid;font-size:14px;grid-template-columns:1.4fr 1fr 1fr 80px 2fr 90px;padding:12px 0}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsGridRow:hover{background:#fafafa}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsSku{font-weight:500}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsExternalId{color:#333}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsProvider .esimMappingsProviderBadge{background:#eef2ff;border-radius:999px;color:#4f46e5;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsProvider .esimMappingsProviderBadge.Huoban{background-color:#f0ecf9;border:1px solid #5b3cc4;color:#5b3cc4}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsProvider .esimMappingsProviderBadge.JoyTel{background-color:#d1fae5;border:1px solid #16a34a;color:#16a34a}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsStatus{align-items:center;display:flex;font-size:20px}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsStatus .esimMappingsStatusActive{color:#22c55e}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsStatus .esimMappingsStatusInactive{color:#ef4444}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsNote{color:#666;font-size:13px}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsRowActions{display:flex;gap:12px;justify-content:center}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsIconButton{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:flex;justify-content:center;padding:4px}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsIconButton svg{font-size:18px}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsIconButton:hover{color:#1976d2}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsIconButtonDanger:hover{color:#e53935}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsEmptyState{color:#888;font-size:14px;padding:30px 0;text-align:center}@media(max-width:768px){.esimMappingsPage{padding:16px}.esimMappingsPage .esimMappingsFormCard{padding:18px}.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormGrid{grid-template-columns:1fr}.esimMappingsPage .esimMappingsFormCard .esimMappingsForm .esimMappingsFormFieldFull{grid-column:span 1}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid{border-top:none}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsGridHeader{display:none}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsGridRow{grid-gap:10px 12px;align-items:start;border-top:1px solid #e5e7eb;display:grid;gap:10px 12px;grid-template-areas:"sku actions" "externalId externalId" "meta meta" "note note";grid-template-columns:1fr auto;padding:14px 0}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsSku{font-size:15px;font-weight:600;grid-area:sku;line-height:1.3;min-width:0;word-break:break-word}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsExternalId{color:#666;font-size:13px;grid-area:externalId;min-width:0;word-break:break-word}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsExternalId:before{color:#444;content:"External ID: ";font-weight:600}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsProvider{align-items:center;display:inline-flex;flex-wrap:wrap;gap:10px;grid-area:meta}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsStatus{align-items:center;display:inline-flex;font-size:18px;line-height:1}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsNote{color:#666;font-size:13px;grid-area:note;min-width:0;word-break:break-word}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsNote:before{color:#444;content:"Note: ";font-weight:600}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsRowActions{align-items:center;display:flex;gap:10px;grid-area:actions;justify-content:flex-end}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsIconButton{padding:6px}.esimMappingsPage .esimMappingsListCard .esimMappingsGrid .esimMappingsIconButton svg{font-size:18px}}:root{--brand-primary:#5b21b6;--brand-purple-light:#ead8ee;--brand-purple-text:#162459;--brand-accent:#6d28d9;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-150:#eff0f2;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--status-neutral-bg:var(--gray-100);--status-neutral-fg:var(--gray-500);--status-neutral-bd:var(--gray-200);--status-progress-bg:#faf7ed;--status-progress-fg:#6b4f1d;--status-progress-bd:#e6d3a3;--status-success-bg:#edf8f1;--status-success-fg:#1f5138;--status-success-bd:#7bc69a;--status-error-bg:#fff1f2;--status-error-fg:#be123c;--status-error-bd:#fecdd3;--text-xs:10px;--text-sm:11px;--text-base:12px;--text-md:13px;--text-lg:14px;--text-xl:16px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-full:999px;--card-bg:#fff;--card-border:1px solid var(--gray-200);--card-shadow:0 1px 4px #0000000f;--card-padding:14px;--card-radius:var(--radius-lg);--page-bg:#f5f6f8}.btn-disabled,.btn:disabled,.btnDisabled{cursor:not-allowed;opacity:.45}.btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;font-weight:var(--fw-medium);gap:5px;justify-content:center;line-height:1;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn>svg{flex-shrink:0}.btn-lg{font-size:14px;font-size:var(--text-lg);padding:9px 18px}.btn-md{font-size:13px;font-size:var(--text-md);padding:7px 14px}.btn-sm{font-size:12px;font-size:var(--text-base);padding:5px 11px}.btn-xs{border-radius:4px;border-radius:var(--radius-sm);font-size:11px;font-size:var(--text-sm);gap:3px;padding:3px 8px}.btn-primary{background:#5b21b6;background:var(--brand-primary);border-color:#5b21b6;border-color:var(--brand-primary);color:#fff;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.btn-primary:hover:not(:disabled){background:#4c1d95;border-color:#4c1d95;box-shadow:0 1px 2px #00000014}.btn-primary:active:not(:disabled){background:#3c1674;border-color:#3c1674;box-shadow:none;transform:translateY(1px)}.btn-outline{background:#fff;border-color:#d1d5db;border-color:var(--gray-300);color:#374151;color:var(--gray-700)}.btn-outline:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400);color:#1f2937;color:var(--gray-800)}.btn-brand{background:#ead8ee;background:var(--brand-purple-light);border-color:#d8bde0;color:#162459;color:var(--brand-purple-text)}.btn-brand:hover:not(:disabled){background:#ddc8e6}.btn-success{background:#edf8f1;background:var(--status-success-bg);border-color:#7bc69a;border-color:var(--status-success-bd);color:#1f5138;color:var(--status-success-fg)}.btn-success:hover:not(:disabled){background:#dcfce7}.btn-danger{background:#fff1f2;background:var(--status-error-bg);border-color:#fecdd3;border-color:var(--status-error-bd);color:#be123c;color:var(--status-error-fg)}.btn-danger:hover:not(:disabled){background:#ffe4e6}.btn-ghost{background:#0000;border:1px dashed #d1d5db;border:1px dashed var(--gray-300);color:#6b7280;color:var(--gray-500)}.btn-ghost:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400);color:#374151;color:var(--gray-700)}.btn-muted{background:#f3f4f6;background:var(--gray-100);border-color:#e5e7eb;border-color:var(--gray-200);color:#6b7280;color:var(--gray-500);cursor:default;pointer-events:none}.btn-block{display:flex;width:100%}.btn-icon-only{aspect-ratio:1;gap:0;padding:6px}.btnLarge{font-size:14px;font-size:var(--text-lg);padding:9px 18px}.btnMedium{font-size:13px;font-size:var(--text-md);padding:7px 14px}.btnSmall{font-size:12px;font-size:var(--text-base);padding:5px 11px}.btnSlim{font-size:11px;font-size:var(--text-sm);padding:3px 8px}.btnPrimary{background:#5b21b6;background:var(--brand-primary);border-color:#5b21b6;border-color:var(--brand-primary);color:#fff}.btnPrimary:hover:not(:disabled){background:#0f1527}.btnWireframe{background:#fff;border-color:#d1d5db;border-color:var(--gray-300);color:#374151;color:var(--gray-700)}.btnWireframe:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.btnCancel{background:#fff1f2;background:var(--status-error-bg);border-color:#fecdd3;border-color:var(--status-error-bd);color:#be123c;color:var(--status-error-fg)}.btnSuccess{background:#edf8f1;background:var(--status-success-bg);border-color:#7bc69a;border-color:var(--status-success-bd);color:#1f5138;color:var(--status-success-fg)}.btnWarning{background:#faf7ed;background:var(--status-progress-bg);border-color:#e6d3a3;border-color:var(--status-progress-bd);color:#6b4f1d;color:var(--status-progress-fg)}.btnDanger{background:#fff1f2;background:var(--status-error-bg);border-color:#fecdd3;border-color:var(--status-error-bd);color:#be123c;color:var(--status-error-fg)}.btnGhost{background:#0000;border:1px dashed #d1d5db;border:1px dashed var(--gray-300);color:#6b7280;color:var(--gray-500)}.btnGhost:hover:not(:disabled){background:#f9fafb;background:var(--gray-50)}.btnBlock{display:flex;width:100%}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#f9f9fb}.back-link{align-items:center;color:var(--brand-accent);display:inline-flex;font-size:15px;font-weight:500;margin-bottom:24px;margin-left:15px;margin-top:15px;text-decoration:none;transition:color .2s ease}.back-link:hover{color:var(--brand-accent);text-decoration:underline}.back-link>svg{font-size:18px;margin-right:6px}.content-container{margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;width:100%}@media(min-width:1536px){.content-container{max-width:1320px}}@media(min-width:1280px)and (max-width:1535px){.content-container{max-width:1140px}}@media(min-width:1024px)and (max-width:1279px){.content-container{max-width:960px}}@media(min-width:768px)and (max-width:1023px){.content-container{max-width:720px}}@media(max-width:767px){.content-container{max-width:100%;padding-left:16px;padding-right:16px}}