*{box-sizing:border-box}:root{color:#1f2933;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,#26465314,#2a9d8f1f),#eef2f4}.login-panel{width:min(420px,100%);padding:28px;border:1px solid #d8dee4;border-radius:8px;background:#fff;box-shadow:0 18px 45px #1f29331f}.login-header,.brand,.admin-account,.metric,.panel-header{display:flex;align-items:center}.login-header{gap:14px;margin-bottom:24px}.login-header h1,.page-heading h1,.panel-header h2{margin:0}.login-header h1{font-size:24px}.login-header p{margin:4px 0 0;color:#6b7280}.brand-mark{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:8px;background:#264653;color:#fff;font-weight:700}.login-form{display:grid;gap:16px}.login-form label,.project-select{display:grid;gap:6px}.login-form span,.project-select span{color:#52606d;font-size:13px;font-weight:600}.login-form input,.project-select select{width:100%;min-height:42px;border:1px solid #cbd5df;border-radius:6px;background:#fff;color:#1f2933}.login-form input{padding:0 12px}.project-select select{padding:0 36px 0 12px}.primary-button{min-height:44px;border:0;border-radius:6px;background:#2a9d8f;color:#fff;font-weight:700}.primary-button:disabled{cursor:wait;opacity:.7}.error-banner{padding:10px 12px;border:1px solid #f1b8b8;border-radius:6px;background:#fff1f1;color:#9f1c1c}.admin-shell{display:grid;min-height:100vh;grid-template-columns:248px 1fr}.sidebar{display:flex;flex-direction:column;gap:24px;padding:22px 16px;border-right:1px solid #d8dee4;background:#fff}.brand{gap:12px;min-height:44px}.brand span,.admin-account span{display:block;color:#6b7280;font-size:12px}.nav-list{display:grid;gap:6px}.nav-item{position:relative;display:flex;width:100%;min-height:42px;align-items:center;gap:10px;border:0;border-radius:6px;background:transparent;color:#52606d;cursor:pointer;padding:0 12px;text-align:left;text-decoration:none}.nav-group{display:grid;gap:4px}.nav-group-trigger .nav-item-badge{right:34px}.nav-chevron{margin-left:auto;color:currentColor;transition:transform .16s ease}.nav-group.open .nav-chevron{transform:rotate(180deg)}.nav-sub-list{display:grid;gap:4px;padding-left:28px}.nav-sub-item{min-height:36px;padding:0 10px;font-size:14px}.nav-item-badge{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 2px #ffffffeb,0 4px 10px #ef44445c}.nav-item.active,.nav-item:hover{background:#e7f4f2;color:#1d6f67}.main-column{min-width:0}.topbar{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid #d8dee4;background:#fff}.project-select{width:min(320px,100%)}.admin-account{gap:12px;text-align:right}.icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid #cbd5df;border-radius:6px;background:#fff;color:#52606d}.content{padding:24px}.page-stack{display:grid;gap:20px}.page-heading span{color:#6b7280;font-size:13px;font-weight:700;text-transform:uppercase}.page-heading h1{margin-top:4px;font-size:28px;letter-spacing:0}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{min-height:96px;align-items:flex-start;justify-content:space-between;padding:18px;border:1px solid #d8dee4;border-radius:8px;background:#fff}.metric span{color:#6b7280;font-weight:600}.metric strong{color:#264653;font-size:26px}.data-panel{overflow:hidden;border:1px solid #d8dee4;border-radius:8px;background:#fff}.chart-panel{padding:18px}.chart-container{width:100%;height:320px}.chart-container .recharts-cartesian-axis-tick-value{fill:#6b7280;font-size:12px;font-weight:700}.chart-tooltip{min-width:150px;border:1px solid #d8dee4;border-radius:6px;background:#fff;padding:10px 12px;box-shadow:0 12px 28px #1f29331f}.chart-tooltip-label{margin-bottom:8px;color:#1f2933;font-size:13px;font-weight:700}.chart-tooltip-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;color:#52606d;font-size:12px}.chart-tooltip-marker{width:9px;height:9px;border-radius:999px}.chart-tooltip-row strong{color:#1f2933}.panel-header{justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e5e9ed}.panel-header h2{font-size:16px}.table-wrap{overflow-x:auto}.request-search-form{display:flex;align-items:end;gap:10px;padding:14px 18px}.request-search-form label{display:grid;gap:6px}.request-search-form label span{color:#52606d;font-size:12px;font-weight:700}.request-search-form input,.request-search-form select{width:160px;min-height:40px;border:1px solid #cbd5df;border-radius:6px;padding:0 12px}.table-wrap input{width:180px;min-height:36px;border:1px solid #cbd5df;border-radius:6px;background:#fff;color:#1f2933;padding:0 10px}.request-search-form .primary-button,.request-search-form .secondary-button{min-height:40px}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:14px 18px;border-bottom:1px solid #eef1f4;text-align:left;white-space:nowrap}th{color:#52606d;font-size:12px;text-transform:uppercase}.status-pill{display:inline-flex;min-height:26px;align-items:center;border-radius:999px;background:#e7f4f2;color:#1d6f67;padding:0 10px;font-size:12px;font-weight:700}.status-pill.suspended{background:#fff4e5;color:#9a4f00}.muted-text{color:#6b7280;font-size:13px;font-weight:700}.empty-state{padding:40px 18px;color:#6b7280;text-align:center}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f7fbfb}.clickable-row.active{background:#e7f4f2}.table-product-image{display:block;width:48px;height:48px;border:1px solid #e2e8f0;border-radius:6px;object-fit:cover;background:#fff}.table-url-link{color:#2f5f66;font-weight:700;text-decoration:underline;text-underline-offset:3px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;align-items:start}.admin-side-stack{display:grid;gap:18px}.detail-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.detail-item{display:grid;gap:6px;min-width:0;padding:14px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafb}.detail-item span,.admin-form label span{color:#6b7280;font-size:12px;font-weight:700}.detail-item strong{overflow-wrap:anywhere;font-size:14px}.purchase-request-image{display:block;width:min(180px,100%);aspect-ratio:1;border:1px solid #e2e8f0;border-radius:6px;object-fit:cover;background:#fff}.shopping-mall-link{max-width:100%}.shopping-mall-icon{width:20px;height:20px;flex:0 0 auto;border-radius:4px}.shopping-mall-url{min-width:0;overflow-wrap:anywhere;text-align:left}.admin-form{display:grid;gap:14px;padding-bottom:18px}.admin-form label{display:grid;gap:6px;padding:0 18px}.approve-actions{display:grid;gap:8px;padding:0 18px}.shipment-fields{display:grid;gap:14px}.bundle-fee-options{display:grid;gap:8px;border:0;margin:0;padding:0 18px}.bundle-fee-options legend{color:#374151;font-size:13px;font-weight:700}.bundle-fee-options>div{display:flex;flex-wrap:wrap;gap:12px}.admin-form .bundle-fee-options label{display:inline-flex;width:fit-content;align-items:center;gap:6px;padding:0}.admin-form .bundle-fee-options input{width:auto;min-height:0;margin:0;padding:0}.shipping-fee-preview{display:grid;gap:4px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafb;margin:0 18px;padding:12px}.shipping-fee-preview span,.approve-actions>span{color:#374151;font-size:13px;font-weight:700}.shipping-fee-preview strong{color:#1f2933;font-size:18px}.shipping-fee-preview small{color:#6b7280;font-size:12px;font-weight:700}.approve-actions>div{display:flex;flex-wrap:wrap;gap:10px}.activity-list{display:grid;gap:10px;padding:0 18px}.activity-item{display:grid;gap:6px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafb;padding:12px}.activity-item strong{color:#1f2933;font-size:13px}.activity-item p{margin:0;color:#1f2933;overflow-wrap:anywhere}.activity-item span{color:#6b7280;font-size:12px;font-weight:700}.admin-form input,.admin-form select,.admin-form textarea{width:100%;min-height:40px;border:1px solid #cbd5df;border-radius:6px;background:#fff;color:#1f2933;padding:0 12px}.admin-form textarea{min-height:96px;padding:10px 12px;resize:vertical}.admin-form .primary-button{margin:0 18px}.admin-form .approve-actions .primary-button,.admin-form .approve-actions .secondary-button{margin:0}.status-history ol{display:grid;gap:12px;margin:0;padding:16px 18px 18px 36px}.status-history li{display:grid;gap:4px}.status-history li span,.status-history li small{color:#6b7280;font-size:12px;font-weight:700}.status-history li strong{font-size:14px}.status-history li p{margin:0;color:#374151;font-size:13px}.text-button,.secondary-button,.inline-link{display:inline-flex;width:fit-content;min-height:38px;align-items:center;gap:8px;border:1px solid #cbd5df;border-radius:6px;background:#fff;color:#2f5f66;padding:0 12px;font-weight:700}.secondary-button:disabled{cursor:wait;opacity:.65}@media(max-width:840px){.admin-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2;gap:12px;border-right:0;border-bottom:1px solid #d8dee4}.nav-list{grid-template-columns:repeat(5,minmax(56px,1fr))}.nav-group{display:contents}.nav-sub-list{grid-column:1 / -1;grid-template-columns:repeat(5,minmax(56px,1fr));padding-left:0}.nav-item{justify-content:center;padding:0}.nav-sub-item{min-height:38px}.nav-chevron{display:none}.nav-group-trigger .nav-item-badge{right:8px}.nav-item span{display:none}.topbar{align-items:stretch;flex-direction:column}.admin-account{justify-content:space-between;text-align:left}.metrics-grid,.detail-layout,.detail-panel{grid-template-columns:1fr}}