:root{--background:#f5f7fb;--panel:#fff;--foreground:#111827;--muted:#6b7280;--border:#dbe3f0;--primary:#2563eb;--primary-soft:#dbeafe;--danger:#b91c1c;--success:#166534}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{min-height:100vh}.site-header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;position:sticky;top:0}.site-header__inner,.page-container{width:min(1120px,100% - 32px);margin:0 auto}.site-header__inner{justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.page-container{padding:28px 0 56px}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.site-title{font-size:24px;font-weight:700}.site-nav{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:14px;font-weight:600;display:flex}.site-nav-wrap{justify-items:end;gap:10px;display:grid}.site-nav-status{border:1px solid var(--border);background:#fff;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:8px 12px;font-size:13px;display:inline-flex}.stack{gap:20px;display:grid}.hero,.card,.panel{border:1px solid var(--border);background:var(--panel);border-radius:20px;box-shadow:0 18px 50px #0f172a0f}.hero{padding:28px}.hero h2,.section-title,.card h3{font-size:28px;line-height:1.2}.hero p,.muted,.helper{color:var(--muted)}.product-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card,.panel{padding:20px}.badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-error{color:#b91c1c;background:#fee2e2}.badge-default{color:#374151;background:#e5e7eb}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--border);background:#fff;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.price{font-size:24px;font-weight:700}.actions,.inline-actions,.form-grid,.detail-grid{gap:12px;display:grid}.split-actions{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);align-items:start}.form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.button,.button-secondary,.button-danger{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:600;display:inline-flex}.button{background:var(--primary);color:#fff}.button-secondary{border-color:var(--border);background:#fff}.button-danger{color:var(--danger);background:#fef2f2;border-color:#fecaca}.field{gap:8px;display:grid}.field label{font-size:14px;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;padding:10px 12px}.field textarea{resize:vertical;min-height:88px}.line-list,.line-list li,.meta-list,.meta-list li{list-style:none}.line-list,.meta-list{gap:12px;display:grid}.line-list li,.meta-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.line-list li:last-child,.meta-list li:last-child{border-bottom:0}.summary-box{border:1px solid var(--border);background:#fbfdff;border-radius:16px;gap:10px;padding:16px;display:grid}.summary-box-success{background:#f0fdf4;border-color:#bbf7d0}.summary-box-warning{background:#fffbeb;border-color:#fde68a}.summary-box-error{background:#fef2f2;border-color:#fecaca}.helper-list{color:var(--muted);gap:6px;padding-left:18px;display:grid}.status-stage-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.status-stage-card{border:1px solid var(--border);background:#fff;border-radius:14px;gap:6px;padding:14px;display:grid}.status-snapshot-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.status-snapshot-card{border:1px solid var(--border);background:#fff;border-radius:14px;gap:8px;padding:14px;display:grid}.status-snapshot-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-snapshot-card-success{background:#f0fdf4;border-color:#bbf7d0}.status-snapshot-card-warning{background:#fffbeb;border-color:#fde68a}.status-snapshot-card-error{background:#fef2f2;border-color:#fecaca}.status-snapshot-card-default{background:#fff}.result-action-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.shipment-timeline{gap:12px;display:grid}.shipment-timeline__item{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;display:grid}.shipment-timeline__marker{border:2px solid var(--border);background:#fff;border-radius:999px;width:12px;height:12px;margin:4px 0 0 4px}.shipment-timeline__content{border-bottom:1px solid var(--border);gap:4px;padding-bottom:12px;display:grid}.shipment-timeline__item:last-child .shipment-timeline__content{border-bottom:0;padding-bottom:0}.shipment-timeline__item--done .shipment-timeline__marker{background:#16a34a;border-color:#16a34a}.shipment-timeline__item--current .shipment-timeline__marker{background:#dbeafe;border-color:#2563eb}.config-list{gap:12px;display:grid}.config-item{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:14px 16px;display:flex}.config-item--active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.config-item__meta{justify-items:end}.stack-tight{gap:4px;display:grid}.notice{border:1px solid var(--border);border-radius:16px;gap:8px;padding:16px;display:grid}.notice p{color:var(--muted)}.notice-success{background:#f0fdf4;border-color:#bbf7d0}.notice-warning{background:#fffbeb;border-color:#fde68a}.notice-error{background:#fef2f2;border-color:#fecaca}.notice-default{background:#fbfdff}.status-ok{color:var(--success)}.status-error{color:var(--danger)}.empty-state{text-align:center;color:var(--muted);padding:32px}.catalog-toolbar{grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:end;gap:16px;display:grid}.search-field{gap:8px;display:grid}.search-field input{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;padding:12px 14px}.checkout-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.checkout-step{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600}.checkout-step__content,.checkout-step__link{align-items:center;gap:10px;display:flex}.checkout-step__index{width:28px;height:28px;color:var(--primary);background:#eef2ff;border-radius:999px;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.checkout-step--complete{color:var(--success);background:#f0fdf4;border-color:#bbf7d0}.checkout-step--complete .checkout-step__index{color:var(--success);background:#dcfce7}.checkout-step--active{color:var(--foreground);background:#eff6ff;border-color:#93c5fd}.checkout-step--active .checkout-step__index{background:var(--primary);color:#fff}.checkout-summary{align-self:start;position:sticky;top:96px}@media (max-width:900px){.detail-grid,.form-grid--two,.form-grid--three{grid-template-columns:1fr}.checkout-summary{position:static}}@media (max-width:640px){.catalog-toolbar{grid-template-columns:1fr}.checkout-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header__inner{flex-direction:column;align-items:flex-start}.site-nav-wrap{justify-items:start;width:100%}.split-actions,.config-item{flex-direction:column;align-items:stretch}.config-item__meta{justify-items:start}}