.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{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111827eb;border-bottom:1px solid #ffffff14;box-shadow:0 10px 30px #0000002e;position:sticky;top:0;width:100%;z-index:1000}.navbar .navbar-container{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:72px;padding:0 20px;position:relative}.navbar .navbar-brand{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.3px;white-space:nowrap}.navbar .menu-toggle{background:#0000;border:none;color:#fff;cursor:pointer;display:none;font-size:30px;line-height:1;padding:6px}.navbar .navbar-menu{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:space-between}.navbar .nav-links{align-items:center;display:flex;gap:10px;margin-left:auto}.navbar .nav-link,.navbar .signout-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#d1d5db;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 14px;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease}.navbar .nav-link:hover,.navbar .signout-button:hover{background:#ffffff14;border-color:#ffffff14;color:#fff;transform:translateY(-1px)}.navbar .nav-link.active{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 8px 20px #2563eb59;color:#fff}.navbar .signout-button{background:#ef444414;border:1px solid #ef444438;color:#fca5a5;cursor:pointer}.navbar .signout-button:hover{background:#ef444429;border-color:#ef444452;color:#fff}.navbar .nav-icon{flex-shrink:0;font-size:20px}@media(max-width:768px){.navbar .navbar-container{flex-wrap:wrap;min-height:72px;padding:0 16px}.navbar .menu-toggle{align-items:center;display:inline-flex;justify-content:center;margin-left:auto}.navbar .navbar-menu{align-items:stretch;background:#111827fa;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 18px 50px #00000047;display:none;flex-direction:column;gap:14px;left:16px;padding:14px;position:absolute;right:16px;top:calc(100% + 10px)}.navbar .navbar-menu.open{display:flex}.navbar .nav-links{align-items:stretch;flex-direction:column;gap:10px;margin-left:0;width:100%}.navbar .nav-link,.navbar .signout-button{border-radius:14px;font-size:.95rem;justify-content:flex-start;padding:14px 16px;width:100%}.navbar .nav-icon{font-size:22px}}@media(max-width:480px){.navbar .navbar-brand{font-size:1rem}.navbar .navbar-container{padding:0 12px}.navbar .navbar-menu{left:12px;right:12px}}.button-picker-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-top:1rem}.button-picker-container .picker-button{align-items:center;background-color:#f9fafb;border:1px solid #d0d5dd;border-radius:999px;color:#344054;cursor:pointer;display:inline-flex;flex:1 0 auto;font-size:.875rem;font-weight:500;justify-content:space-between;max-width:100%;min-width:130px;padding:6px 14px;transition:all .2s ease-in-out}.button-picker-container .picker-button:hover{background-color:#eef2f6}.button-picker-container .picker-button.active{background-color:#007aff;border-color:#007aff;color:#fff}.button-picker-container .picker-button.active .label{color:#fff}.button-picker-container .picker-button.active .count{background-color:#fff;color:#007aff}.button-picker-container .picker-button .label{color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-picker-container .picker-button .count{align-items:center;background-color:#e4e7ec;border-radius:999px;color:#475467;display:flex;font-size:.75rem;font-weight:600;gap:5px;margin-left:.5rem;padding:2px 8px;transition:background-color .2s ease}@media(max-width:768px){.button-picker-container{justify-content:center}.button-picker-container .picker-button{flex:1 0 46%;font-size:.75rem;min-width:auto;padding:5px 10px}}@media(max-width:480px){.button-picker-container .picker-button{flex:1 0 100%;justify-content:center}}@keyframes pulse{0%{box-shadow:0 0 0 0 #fde68ab3}70%{box-shadow:0 0 0 6px #fde68a00}to{box-shadow:0 0 0 0 #fde68a00}}.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)}}.status-badge{background-color:#e0e0e0;border-radius:12px;color:#555;display:inline-block;font-weight:500;padding:4px 15px}@media screen and (max-width:600px){.status-badge{padding:4px 10px}}.status-badge.success{background-color:#e6f4ea;border:1px solid #2e7d32;color:#2e7d32}.status-badge.neutral{background-color:#f4f4f4;border:1px solid #888;color:#888}.status-badge.error{background-color:#fdecea;border:1px solid #c62828;color:#c62828}.status-badge.investigate{background-color:#fff3e0;border:1px solid #ef6c00;color:#ef6c00}.status-badge.editable{border:none;border-radius:12px;font-size:12px;font-weight:600;padding:4px 28px 4px 10px;text-transform:uppercase}.status-badge.editable:focus{outline:none}.status-badge.editable option{background:#fff;color:#333}.status-badge{--bg:#f4f4f4;--fg:#555;--bd:#cfcfcf;align-items:center;background:var(--bg);border:1px solid var(--bd);border-radius:999px;color:var(--fg);display:inline-flex;font-size:11px;font-weight:600;gap:8px;line-height:1;padding:4px 12px;text-transform:uppercase;white-space:nowrap}@media(max-width:600px){.status-badge{gap:6px;padding:4px 10px}}.status-badge.success{--bg:#e6f4ea;--fg:#2e7d32;--bd:#2e7d32}.status-badge.neutral{--bg:#f4f4f4;--fg:#666;--bd:#bdbdbd}.status-badge.error{--bg:#fdecea;--fg:#c62828;--bd:#c62828}.status-badge.investigate{--bg:#fff3e0;--fg:#ef6c00;--bd:#ef6c00}.status-badge.editable{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23555%27 height=%2716%27 viewBox=%270 0 24 24%27 width=%2716%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:26px}.status-badge.editable:focus{outline:2px solid #00000026;outline-offset:2px}.status-badge .days-left{background-color:#e0e0e0;color:#555;font-size:11px;font-style:italic;font-weight:500;margin-left:10px;text-transform:none}.status-badge .days-left.success{background-color:#e6f4ea;color:#333}.status-badge .days-left.error{background-color:#fdecea;color:#c62828}.status-badge .days-left.investigate{background-color:#fff3e0;color:#ef6c00}@media screen and (max-width:600px){.status-badge .days-left{margin-left:5px}}.stat-card{align-items:center;background:#fff;border:1px solid #eef0f3;border-radius:12px;box-shadow:0 1px 2px #0000000a;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:#e5e7eb;box-shadow:0 6px 18px #00000014;transform:translateY(-1px)}.stat-card .icon{align-items:center;background:#007aff1a;border-radius:10px;color:#007aff;display:flex;flex:0 0 auto;height:34px;justify-content:center;width:34px}.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:#6b7280;font-size:12px;font-weight:500;line-height:1.2;margin-bottom:2px}.stat-card .info .value{align-items:baseline;color:#111827;display:inline-flex;font-size:18px;font-weight:700;gap:6px;letter-spacing:-.01em;line-height:1.15;min-width:0;white-space:nowrap}.stat-card .info .value .superscript{color:#6b7280;font-size:.7em;font-weight:600;margin-left:2px}.stat-card .info .value .delta{background:#e539351f;border-radius:999px;color:#e53935;font-size:12px;font-weight:600;line-height:1;padding:2px 6px;white-space:nowrap}@media(max-width:600px){.stat-card{padding:12px 14px;width:100%}.stat-card .icon{border-radius:9px;height:32px;width:32px}.stat-card .info .value{font-size:16px}}.home-page-container{display:flex;flex-direction:column;gap:16px;margin-bottom:80px;margin-top:60px}.home-page-container .hero-section{align-items:flex-end;display:flex;gap:12px;justify-content:space-between}.home-page-container .hero-section .hero-left{display:flex;flex-direction:column;gap:6px}.home-page-container .hero-section .hero-left .subtitle{align-items:center;color:#0009;display:flex;font-size:13px;gap:6px}.home-page-container .hero-section .hero-left .subtitle .linklike{background:#0000;border:0;color:inherit;cursor:pointer;text-decoration:underline}.home-page-container .search-container{min-width:320px}.home-page-container .search-container .search{align-items:center;background:#fff;border:1px solid #0000001f;border-radius:10px;display:flex;gap:8px;padding:10px 12px}.home-page-container .search-container .search .icon{flex:0 0 auto;opacity:.7}.home-page-container .search-container .search input{background:#0000;border:0;font-size:14px;outline:none;width:100%}.home-page-container .search-container .search input::placeholder{color:#00000073}.home-page-container .search-container .search .count{background:#0000000f;border-radius:999px;color:#000000a6;flex:0 0 auto;font-size:12px;line-height:1;padding:4px 8px}.home-page-container .stats-section{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.home-page-container .orders-section{display:flex;flex-direction:column;gap:10px;margin-top:1rem}.home-page-container .orders-section .orders-header{align-items:center;display:flex;justify-content:space-between}.home-page-container .orders-section .orders-table{background:#fff;border:1px solid #0000001a;border-radius:12px;overflow:hidden}.home-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}.home-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}.home-page-container .orders-section .orders-table .table-header .th .th-label{align-items:center;display:inline-flex;gap:5px}.home-page-container .orders-section .orders-table .table-header .th.sortable{background:#0000;border:0;cursor:pointer}.home-page-container .orders-section .orders-table .table-header .th.sortable:hover{background:#00000008}.home-page-container .orders-section .orders-table .table-header .th.sortable svg{opacity:.7}.home-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%}.home-page-container .orders-section .orders-table .table-body .tr:hover{background:#00000005}.home-page-container .orders-section .orders-table .table-body .tr:last-child{border-bottom:0}.home-page-container .orders-section .orders-table .table-body .tr.dimmed{opacity:.55}.home-page-container .orders-section .orders-table .table-body .tr.finished{background-color:#f6fbf7}.home-page-container .orders-section .orders-table .table-body .tr.fraudulent{background-color:#fdf6f6}.home-page-container .orders-section .orders-table .table-body .tr .td{align-items:center;display:flex;padding:0 12px}.home-page-container .orders-section .orders-table .table-body .tr .td .stacked-data{display:flex;flex-direction:column;gap:4px;min-width:0}.home-page-container .orders-section .orders-table .table-body .tr .td .order-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-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}.home-page-container .orders-section .orders-table .table-body .tr .td.td-total{justify-content:center}.home-page-container .orders-section .orders-table .table-body .tr .td .money{align-items:center;display:inline-flex;gap:8px;justify-content:flex-end}.home-page-container .orders-section .orders-table .table-body .tr .td .money .amount{font-size:13px;font-weight:500}.home-page-container .orders-section .orders-table .table-body .tr .td .money .amount.crossed{opacity:.55;text-decoration:line-through}.home-page-container .orders-not-found-container{align-items:center;display:flex;gap:12px;padding:22px}.home-page-container .orders-not-found-container .empty-icon{background:#0000000a;border-radius:10px;display:grid;height:36px;place-items:center;width:36px}.home-page-container .orders-not-found-container .empty-icon svg{opacity:.8}.home-page-container .orders-not-found-container .empty-text{display:flex;flex-direction:column;gap:4px}.home-page-container .orders-not-found-container .empty-text b{font-size:14px}.home-page-container .provider-progress-steps{display:flex;flex-direction:column;gap:5px;justify-content:center}.home-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}.home-page-container .provider-progress-steps .step-row.minimalist .step-col{align-items:flex-start;display:flex;flex-direction:column;gap:3px}.home-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}.home-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}.home-page-container .provider-progress-steps .step-row.minimalist .step-col .provider-chip.huoban{background-color:#f0ecf9;border:1px solid #5b3cc4;color:#5b3cc4}.home-page-container .provider-progress-steps .step-row.minimalist .step-col .provider-chip.esimgo{background-color:#eaf4fb;border:1px solid #31708e;color:#31708e}.home-page-container .provider-progress-steps .step-row.minimalist .step-col .provider-chip .joytel{background-color:#d1fae5;border:1px solid #16a34a;color:#16a34a}.home-page-container .provider-progress-steps .step-row.minimalist .step-col .status-badge{width:100%}.home-page-container .muted{color:#0000008c;font-size:12px}@media(max-width:640px){.home-page-container .search-container{min-width:0}.home-page-container .orders-section .orders-table .table-header{display:none!important}.home-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}.home-page-container .orders-section .orders-table .table-body .tr .td{padding:0!important}.home-page-container .orders-section .orders-table .table-body .tr .td-order{grid-area:order}.home-page-container .orders-section .orders-table .table-body .tr .td-status{grid-area:status;justify-content:flex-end}.home-page-container .orders-section .orders-table .table-body .tr .td-customer{grid-area:customer}.home-page-container .orders-section .orders-table .table-body .tr .provider-progress-steps{grid-area:steps}.home-page-container .orders-section .orders-table .table-body .tr .td-total{grid-area:total;justify-content:flex-start!important}.home-page-container .orders-section .orders-table .table-body .tr .td-order-date{grid-area:date;justify-content:flex-end!important}}.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}.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{background:#fff;margin-top:40px;padding:0}.order-risk h2{font-size:20px;font-weight:600;margin-bottom:12px}.order-risk .risk-summary{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px}.order-risk .risk-summary .label{color:#666;font-size:14px;font-weight:500;margin-right:6px}.order-risk .risk-summary .value{font-size:14px;font-weight:500}.order-risk .risk-summary .pill{border-radius:14px;font-size:13px;font-weight:600;padding:2px 10px;text-transform:uppercase}.order-risk .risk-summary .pill.low{background:#eafaf1;color:#27ae60}.order-risk .risk-summary .pill.medium{background:#fff4e5;color:#f39c12}.order-risk .risk-summary .pill.high{background:#fdecea;color:#e74c3c}.order-risk .risk-facts h3{font-size:16px;font-weight:600;margin-bottom:8px}.order-risk .risk-facts ul{list-style:none;margin:0;padding:0}.order-risk .risk-facts ul li{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;padding:8px 0}.order-risk .risk-facts ul li .sentiment{flex-shrink:0;font-size:13px;font-weight:600;width:100px}.order-risk .risk-facts ul li .description{color:#333;font-size:14px}.order-risk .raw-json-toggle{margin-top:18px}.order-risk .raw-json-toggle summary{cursor:pointer;font-size:14px;font-weight:500;margin-bottom:8px}.order-risk .raw-json-toggle .raw-json{font-family:monospace;font-size:13px;max-height:300px;overflow:auto;white-space:pre-wrap;word-break:break-word}.order-risk .raw-json-toggle .raw-json,.smart-json-viewer{background:#f8f9fa;border:1px solid #e1e1e1;border-radius:6px;padding:12px}.smart-json-viewer{font-size:14px;margin-top:10px;overflow-x:auto;white-space:nowrap}.smart-json-viewer .json-node{cursor:default;margin:4px 0}.smart-json-viewer .json-node .json-key{align-items:center;color:#333;cursor:pointer;display:flex;gap:6px}.smart-json-viewer .json-node .json-key .toggle{color:#888;font-size:12px}.smart-json-viewer .json-node .json-key .key{color:#2c3e50;font-weight:500}.smart-json-viewer .json-node .json-key .type{color:#999;font-style:italic}.smart-json-viewer .json-node .value{color:#34495e}.smart-json-viewer .json-node .json-children{border-left:1px dashed #ccc;margin-left:16px;padding-left:8px}.smart-json-viewer .level-1{margin-left:10px}.smart-json-viewer .level-2{margin-left:20px}.smart-json-viewer .level-3{margin-left:30px}.smart-json-viewer .level-4{margin-left:40px}.order-page{background-color:#fff;border-radius:12px;box-shadow:0 4px 14px #00000014;color:#333;font-family:Arial,sans-serif;margin:40px auto;max-width:1000px;padding:24px}.order-page .order-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.order-page .order-header h1{font-size:28px;margin:0}.order-page .order-header .created{color:#888;font-size:14px}.order-page .order-details-wrapper{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin:32px 0}@media(max-width:1024px){.order-page .order-details-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.order-page .order-details-wrapper{gap:16px;grid-template-columns:1fr}}.order-page .order-details-wrapper .order-details-card{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 4px 14px #0000000f;min-width:0;padding:16px}.order-page .order-details-wrapper .order-details-card .card-title{color:#111;font-size:18px;font-weight:700;margin:0 0 12px}.order-page .order-details-wrapper .order-details-card .field-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.order-page .order-details-wrapper .order-details-card .field{min-width:0}.order-page .order-details-wrapper .order-details-card .field .label{color:#6b7280;font-size:11px;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.order-page .order-details-wrapper .order-details-card .field .value{color:#111;font-size:14px;font-weight:600;min-width:0}.order-page .order-details-wrapper .order-details-card .value-link{color:#111;text-decoration:none}.order-page .order-details-wrapper .order-details-card .value-link:hover{text-decoration:underline}.order-page .order-details-wrapper .order-details-card .one-line{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-page .order-details-wrapper .order-details-card .card-subsection{border-top:1px solid #f0f0f0;margin-top:14px;padding-top:12px}.order-page .order-details-wrapper .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-wrapper .order-details-card .subsection-header .subsection-title{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.order-page .order-details-wrapper .order-details-card .subsection-header .subsection-action{color:#6b7280;font-size:12px}.order-page .order-details-wrapper .order-details-card .subsection-body{color:#111;font-size:13px;line-height:1.4;margin-top:10px;overflow-wrap:anywhere}.order-page .order-details-wrapper .statuses-card .status-list{border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:0;margin-top:6px}.order-page .order-details-wrapper .statuses-card .status-row{align-items:center;background:#0000;border-bottom:1px solid #f0f0f0;border-radius:0;display:flex;gap:12px;justify-content:space-between;min-width:0;padding:12px 0}.order-page .order-details-wrapper .statuses-card .status-row:last-child{border-bottom:none}.order-page .order-details-wrapper .statuses-card .status-left{align-items:center;display:flex;gap:10px;min-width:0}.order-page .order-details-wrapper .statuses-card .status-index{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#6b7280;display:flex;flex-shrink:0;font-size:12px;height:22px;justify-content:center;width:22px}.order-page .order-details-wrapper .statuses-card .status-label{color:#111;font-size:14px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-page .order-details-wrapper .statuses-card .status-right{align-items:center;display:flex;flex-shrink:0;gap:8px}@media(max-width:480px){.order-page .order-details-wrapper .statuses-card .status-label{overflow:visible;text-overflow:clip;white-space:normal}}.order-page .shopify-line-items-card{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 4px 14px #0000000f;margin:28px 0 20px;padding:16px}.order-page .shopify-line-items-card .order-items-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.order-page .shopify-line-items-card .order-items-header h2{color:#111;font-size:18px;font-weight:700;margin:0}.order-page .shopify-line-items-card .order-items-header .item-count{color:#6b7280;font-size:12px;font-weight:600;white-space:nowrap}.order-page .shopify-line-items-card .items-table{border-radius:10px;border-top:1px solid #f0f0f0;overflow-x:auto;width:100%}.order-page .shopify-line-items-card .items-row{grid-gap:12px;align-items:center;border-bottom:1px solid #f0f0f0;display:grid;gap:12px;grid-template-columns:2fr 2.4fr .8fr 1fr 1fr;min-width:680px;padding:12px 0}.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:#111;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-page .shopify-line-items-card .items-row .col-sku{color:#374151;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;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:#111;font-weight:600;justify-self:end;text-align:right;white-space:nowrap}.order-page .shopify-line-items-card .items-row .col-price{color:#374151}.order-page .shopify-line-items-card .items-head{border-bottom:1px solid #f0f0f0;padding:10px 0}.order-page .shopify-line-items-card .items-head .cell{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.order-page .shopify-line-items-card .items-head .col-title{color:#6b7280;font-weight:700}@media(max-width:768px){.order-page .shopify-line-items-card{padding:14px}.order-page .shopify-line-items-card .items-row{min-width:640px;padding:10px 0}}.order-page .order-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:28px}@media(max-width:768px){.order-page .order-controls{align-items:stretch;flex-direction:column}.order-page .order-controls a,.order-page .order-controls button{width:100%}}.order-page .lineitems-card{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 4px 14px #0000000f;margin:28px 0 20px;padding:16px}.order-page .lineitems-card .lineitems-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.order-page .lineitems-card .lineitems-header h2{color:#111;font-size:18px;font-weight:700;margin:0}.order-page .lineitems-card .lineitems-header .lineitems-count{color:#6b7280;font-size:12px;font-weight:600;white-space:nowrap}.order-page .lineitems-card .lineitems-list{border-top:1px solid #f0f0f0;display:flex;flex-direction:column}.order-page .lineitems-card .lineitem-row{border-bottom:1px solid #f0f0f0;padding:12px 0}.order-page .lineitems-card .lineitem-row:last-child{border-bottom:none}.order-page .lineitems-card .row-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.order-page .lineitems-card .head-left{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.order-page .lineitems-card .idx{align-items:center;border:1px solid #e5e7eb;border-radius:999px;color:#6b7280;display:inline-flex;flex-shrink:0;font-size:12px;height:22px;justify-content:center;width:22px}.order-page .lineitems-card .sku{color:#111;font-size:14px;font-weight:600;max-width:360px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.order-page .lineitems-card .sku{max-width:220px}}.order-page .lineitems-card .dot{color:#c7c7c7;font-size:12px;line-height:1}.order-page .lineitems-card .meta{color:#6b7280;font-size:12px}.order-page .lineitems-card .meta-val{color:#111;font-weight:600}.order-page .lineitems-card .meta-val.ok{color:#166534}.order-page .lineitems-card .meta-val.bad{color:#991b1b}.order-page .lineitems-card .meta-val.muted{color:#6b7280}.order-page .lineitems-card .row-fields{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:768px){.order-page .lineitems-card .row-fields{grid-template-columns:1fr}}.order-page .lineitems-card .field{background:#fff;border:1px solid #eee;border-radius:12px;cursor:pointer;min-width:0;padding:10px 12px;text-align:left}.order-page .lineitems-card .field:disabled{cursor:default;opacity:.7}.order-page .lineitems-card .field:not(:disabled):hover{border-color:#e5e7eb;box-shadow:0 2px 10px #0000000a}.order-page .lineitems-card .field-label{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.order-page .lineitems-card .field-value{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:0}.order-page .lineitems-card .field-text{color:#111;font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-page .lineitems-card .field-icon{align-items:center;color:#6b7280;display:inline-flex;flex-shrink:0;justify-content:center}.order-page .lineitems-card .row-error{background:#fff;border:1px solid #fee2e2;border-radius:12px;margin-top:10px;padding:10px 12px}.order-page .lineitems-card .row-error .error-label{color:#991b1b;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.order-page .lineitems-card .row-error .error-text{color:#111;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.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{font-family:Inter,sans-serif;padding:32px}.orders-page-container .page-title{font-size:28px;font-weight:700;margin-bottom:24px}.orders-page-container .top-bar{margin-bottom:24px}.orders-page-container .search-input{border:1px solid #ddd;border-radius:8px;font-size:14px;max-width:360px;padding:10px 16px;width:100%}.orders-page-container .search-input:focus{border-color:#1976d2;outline:none}.orders-page-container .orders-grid-wrapper{background:#fff;border:1px solid #eee;border-radius:8px;overflow-x:auto}.orders-page-container .orders-grid{min-width:1050px}.orders-page-container .orders-grid__header{background:#f5f6f7;border-bottom:1px solid #eee;display:grid;grid-template-columns:90px minmax(260px,2fr) 90px 130px 140px 140px 140px 110px;padding:12px 16px}.orders-page-container .hcell{color:#555;font-size:13px;font-weight:600;white-space:nowrap}.orders-page-container .orders-grid__body{display:flex;flex-direction:column}.orders-page-container .order-row{align-items:start;border-bottom:1px solid #eee;cursor:pointer;display:grid;grid-template-columns:90px minmax(260px,2fr) 90px 130px 140px 140px 140px 110px;padding:12px 16px}.orders-page-container .order-row:hover{background:#fafafa}.orders-page-container .cell{color:#222;font-size:14px;min-width:0}.orders-page-container .col--email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-page-container .dash{color:#aaa}.orders-page-container .order-total--strikethrough{color:#999;text-decoration:line-through}.orders-page-container .order-total--in-progress{background:#fff6db;border-radius:6px;color:#856404;display:inline-block;font-weight:600;padding:4px 8px}.orders-page-container .stack{display:flex;flex-direction:column;gap:6px}.orders-page-container .stack__line{align-items:center;display:flex}.orders-page-container .stack__line .status-badge{min-width:90px;text-align:center}.orders-page-container .empty-state{color:#999;font-size:15px;padding:32px;text-align:center}@media(max-width:768px){.orders-page-container .orders-page-container{padding:20px}.orders-page-container .page-title{font-size:22px}.orders-page-container .search-input{max-width:100%}.orders-page-container .orders-grid{min-width:1050px}}.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}}button:disabled{background-color:#ccc;border-color:#666;color:#666;cursor:not-allowed;opacity:.7}button:disabled:hover{background-color:#111}button:disabled:disabled{background-color:#ccc;color:#666;cursor:not-allowed}button:disabled:disabled:hover{background-color:#ccc}.btn{align-items:center;border:none;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.btn>svg:first-child{margin-right:8px}.btn.icon-only{height:36px;justify-content:center;padding:8px;width:36px}.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btnLarge{border-radius:8px;font-size:16px;font-weight:600;padding:12px 24px}.btnMedium{border-radius:6px;font-size:15px;font-weight:500;padding:10px 20px}.btnSmall{font-size:13px;padding:6px 14px}.btnSlim,.btnSmall{border-radius:4px;font-weight:500}.btnSlim{font-size:12px;padding:4px 10px}.btnPrimary{background-color:#1976d2;color:#fff}.btnPrimary:hover{background-color:#125aa2}.btnWireframe{background-color:#0000;border:1px solid #1976d2;color:#1976d2}.btnWireframe:hover{background-color:#e3f2fd}.btnCancel{background-color:#fce4ec;border:1px solid #f8bbd0;color:#c2185b}.btnCancel:hover{background-color:#f8bbd0}.btnSuccess{background-color:#4caf50;color:#fff}.btnSuccess:hover{background-color:#388e3c}.btnWarning{background-color:#ff9800;color:#fff}.btnWarning:hover{background-color:#ef6c00}.btnDanger{background-color:#e53935;color:#fff}.btnDanger:hover{background-color:#c62828}.btnGhost{background-color:#0000;border:1px dashed #999;color:#333}.btnGhost:hover{background-color:#f5f5f5}.btnDisabled{opacity:.6;pointer-events:none}.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:#1976d2;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:#125aa2;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}}