:root{color:#252525;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--canvas:#f6f7f8;--surface:#fff;--surface-soft:#fafbfa;--text:#252525;--muted:#727a75;--muted-light:#a0a7a2;--border:#e5e9e6;--border-strong:#d9dfdb;--brand:#a7e9af;--brand-strong:#3c8f50;--brand-ink:#285f35;--brand-soft:#e9f8ec;--danger:#c95353;--danger-soft:#fff0f0;--warning:#ad741f;--warning-soft:#fff6e7;--progress:#4f75bd;--progress-soft:#edf3ff;--shadow-sm:0 1px 2px #182d1f08, 0 6px 18px #182d1f0b;--shadow-md:0 20px 50px #142b1b21;background:#f6f7f8;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #3c8f502e}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh}.sidebar{z-index:30;border-right:1px solid var(--border);background:#fffffff7;flex-direction:column;width:254px;padding:24px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-header{justify-content:space-between;align-items:center;padding:0 8px 28px;display:flex}.brand{align-items:center;gap:11px;display:inline-flex}.brand-mark{color:#183a21;background:var(--brand);border-radius:12px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 8px 20px #58b16a38}.brand-name{color:#1d2420;letter-spacing:-.7px;align-items:baseline;gap:5px;font-size:20px;font-weight:800;display:flex}.brand-name span{color:var(--brand-strong);letter-spacing:.4px;text-transform:uppercase;font-size:10px;font-weight:700}.sidebar-label,.section-kicker{color:#8b938e;letter-spacing:.095em;text-transform:uppercase;font-size:10px;font-weight:750}.sidebar-label{margin:0 12px 10px}.sidebar-nav{gap:5px;display:grid}.nav-item{color:#626a65;border-radius:12px;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-size:14px;font-weight:620;transition:background .16s,color .16s,transform .16s;display:flex}.nav-item:hover{color:#334238;background:#f4f7f5}.nav-item.is-active{color:var(--brand-ink);background:var(--brand-soft);box-shadow:inset 0 0 0 1px #78cf8a2e}.sidebar-bottom{gap:12px;margin-top:auto;display:grid}.system-state{background:#f8fbf9;border:1px solid #e6eee8;border-radius:14px;align-items:center;gap:10px;padding:11px;display:flex}.system-state-icon{width:34px;height:34px;color:var(--brand-ink);background:var(--brand-soft);border-radius:10px;flex:none;place-items:center;display:grid}.system-state span:last-child,.profile-copy,.dashboard-metric>span:last-of-type,.recent-order-copy{flex-direction:column;min-width:0;display:flex}.system-state strong{font-size:11px;font-weight:700}.system-state small,.profile-card small{color:#909792;margin-top:2px;font-size:9px;font-weight:550}.profile-card{border-top:1px solid var(--border);align-items:center;gap:10px;padding:16px 5px 2px;display:flex}.avatar,.employee-cell i{color:#275f34;background:#dff5e3;border-radius:50%;flex:none;place-items:center;font-weight:750;display:grid}.avatar{width:38px;height:38px;font-size:12px}.profile-copy{flex:1}.profile-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.profile-card>svg{color:#a0a7a2}.profile-logout{color:#909792;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid}.profile-logout:hover{color:#a94444;background:#fff0f0}.sidebar-label-spaced{margin-top:22px}.app-main{min-height:100vh;margin-left:254px}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f7f8e6;border-bottom:1px solid #e2e7e3e6;justify-content:space-between;align-items:center;min-height:78px;padding:12px clamp(24px,3vw,48px);display:flex;position:sticky;top:0}.topbar-title{align-items:center;gap:14px;display:flex}.topbar-title span{color:#929a95;letter-spacing:.075em;text-transform:uppercase;font-size:9px;font-weight:700}.topbar-title h1{letter-spacing:-.55px;margin-top:2px;font-size:21px;font-weight:750}.topbar-state{color:#68716b;background:#ffffffc7;border:1px solid #e1ebe3;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;font-weight:650;display:inline-flex}.pulse-dot{background:#65bf78;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #65bf7821}.icon-button{border:1px solid var(--border);color:#667069;cursor:pointer;background:#fff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;transition:color .15s,background .15s,border-color .15s;display:inline-grid}.icon-button:hover{color:var(--text);border-color:var(--border-strong);background:#f8faf8}.sidebar-close,.mobile-menu-button{display:none}.page-content{width:min(100%,1440px);margin:0 auto;padding:36px clamp(24px,3vw,48px) 64px}.welcome-row,.orders-intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.section-kicker{align-items:center;gap:5px;display:inline-flex}.welcome-row h2,.orders-intro h2{letter-spacing:-1.15px;margin-top:7px;font-size:clamp(24px,2vw,31px);font-weight:760}.welcome-row p,.orders-intro p,.catalog-heading p{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.55}.primary-button,.secondary-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 17px;font-size:12px;font-weight:720;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.primary-button{color:#173c21;background:var(--brand);border:1px solid #84d391;box-shadow:0 10px 24px #56af6830}.primary-button:hover:not(:disabled),.secondary-button:hover{transform:translateY(-1px)}.primary-button:hover:not(:disabled){background:#98e3a2;box-shadow:0 13px 27px #56af683d}.primary-button:disabled{cursor:wait;opacity:.7}.secondary-button{border:1px solid var(--border);color:#455049;box-shadow:var(--shadow-sm);background:#fff}.dashboard-layout{grid-template-columns:minmax(0,1.7fr) minmax(270px,.66fr);gap:18px;display:grid}.dashboard-card,.recent-card,.orders-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:19px}.dashboard-card{padding:23px 23px 18px}.card-heading,.catalog-heading,.dashboard-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.card-heading h2,.catalog-heading h2{letter-spacing:-.45px;margin-top:5px;font-size:17px;font-weight:740}.chart-legend{color:#7d857f;align-items:center;gap:14px;font-size:9px;font-weight:650;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:2px;width:7px;height:7px}.legend-dot.completed{background:#78cf8a}.legend-dot.active{background:#ffd18b}.chart-wrap{width:100%;height:220px;margin-top:12px}.dashboard-metrics{border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding-top:16px;display:grid}.dashboard-metric{background:#fafbfa;border-radius:13px;align-items:center;gap:9px;min-width:0;padding:10px;display:flex;position:relative}.metric-icon,.order-stat-icon{border-radius:11px;flex:none;place-items:center;display:grid}.metric-icon{width:35px;height:35px}.metric-success,.order-stat-icon.success{color:#378348;background:#e8f8eb}.metric-progress,.order-stat-icon.progress{color:#5273b6;background:#edf3ff}.metric-warning,.order-stat-icon.warning{color:#ad741f;background:#fff4e0}.order-stat-icon.danger{color:#a84a4a;background:#fff0f0}.metric-neutral,.order-stat-icon.neutral{color:#68716b;background:#eef1ef}.dashboard-metric small{color:#8b938e;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:650;overflow:hidden}.dashboard-metric strong{margin-top:2px;font-size:17px;font-weight:760}.metric-trend{color:#69b879;position:absolute;top:10px;right:9px}.recent-card{flex-direction:column;min-height:100%;padding:23px 20px 18px;display:flex}.recent-card .card-heading>svg{color:#9da49f}.recent-list{gap:4px;margin-top:16px;display:grid}.recent-order{border-bottom:1px solid #f0f2f0;align-items:center;gap:9px;min-width:0;padding:9px 0;display:flex}.recent-order-mark{border-radius:10px;flex:none;place-items:center;width:33px;height:33px;font-size:11px;font-weight:780;display:grid}.recent-order-copy{flex:1}.recent-order-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.recent-order-copy small{color:#949b96;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;font-weight:520;overflow:hidden}.status-dot{border-radius:50%;flex:none;width:7px;height:7px}.text-link{color:var(--brand-ink);align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:10px;font-weight:700;display:inline-flex}.catalog-section{margin-top:42px;scroll-margin-top:95px}.catalog-heading{align-items:flex-end}.search-field{border:1px solid var(--border);color:#98a09a;background:#fff;border-radius:12px;align-items:center;gap:9px;width:min(340px,100%);height:44px;padding:0 13px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #19322005}.search-field:focus-within{border-color:#9bdca6;box-shadow:0 0 0 3px #75ca851c}.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:11px;font-weight:570}.search-field input::placeholder,.field-label input::placeholder,.field-label textarea::placeholder{color:#abb1ad}.filter-tabs{gap:7px;margin-top:20px;padding-bottom:3px;display:flex;overflow-x:auto}.filter-tabs button{border:1px solid var(--border);color:#737c76;cursor:pointer;background:#ffffffbf;border-radius:999px;flex:none;min-height:36px;padding:0 15px;font-size:10px;font-weight:650}.filter-tabs button.is-active{color:#245f32;background:var(--brand-soft);border-color:#9bdda6}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:17px;display:grid}.product-card{border:1px solid var(--border);text-align:left;min-width:0;box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:17px;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:block;overflow:hidden}.product-card:hover{border-color:#d3ddd5;transform:translateY(-3px);box-shadow:0 16px 35px #1c362318}.product-cover{isolation:isolate;border-radius:12px;flex-direction:column;justify-content:flex-end;height:142px;margin:8px;padding:17px;display:flex;position:relative;overflow:hidden}.product-cover>svg{z-index:2;opacity:.87;position:absolute;top:18px;right:18px}.product-cover strong{z-index:2;color:inherit;letter-spacing:-.9px;font-size:22px;font-weight:800;position:relative}.product-cover small{z-index:2;opacity:.7;margin-top:3px;font-size:9px;font-weight:650;position:relative}.cover-glow{filter:blur(2px);background:#ffffff4d;border-radius:50%;width:170px;height:170px;position:absolute;top:-60px;right:-20px}.product-cover-roblox{color:#21382a;background:linear-gradient(145deg,#caefd0 0%,#9fdcac 55%,#82cf92 100%)}.product-cover-genshin{color:#314156;background:linear-gradient(145deg,#eef6ff 0%,#cbdff6 52%,#b7ccea 100%)}.product-cover-pubg{color:#483414;background:linear-gradient(145deg,#fff0c6 0%,#f8d282 52%,#efbd58 100%)}.product-cover-code{color:#432c51;background:linear-gradient(145deg,#f2e4f4 0%,#ddbee3 55%,#cda3d5 100%)}.product-cover-xbox{color:#1c402a;background:linear-gradient(145deg,#e0f5e7 0%,#a9dfba 52%,#86ce9c 100%)}.product-card-body{flex-direction:column;min-width:0;padding:6px 14px 14px;display:flex}.product-title-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.product-title-line strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:730;overflow:hidden}.availability-dot{background:#aab0ac;border-radius:50%;flex:none;width:7px;height:7px}.availability-dot.available{background:#65bf78;box-shadow:0 0 0 4px #65bf781a}.product-subtitle{color:#858d87;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:9px;font-weight:540;line-height:1.4;overflow:hidden}.product-card-footer{border-top:1px solid #eff1ef;justify-content:space-between;align-items:center;margin-top:13px;padding-top:11px;display:flex}.product-card-footer small{color:#6d756f;font-size:9px;font-weight:650}.product-card-footer span{color:var(--brand-ink);font-size:9px;font-weight:750}.empty-state{color:#9ca39e;text-align:center;background:#ffffff80;border:1px dashed #dbe1dc;border-radius:18px;align-content:center;place-items:center;min-height:250px;margin-top:17px;display:grid}.empty-state h3{color:#59625c;margin-top:10px;font-size:13px}.empty-state p{margin-top:5px;font-size:10px}.external-tools-section{margin-top:42px}.external-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px;display:grid}.external-tool-card{border:1px solid var(--border);min-width:0;color:var(--text);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;align-items:center;gap:13px;padding:15px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.external-tool-card:hover{border-color:#cfe0d2;transform:translateY(-2px);box-shadow:0 12px 28px #1c362314}.external-tool-card>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.external-tool-card strong{font-size:11px;font-weight:720}.external-tool-card small{color:#858d87;margin-top:4px;font-size:9px}.external-tool-card>svg{color:#7d8780;flex:none}.external-tool-icon{color:#347d45;background:#e9f8ec;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.drawer-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#191f1b57;justify-content:flex-end;animation:.16s fade-in;display:flex;position:fixed;inset:0}.fulfillment-drawer,.order-detail-drawer{border-left:1px solid var(--border);width:min(570px,100%);height:100%;box-shadow:var(--shadow-md);background:#fff;animation:.22s drawer-in;overflow-y:auto}.order-detail-drawer{width:min(510px,100%)}.drawer-header{z-index:3;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px 20px;display:flex;position:sticky;top:0}.drawer-header h2{letter-spacing:-.65px;margin-top:6px;font-size:21px;font-weight:760}.drawer-header p{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.5}.fulfillment-form{gap:22px;padding:24px 26px 35px;display:grid}.form-section{gap:13px;display:grid}.form-section-heading{align-items:center;gap:11px;display:flex}.form-section-heading>span{color:#2a6638;background:var(--brand-soft);border-radius:9px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:grid}.form-section-heading h3{font-size:12px;font-weight:730}.form-section-heading p{color:#959c97;margin-top:2px;font-size:8px}.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.variant-option{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-height:62px;padding:10px 11px;display:flex}.variant-option:hover{border-color:#b7dcbc}.variant-option.is-selected{background:#f1fbf3;border-color:#84d391;box-shadow:inset 0 0 0 1px #84d3912e}.variant-option>span:first-child{flex-direction:column;min-width:0;display:flex}.variant-option strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.variant-option small{color:#929994;margin-top:4px;font-size:7px}.variant-selected-mark{color:#3b8a4c;flex:none}.field-label{color:#515a54;gap:6px;font-size:9px;font-weight:680;display:grid}.field-label>span{justify-content:space-between;align-items:center;display:flex}.field-label>span small{color:#a2a8a4;font-size:8px;font-weight:520}.field-label input,.field-label select,.field-label textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:11px;outline:0;padding:0 12px;font-size:11px;font-weight:540;transition:border .15s,box-shadow .15s}.field-label input,.field-label select{height:43px}.field-label textarea{resize:vertical;min-height:72px;padding-block:11px;line-height:1.45}.field-label input:focus,.field-label select:focus,.field-label textarea:focus{border-color:#8fd89b;box-shadow:0 0 0 3px #74c9841a}.field-label>small{color:#9da49f;font-size:8px;font-weight:500}.origin-field-grid{grid-template-columns:minmax(130px,.75fr) minmax(0,1.25fr);align-items:start;gap:10px;display:grid}.quantity-field{color:#515a54;justify-content:space-between;align-items:center;font-size:9px;font-weight:680;display:flex}.quantity-control{border:1px solid var(--border);border-radius:10px;align-items:center;height:38px;display:flex;overflow:hidden}.quantity-control button{color:#707872;cursor:pointer;background:#fafbfa;border:0;place-items:center;width:38px;height:100%;display:grid}.quantity-control strong{border-inline:1px solid var(--border);place-items:center;width:38px;height:100%;font-size:10px;display:grid}.safe-mode-note{color:#356542;background:#f0faf2;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;display:flex}.safe-mode-note>span{flex-direction:column;display:flex}.safe-mode-note strong{font-size:9px;font-weight:720}.safe-mode-note small{color:#719079;margin-top:2px;font-size:7px}.fulfillment-form>.primary-button{width:100%}.spin{animation:.9s linear infinite spin}.drawer-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 110px);padding:38px 32px;display:flex}.success-mark{color:#38834a;background:#e8f8eb;border-radius:22px;place-items:center;width:70px;height:70px;display:grid}.success-mark.is-processing{color:#5677b8;background:#edf3ff}.success-mark.is-processing svg{animation:1.3s linear infinite spin}.drawer-success>.status-badge{margin-top:18px}.drawer-success h3{letter-spacing:-.7px;margin-top:14px;font-size:21px;font-weight:770}.drawer-success>p{max-width:420px;color:var(--muted);margin-top:8px;font-size:10px;line-height:1.65}.result-code{color:#2a6337;text-align:left;background:#f2fbf4;border:1px dashed #a8dcb1;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:22px;padding:13px;display:flex}.result-code>span{flex-direction:column;min-width:0;display:flex}.result-code small{color:#76927d;font-size:8px}.result-code strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.success-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:16px;display:grid}.success-summary span{text-align:left;background:#f7f8f7;border-radius:12px;flex-direction:column;min-width:0;padding:11px;display:flex}.success-summary small{color:#929994;font-size:7px}.success-summary strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;overflow:hidden}.drawer-success>.primary-button{width:100%;margin-top:21px}.orders-intro{margin-bottom:22px}.order-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.order-stat-grid article{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:15px;align-items:center;gap:11px;padding:14px;display:flex}.order-stat-icon{width:39px;height:39px}.order-stat-grid article>span:last-child{flex-direction:column;min-width:0;display:flex}.order-stat-grid small{color:#888f8a;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:620;overflow:hidden}.order-stat-grid strong{margin-top:3px;font-size:18px;font-weight:770}.orders-card{overflow:hidden}.orders-toolbar{align-items:center;gap:9px;padding:18px 18px 11px;display:flex}.orders-search{width:min(410px,100%)}.select-field{border:1px solid var(--border);color:#929a94;background:#fff;border-radius:11px;align-items:center;gap:6px;height:42px;padding:0 9px;display:flex}.select-field select{color:#5b645e;cursor:pointer;background:0 0;border:0;outline:0;min-width:125px;font-size:9px;font-weight:620}.table-meta{border-bottom:1px solid var(--border);color:#909792;justify-content:space-between;align-items:center;padding:2px 19px 13px;font-size:8px;display:flex}.table-meta strong{color:#646d67}.table-meta button{color:var(--brand-ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:8px;font-weight:690}.orders-table-wrap{overflow-x:auto}.orders-table{border-collapse:collapse;text-align:left;width:100%;min-width:980px}.orders-table th{border-bottom:1px solid var(--border);color:#909792;letter-spacing:.025em;background:#fafbfa;padding:11px 13px;font-size:8px;font-weight:690}.orders-table th:first-child,.orders-table td:first-child{padding-left:19px}.orders-table th:last-child,.orders-table td:last-child{padding-right:15px}.orders-table td{color:#525c55;vertical-align:middle;border-bottom:1px solid #eef1ef;padding:12px 13px;font-size:9px}.orders-table tbody tr{transition:background .13s}.orders-table tbody tr:hover{background:#fbfcfb}.orders-table tbody tr:last-child td{border-bottom:0}.orders-table td>strong,.orders-table td>small,.orders-table td:nth-child(2)>strong,.orders-table td:nth-child(2)>small{display:block}.orders-table td>strong,.orders-table td:nth-child(2)>strong{font-weight:680}.orders-table td>small,.orders-table td:nth-child(2)>small{color:#a0a7a2;margin-top:4px;font-size:7px}.order-number{color:#2e6940;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;font-weight:750}.recipient-value{text-overflow:ellipsis;white-space:nowrap;max-width:135px;font-weight:620;display:block;overflow:hidden}.employee-cell{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.employee-cell i{width:25px;height:25px;font-size:7px;font-style:normal}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:25px;padding:0 9px;font-size:7px;font-weight:720;display:inline-flex}.tone-success{color:#347d45;background:#e8f8eb}.tone-progress{color:#5273b6;background:#edf3ff}.tone-warning{color:#a26b19;background:#fff3df}.tone-danger{color:#b84848;background:#fff0f0}.tone-neutral{color:#707872;background:#eef1ef}.table-open-button{border:1px solid var(--border);color:#8d958f;cursor:pointer;background:#fff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.orders-card>.empty-state.compact{border:0;border-top:1px solid var(--border);border-radius:0;min-height:210px;margin:0}.drawer-header.compact{padding-bottom:18px}.order-detail-content{gap:20px;padding:22px 24px 34px;display:grid}.order-detail-status{border:1px solid var(--border);background:#fafbfa;border-radius:14px;align-items:center;gap:11px;padding:12px;display:flex}.status-icon{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.order-detail-status>span:nth-child(2){flex-direction:column;flex:1;display:flex}.order-detail-status small{color:#959c97;font-size:8px}.order-detail-status strong{margin-top:3px;font-size:11px}.detail-section{gap:9px;display:grid}.detail-section h3{color:#626b65;font-size:9px;font-weight:740}.detail-product{border:1px solid var(--border);border-radius:13px;align-items:center;gap:10px;padding:12px;display:flex}.detail-product-icon{color:#347d45;background:#e9f8ec;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.detail-product>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.detail-product strong{font-size:10px;font-weight:700}.detail-product small{color:#969d98;margin-top:4px;font-size:8px}.detail-list{border:1px solid var(--border);border-radius:13px;margin:0;display:grid;overflow:hidden}.detail-list div{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;display:flex}.detail-list div:last-child{border-bottom:0}.detail-list dt{color:#8b938e;align-items:center;gap:7px;font-size:8px;display:inline-flex}.detail-list dd{color:#414a44;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:8px;font-weight:660;overflow:hidden}.result-code.compact{margin-top:0}.timeline{gap:0;display:grid}.timeline>div{gap:10px;padding-bottom:14px;display:flex;position:relative}.timeline>div:not(:last-child):after{content:"";background:#dfe5e0;width:1px;position:absolute;top:25px;bottom:1px;left:12px}.timeline i{color:#4b8959;background:#edf8ef;border-radius:8px;flex:none;place-items:center;width:25px;height:25px;display:grid}.timeline span{flex-direction:column;padding-top:2px;display:flex}.timeline strong{font-size:9px;font-weight:680}.timeline small{color:#969d98;margin-top:3px;font-size:7px}.auth-page{background:#fff;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);min-height:100vh;display:grid}.auth-panel{place-self:center;width:min(470px,100% - 42px);padding:45px 30px}.auth-brand{align-items:center;gap:11px;margin-bottom:42px;display:flex}.auth-brand>span{color:#183a21;background:var(--brand);border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.auth-brand strong{letter-spacing:-.75px;font-size:22px;font-weight:810}.auth-brand em{color:var(--brand-strong);letter-spacing:.4px;text-transform:uppercase;margin-left:5px;font-size:10px;font-style:normal}.auth-eyebrow{color:#4d8359;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:740;display:inline-flex}.auth-panel h1,.auth-state-page h1{letter-spacing:-1.25px;margin-top:11px;font-size:clamp(26px,3vw,36px);font-weight:780}.auth-panel>p,.auth-state-page>p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.65}.auth-form{gap:15px;margin-top:28px;display:grid}.auth-form.compact{width:min(390px,100%)}.auth-form .field-label{font-size:10px}.auth-form .field-label input{height:47px;font-size:12px}.auth-form>.primary-button{width:100%;min-height:48px;margin-top:3px}.auth-aside{color:#21472a;background:radial-gradient(circle at 80% 14%,#ffffffa6,#0000 28%),linear-gradient(145deg,#e9f8ec 0%,#bfeac7 52%,#9edcaa 100%);flex-direction:column;justify-content:flex-end;padding:clamp(44px,6vw,88px);display:flex;overflow:hidden}.auth-aside>span{background:#ffffff80;border-radius:17px;place-items:center;width:54px;height:54px;display:grid}.auth-aside h2{letter-spacing:-1.5px;max-width:420px;margin-top:21px;font-size:clamp(27px,3vw,42px);line-height:1.05}.auth-aside p{opacity:.74;max-width:430px;margin-top:14px;font-size:13px;line-height:1.7}.demo-auth-note,.mfa-secret{color:#47617f;background:#f0f5fb;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;display:flex}.demo-auth-note>span,.mfa-secret{flex-direction:column;align-items:flex-start}.demo-auth-note strong,.mfa-secret strong{font-size:9px}.demo-auth-note small,.mfa-secret small{color:#71859c;margin-top:2px;font-size:8px;line-height:1.4}.form-error{color:#a54141;background:#fff4f4;border:1px solid #f0caca;border-radius:11px;padding:10px 12px;font-size:9px;line-height:1.5}.auth-panel>.form-error{margin-top:24px}.auth-state-page{background:var(--canvas);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:34px 20px;display:flex}.auth-state-icon{color:#347d45;background:#e6f7e9;border-radius:21px;place-items:center;width:68px;height:68px;display:grid}.auth-state-icon.is-danger{color:#a84343;background:#fff0f0}.auth-challenge-page .auth-form,.security-setup-page .auth-form{text-align:left;margin-top:25px}.mfa-code-input{text-align:center;letter-spacing:.35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:19px!important;font-weight:730!important}.text-button{color:#6c756f;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:10px;font-weight:650;display:inline-flex}.auth-access-note{color:var(--muted);justify-self:center;font-size:9px}.password-help-note{color:#4b7f58;justify-self:start;font-size:9px;font-weight:620;line-height:1.5}.password-recovery-page .auth-form{text-align:left;margin-top:25px}.recovery-back-link{margin-top:22px;text-decoration:none}.manual-auth-confirmation{color:#477653;text-align:left;background:#f0f8f2;border:1px solid #d6e8da;border-radius:13px;align-items:flex-start;gap:10px;width:min(100%,420px);margin-top:22px;padding:13px 14px;display:flex}.manual-auth-confirmation>span{flex-direction:column;display:flex}.manual-auth-confirmation strong{font-size:9px}.manual-auth-confirmation small{color:#718078;margin-top:3px;font-size:8px;line-height:1.5}.manual-auth-button{min-width:220px;margin-top:15px}.mfa-qr{width:190px;height:190px;box-shadow:var(--shadow-sm);border:10px solid #fff;border-radius:16px;justify-self:center}.mfa-secret{text-align:left;width:100%}.mfa-secret strong{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.team-intro{margin-bottom:21px}.team-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.page-error{margin:16px 0}.team-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);align-items:start;gap:18px;margin-top:18px;display:grid}.team-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:19px;padding:20px}.team-side-column{gap:18px;display:grid}.team-member-list{margin-top:15px;display:grid}.team-member{border-top:1px solid #eef1ef;grid-template-columns:auto minmax(130px,1fr) auto minmax(95px,auto) minmax(105px,auto);align-items:center;gap:12px;padding:13px 0;display:grid}.team-member:first-child{border-top:0}.team-avatar{color:#306f3e;background:#e9f8ec;border-radius:11px;place-items:center;width:36px;height:36px;font-size:9px;font-weight:760;display:grid}.team-member-copy,.team-member-time{flex-direction:column;min-width:0;display:flex}.team-member-copy strong,.team-member-time strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.team-member-copy small,.team-member-time small{color:#929994;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:7px;overflow:hidden}.team-member-copy a{color:#4b7f58;align-items:center;gap:3px;width:fit-content;margin-top:4px;font-size:7px;font-weight:680;text-decoration:none;display:inline-flex}.access-action,.owner-lock{border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:8px;font-weight:680;display:inline-flex}.access-action{color:#9d4b4b;cursor:pointer;background:#fff7f7;border:1px solid #efdddd}.member-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.access-action.is-link{color:#3f724b;background:#f5faf6;border-color:#d9e6dc}.access-action:disabled{cursor:wait;opacity:.65}.access-action.is-restore{color:#367745;background:#f2faf4;border-color:#d5ead9}.owner-lock{color:#4c7456;background:#f0f7f1}.compact-loader,.mini-empty{color:#8a928d;justify-content:center;align-items:center;gap:8px;min-height:95px;font-size:9px;display:flex}.invite-form{gap:12px;margin-top:16px;display:grid}.invite-form>.primary-button{width:100%}.access-link-card{background:linear-gradient(155deg,#fff 0%,#f5fbf6 100%);border-color:#cfe4d4}.access-link-card>p{color:#6f7872;margin:14px 0;font-size:9px;line-height:1.55}.access-link-card>p strong{color:#34443a}.icon-close-button{border:1px solid var(--border);color:#7f8882;cursor:pointer;background:#fff;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid}.auth-link-field input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.auth-link-meta{color:#487553;background:#eaf6ed;border-radius:11px;align-items:flex-start;gap:9px;margin:12px 0;padding:10px 11px;display:flex}.auth-link-meta>span{flex-direction:column;display:flex}.auth-link-meta strong{font-size:8px}.auth-link-meta small{color:#718078;margin-top:3px;font-size:7px;line-height:1.45}.access-link-card>.primary-button{width:100%}.requests-card .card-heading{margin-bottom:12px}.access-request{border-top:1px solid #eef1ef;align-items:center;gap:10px;padding:12px 0;display:flex}.access-request>span{flex-direction:column;flex:1;min-width:0;display:flex}.access-request strong{font-size:9px}.access-request small{color:#929994;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:7px;overflow:hidden}.access-request>div{gap:6px;display:flex}.request-approve,.request-reject{cursor:pointer;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.request-approve{color:#377b47;background:#eff9f1;border:1px solid #cfe6d4}.request-reject{color:#a44b4b;background:#fff4f4;border:1px solid #eed7d7}.sidebar-backdrop{display:none}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.dashboard-layout{grid-template-columns:1fr}.recent-card{min-height:auto}.recent-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.text-link{margin-top:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-layout,.team-side-column{grid-template-columns:1fr}}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-aside{display:none}.sidebar{transition:transform .22s;transform:translate(-102%);box-shadow:20px 0 50px #162a1d26}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:29;visibility:hidden;opacity:0;background:#191f1b4d;transition:opacity .18s,visibility .18s;display:block;position:fixed;inset:0}.sidebar-backdrop.is-visible{visibility:visible;opacity:1}.sidebar-close,.mobile-menu-button{display:inline-grid}.app-main{margin-left:0}.order-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-member{grid-template-columns:auto minmax(130px,1fr) auto minmax(105px,auto)}.team-member-time{display:none}}@media (width<=680px){.topbar{min-height:70px;padding-inline:17px}.topbar-state{display:none}.page-content{padding:26px 16px 50px}.welcome-row,.orders-intro,.catalog-heading{flex-direction:column;align-items:stretch}.welcome-row .secondary-button{width:100%}.dashboard-card{padding:19px 14px 14px}.dashboard-heading{flex-direction:column;align-items:flex-start}.chart-wrap{height:205px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-list{grid-template-columns:1fr}.catalog-heading .search-field,.orders-search{width:100%}.product-grid,.external-tools-grid{grid-template-columns:1fr}.product-cover{height:155px}.drawer-header{padding:20px 18px 16px}.fulfillment-form,.order-detail-content{padding:20px 18px 30px}.variant-grid,.origin-field-grid,.success-summary{grid-template-columns:1fr}.order-stat-grid{grid-template-columns:1fr 1fr;gap:8px}.team-side-column{grid-template-columns:1fr}.team-member{grid-template-columns:auto minmax(0,1fr) auto}.team-member .member-actions,.team-member .owner-lock{grid-column:2/4;justify-self:start}.team-member .member-actions{flex-wrap:wrap;justify-content:flex-start}.order-stat-grid article{padding:11px}.orders-toolbar{flex-direction:column;align-items:stretch}.select-field,.select-field select{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}