*{box-sizing:border-box}body{color:#111;background:#f6f7f9;margin:0;font-family:Inter,Arial,sans-serif}header{color:#fff;z-index:5;background:#071a35;position:sticky;top:0}.top{align-items:center;gap:18px;height:78px;padding:10px 5%;display:flex}.top button,.top span{color:#fff;cursor:pointer;background:0 0;border:0;font-size:22px}.brand{text-align:center;color:#e5bd57;margin:auto;font-size:21px}.brand small{color:#fff;letter-spacing:2px;font-size:10px;display:block}.top button:last-child{font-size:16px}nav{border-top:1px solid #24466e;justify-content:center;gap:35px;padding:12px;display:flex}nav a{color:#fff;text-decoration:none}.hero{color:#fff;background:linear-gradient(100deg,#06162c 0%,#0e2e52 48%,#d0b15b 160%);align-items:center;min-height:570px;padding:60px 8%;display:flex}.heroText{width:55%}.heroText small{color:#e5bd57;letter-spacing:3px;font-weight:700}.heroText h1{margin:10px 0;font-size:64px}.heroText h2{color:#e5bd57;margin:0;font-size:38px;line-height:1.05}.heroText p{max-width:520px;font-size:18px;line-height:1.6}.cta{color:#071a35;background:#e5bd57;border:1px solid #e5bd57;border-radius:8px;padding:16px 28px;font-weight:800}.heroVisual{background:linear-gradient(145deg,#eee,#aaa);border-radius:25px;justify-content:center;align-items:center;width:45%;height:380px;font-size:130px;display:flex;box-shadow:0 20px 50px #0005}.heroVisual div{color:#fff;background:#071a35;border-radius:30px;margin-top:280px;padding:12px 22px;font-size:16px;position:absolute}.features{color:#fff;background:#17385d;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1px;margin:-35px 7% 50px;display:grid;overflow:hidden}.features div{text-align:center;background:#0b2343;padding:28px}.features b,.features small{margin-top:8px;display:block}.features small{color:#c9d3df}.promo{background:#fff;justify-content:space-between;align-items:center;padding:70px 10%;display:flex}.promo h2{color:#0a2343;font-size:42px}.promo em{color:#c69b32;font-style:normal}.world{text-align:center;font-size:90px}.catalog{padding:60px 7%}.grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.grid article{background:#fff;border-radius:14px;padding:18px;box-shadow:0 5px 25px #00000010}.pic{background:#eef2f6;border-radius:10px;justify-content:center;align-items:center;height:180px;font-size:80px;display:flex}.grid h3{margin:8px 0}.grid strong{color:#123c2d;margin:12px 0;font-size:22px;display:block}.grid button{color:#fff;background:#0b6b4d;border:0;border-radius:8px;width:100%;padding:11px}.admin{z-index:10;background:#fff;border-radius:18px;width:390px;max-height:75vh;padding:25px;position:fixed;bottom:20px;right:20px;overflow:auto;box-shadow:0 15px 50px #0004}.admin li{margin:10px 0}footer{text-align:center;color:#ccd6e2;background:#071a35;padding:35px}@media (width<=800px){.hero{flex-direction:column}.heroText,.heroVisual{width:100%}.heroText h1{font-size:44px}.features,.grid{grid-template-columns:1fr 1fr}.promo{padding:40px 7%}}@media (width<=520px){nav{gap:12px;font-size:12px}.features,.grid{grid-template-columns:1fr}.heroVisual{margin-top:35px}.admin{width:auto;left:10px;right:10px}}.alertBtn{position:relative}.badge{color:#fff;background:#c94b3b;border-radius:20px;padding:2px 6px;font-size:10px;position:absolute;top:-7px;right:-8px}.alerts{color:#17202b;z-index:11;background:#fff;border-radius:16px;width:380px;padding:20px;position:fixed;top:95px;right:20px;box-shadow:0 15px 50px #0004}.panelHead{justify-content:space-between;align-items:center;display:flex}.panelHead h2{margin:0}.panelHead button{background:0 0;border:0;font-size:24px}.systemState{color:#17643a;background:#edf8f1;border-radius:9px;padding:10px 12px}.systemState span{color:#1f9d55}.alertItem{border-bottom:1px solid #e7ebef;gap:12px;padding:14px 0;display:flex}.alertItem>strong{background:#f0f2f4;border-radius:5px;height:max-content;padding:5px 7px;font-size:10px}.alertItem div{flex-direction:column;gap:4px;display:flex}.alertItem small{color:#6d7783}.manageBtn{color:#fff;background:#0b6b4d;border:0;border-radius:8px;width:100%;margin-top:15px;padding:11px}@media (width<=520px){.alerts{width:auto;top:85px;left:10px;right:10px}}.userChip{color:#dce7f4;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12px;overflow:hidden}.apiState{color:#596674;font-size:13px}.onlineDot{color:#1f9d55}.offlineDot{color:#c94b3b}.contactCard{background:#fff;border-radius:16px;margin:20px 7% 70px;padding:30px;box-shadow:0 5px 25px #00000010}.contactCard button,.secondary{color:#fff;background:#0b6b4d;border:0;border-radius:8px;margin-right:8px;padding:11px 18px}.contactCard .secondary{color:#071a35;background:#e5bd57}.modalBackdrop{z-index:30;background:#0008;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.authModal{background:#fff;border-radius:18px;width:min(430px,100%);padding:30px;position:relative;box-shadow:0 20px 70px #0006}.authModal h2{color:#0a2343;margin-top:0}.authModal label{margin:16px 0;font-weight:700;display:block}.authModal input{border:1px solid #cbd4dd;border-radius:8px;width:100%;margin-top:7px;padding:12px;font-size:16px;display:block}.modalClose{background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:15px}.authSubmit{color:#fff;background:#0b6b4d;border:0;border-radius:8px;width:100%;padding:13px;font-weight:800}.authSubmit:disabled{opacity:.6}.switchAuth{color:#0b6b4d;background:0 0;border:0;width:100%;margin-top:10px;padding:10px}.authMsg{background:#f1f5f8;border-radius:8px;margin:12px 0;padding:10px;font-size:13px}.commercePanel{background:#fff;border-radius:18px;max-width:1100px;margin:28px auto;padding:24px;box-shadow:0 8px 30px #00000014}.checkoutGrid{grid-template-columns:1.4fr .8fr;gap:24px;display:grid}.addressOption{cursor:pointer;border:1px solid #ddd;border-radius:12px;gap:12px;margin:10px 0;padding:14px;display:flex}.addressOption input{margin-top:5px}.addressForm{background:#f7f8f8;border-radius:12px;margin-top:18px;padding:16px}.addressForm input{box-sizing:border-box;border:1px solid #ccc;border-radius:8px;width:100%;margin:5px 0;padding:10px}.twoCol{grid-template-columns:1fr 1fr;gap:8px;display:grid}.summaryCard{border:1px solid #ddd;border-radius:14px;height:max-content;padding:20px}.summaryCard p{justify-content:space-between;display:flex}.summaryCard .total{font-size:1.2rem}.summaryCard small{color:#666;margin-top:10px;display:block}.ordersList{gap:8px;display:grid}.orderRow{text-align:left;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;grid-template-columns:1fr auto auto;gap:20px;padding:14px;display:grid}.orderRow span:first-child{flex-direction:column;display:flex}.orderRow small{color:#777;margin-top:4px}.orderDetail{border-top:1px solid #ddd;margin-top:18px;padding:16px}.orderDetail div{justify-content:space-between;padding:7px 0;display:flex}.commerceMsg{background:#eef6ef;border-radius:10px;margin-top:15px;padding:12px}@media (width<=760px){.checkoutGrid,.orderRow,.twoCol{grid-template-columns:1fr}}.orderActions{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}.orderActions button,.claimForm button{color:#fff;cursor:pointer;background:#0b6b4d;border:0;border-radius:8px;padding:11px 16px}.secondaryBtn{color:#071a35!important;background:#e5bd57!important}.statusCard,.trackingCard{background:#f2f6f4;border-radius:10px;margin-top:12px;padding:12px}.trackingCard h4{margin:0 0 8px}.trackingCard div{border-bottom:1px solid #dde6e0;padding:7px 0}.trackingCard a{color:#0b6b4d;margin-left:8px}.muted{color:#6c7781}.invoiceRow,.claimRow{background:#fff;border:1px solid #ddd;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:15px;padding:14px;display:grid}.invoiceRow span:first-child{flex-direction:column;display:flex}.invoiceRow small,.claimRow small{color:#777}.claimForm{background:#f7f8f8;border-radius:12px;gap:10px;margin-bottom:18px;padding:16px;display:grid}.claimForm select,.claimForm textarea{width:100%;font:inherit;border:1px solid #ccc;border-radius:8px;padding:11px}.claimForm textarea{resize:vertical;min-height:130px}.claimsList{gap:8px;display:grid}.claimRow{grid-template-columns:auto auto 1fr}.claimRow small{overflow:hidden}@media (width<=760px){.invoiceRow,.claimRow{grid-template-columns:1fr}.orderActions button{width:100%}}.linkButton{text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;flex-direction:column;gap:3px;width:100%;padding:0;display:flex}.linkButton:hover{text-decoration:underline}.statusCard input[type=file]{margin:12px 0;display:block}.statusCard small{display:block}.claimRow .linkButton{gap:6px}.adminWide{width:min(920px,100vw - 30px);max-height:82vh}.adminTabs{flex-wrap:wrap;gap:8px;margin:12px 0 20px;display:flex}.adminTabs button,.navAction{color:#fff;cursor:pointer;background:#0b6b4d;border:0;border-radius:8px;padding:9px 12px}.navAction{background:#17385d!important;font-size:12px!important}.adminRow{background:#fafbfc;border:1px solid #e0e5e8;border-radius:10px;grid-template-columns:1.5fr auto auto;align-items:center;gap:12px;margin:8px 0;padding:12px;display:grid}.adminRow div:first-child{flex-direction:column;gap:4px;display:flex}.adminRow small{color:#6c7781}.rowActions{flex-wrap:wrap;gap:6px;display:flex}.rowActions button{color:#fff;cursor:pointer;background:#0b6b4d;border:0;border-radius:7px;padding:7px 9px}.rowActions .secondaryBtn{background:#e5bd57!important}.vendorSummary{background:#f2f6f4;border-radius:10px;flex-wrap:wrap;gap:12px;margin-bottom:18px;padding:14px;display:flex}.vendorSummary span{color:#56636e}.adminRows{gap:8px;display:grid}@media (width<=760px){.adminRow{grid-template-columns:1fr}.rowActions button{flex:1}.navAction{display:none}}.refurbishedBadge{color:#071a35;letter-spacing:.4px;background:#e5bd57;border-radius:999px;margin:6px 6px 6px 0;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block}.inventoryRow{background:#fffdf4}.inventoryRow .refurbishedBadge{width:max-content}.usedBadge{letter-spacing:.04em;border:1px solid;border-radius:999px;margin:6px 6px 0 0;padding:3px 8px;font-size:.72rem;font-weight:800;display:inline-block}.inventorySection{border-top:1px solid #00000014;margin-top:28px;padding-top:20px}
