:root{--bg: #f3f0e8;--surface: rgba(255, 255, 255, .82);--surface-strong: #ffffff;--text: #10221a;--muted: #5b675f;--border: rgba(16, 34, 26, .1);--primary: #006647;--secondary: #d8d2c4;--accent: #a7a9ac;--primary-soft: rgba(0, 102, 71, .12);--shadow: 0 18px 40px rgba(20, 34, 26, .08);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,255,255,.88),transparent 34%),radial-gradient(circle at top right,var(--primary-soft),transparent 28%),linear-gradient(160deg,var(--bg) 0%,#eef3ef 45%,#f8f7f3 100%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,.btn[aria-disabled=true],.btn-secondary[aria-disabled=true],.btn-ghost[aria-disabled=true]{cursor:not-allowed;opacity:.55}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 22px;background:linear-gradient(180deg,#ffffffb8,#ffffff8f);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:auto}.brand-lockup,.profile-card,.panel,.chart-card,.table-card,.stat-card,.product-card,.detail-card,.timeline-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup{display:grid;gap:12px;justify-items:start;padding:18px;margin-bottom:18px;border-radius:var(--radius-lg)}.brand-mark{width:100%;min-height:64px;display:flex;align-items:center;justify-content:center}.brand-logo{width:100%;max-width:210px;max-height:76px;object-fit:contain}.brand-badge{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;font-weight:800;letter-spacing:.1em;color:#fff;background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 70%,black))}.brand-overline{display:inline-block;margin-bottom:2px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.brand-meta h1,.brand-meta p,.split-header h3,.split-header p,.topbar h2,.topbar p,.hero h3,.hero p{margin:0}.brand-meta h1,.topbar h2,.hero h3,.split-header h3,.price,.detail-title{font-family:Outfit,sans-serif}.brand-meta p,.split-header p,.topbar p,.mini-note,.product-card p,.timeline-item p,.stat-card span{color:var(--muted)}.brand-meta h1{font-size:1.9rem;line-height:1.02}.sidebar-section{margin-top:18px}.sidebar-label,.eyebrow{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.nav-list,.stack{display:grid;gap:8px}.nav-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid transparent;transition:.18s ease}.nav-link:hover,.nav-link.active,.active-tag{background:var(--primary-soft)}.nav-copy strong{display:block}.nav-copy span{font-size:.82rem;color:var(--muted)}.table-actions,.inline-control{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav-pill,.pill,.tag,.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffffd1;border:1px solid var(--border);font-size:.84rem}.stock-pill-stack{display:grid;gap:8px;justify-items:start}.stock-pill-out{background:#b91c1c14;border-color:#b91c1c2e;color:#991b1b}.stock-pill-low{background:#b4530914;border-color:#b453092e;color:#9a3412}.stock-pill-in,.status-pill-connected{background:#0f766e14;border-color:#0f766e2e;color:#0f766e}.status-pill-disconnected{background:#64748b14;border-color:#64748b2e;color:#475569}.status-pill-delayed{background:#b4530914;border-color:#b453092e;color:#9a3412}.profile-card{margin-top:22px;padding:16px;border-radius:var(--radius-lg);display:grid;gap:14px}.profile-head{display:flex;gap:12px;align-items:center}.profile-head-copy{min-width:0}.profile-head-copy strong{display:block;line-height:1.15}.profile-head-copy p{margin-top:4px}.microsoft-status{display:grid;gap:10px;padding:2px 0 0}.microsoft-status-head{display:flex;justify-content:flex-start}.identity-card{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:#ffffff8c}.identity-card strong{font-size:.97rem;line-height:1.2}.identity-card span{color:var(--muted);word-break:break-word}.profile-mode-note{padding:2px 2px 0}.delay-banner{display:grid;gap:8px;margin-bottom:16px;padding:14px 16px;border-radius:16px;border:1px solid rgba(180,83,9,.16);background:#fff7ede6}.avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(160deg,var(--primary),color-mix(in srgb,var(--primary) 72%,white));color:#fff;font-weight:800}.profile-switcher,.mode-switcher{display:grid;gap:8px;margin-top:14px}.select,.input,.textarea{width:100%;border:1px solid var(--border);background:#ffffffdb;color:var(--text);border-radius:12px;padding:12px 14px}.textarea{min-height:100px;resize:vertical}.main{padding:28px}.topbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:24px}.topbar h2{font-size:clamp(1.8rem,2vw,2.4rem)}.topbar-actions,.btn-row,.filter-row,.meta-row,.price-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.topbar-profile{display:inline-flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffffb8;box-shadow:0 10px 28px #0f172a14}.topbar-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 68%,black));color:#fff;font-weight:700;font-size:.86rem}.topbar-profile-name{font-size:.92rem;font-weight:600;color:var(--text)}.topbar-cart{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--border);background:#ffffffc7;color:var(--text);text-decoration:none;box-shadow:0 10px 28px #0f172a14}.topbar-cart-icon{font-size:1.2rem;line-height:1}.topbar-cart-count{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 68%,black));color:#fff;font-size:.75rem;font-weight:700}.hero{padding:28px;border-radius:var(--radius-xl);margin-bottom:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 88%,white),color-mix(in srgb,var(--primary) 50%,white));color:#fff}.hero-grid,.stats-grid,.cards-grid,.product-grid,.detail-grid,.dashboard-grid,.chart-grid,.filters,.form-grid,.kpi-grid{display:grid;gap:18px}.hero-grid,.dashboard-grid,.detail-grid{grid-template-columns:1fr 1fr}.stats-grid,.cards-grid,.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.product-grid,.chart-grid,.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.product-card,.panel,.chart-card,.table-card,.detail-card,.timeline-card,.action-card{padding:18px;border-radius:var(--radius-lg)}.action-card{background:linear-gradient(180deg,#ffffffe6,#ffffffa3);border:1px solid var(--border);box-shadow:var(--shadow)}.stat-value{display:block;margin:10px 0 8px;font-size:2rem;line-height:1;font-family:Outfit,sans-serif}.product-card{display:flex;flex-direction:column;gap:14px}.product-card-link,.product-card-copy{color:inherit;text-decoration:none}.product-card-link{display:block}.product-card-link:hover,.product-card-copy:hover{opacity:.96}.product-image{aspect-ratio:1.15;border-radius:18px;padding:16px;display:flex;align-items:flex-end;color:#fff;font-family:Outfit,sans-serif;font-size:1.5rem}.product-image-real{width:100%;aspect-ratio:1.15;border-radius:18px;object-fit:cover;background:#fff}.detail-gallery .product-image{min-height:360px;font-size:2.2rem}.detail-image-real{min-height:360px}.detail-title{font-size:1.8rem;margin:10px 0}.detail-copy{line-height:1.7}.size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.size-chip{padding:14px;border-radius:16px;border:1px solid var(--border);background:#ffffffd6}.quick-size{display:grid;gap:8px}.quick-size-chips{display:flex;flex-wrap:wrap;gap:8px}.quick-size-chip{min-width:48px;padding:8px 12px;border-radius:12px;font-weight:600;cursor:pointer}.quick-size-chip:hover{border-color:var(--primary);background:var(--primary-soft)}.quick-size-chip-out{opacity:.55;text-decoration:line-through}.size-chip-active{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px #fff6}.btn,.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:14px;border:0}.btn{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 55%,black));color:#fff}.btn-secondary{background:#ffffffe0;color:var(--text);border:1px solid rgba(255,255,255,.7)}.btn-ghost{background:transparent;color:var(--text);border:1px dashed var(--border)}.icon-btn{width:42px;height:42px;border-radius:12px;border:0;background:#ffffffe0}.full-width{width:100%}.small-input{max-width:88px}.split-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.space-top,.padded-top{margin-top:18px}.compact-card{padding:14px;border-radius:16px}.glass-panel{background:#ffffffd6;border:1px solid var(--border)}.person-option{display:grid;gap:2px;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s ease}.person-option:hover:not(:disabled){border-color:var(--primary)}.person-option:disabled{cursor:not-allowed;opacity:.55}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full,.filter-end{grid-column:1 / -1}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.checkbox-option{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffffc7;border:1px solid var(--border)}.variant-row{display:grid;gap:10px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 100px 100px auto;align-items:center}.inline-note{display:inline-flex;align-items:center;min-height:44px}.report-actions{display:flex;align-items:end}.order-builder{margin-top:18px}.qty-stepper{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border);background:#ffffffe0}.qty-stepper button{width:40px;height:40px;border:0;background:transparent}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid rgba(16,34,26,.08);vertical-align:top;font-size:.94rem}th{color:var(--muted);font-weight:600}.timeline{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:12px}.timeline-dot{width:14px;height:14px;margin-top:5px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px var(--primary-soft)}.chart-stack{display:grid;gap:10px}.bar-row{display:grid;gap:6px}.bar-label{display:flex;justify-content:space-between;color:var(--muted);font-size:.88rem}.bar{height:12px;border-radius:999px;background:#10221a14;overflow:hidden}.bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--secondary) 55%,var(--primary)))}.empty-state{padding:36px;text-align:center;color:var(--muted);grid-column:1 / -1}.toast-stack{position:fixed;right:20px;bottom:20px;display:grid;gap:10px;z-index:50}.toast{min-width:220px;max-width:320px;padding:14px 16px;border-radius:14px;color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 45%,black))}.toast-warn{background:linear-gradient(135deg,#b45309,#92400e)}@media (max-width: 1180px){.app-shell,.hero-grid,.dashboard-grid,.detail-grid,.product-grid,.chart-grid,.filters,.stats-grid,.cards-grid,.kpi-grid,.variant-row{grid-template-columns:1fr 1fr}}@media (max-width: 780px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.main{padding:18px}.hero-grid,.dashboard-grid,.detail-grid,.product-grid,.chart-grid,.filters,.stats-grid,.cards-grid,.kpi-grid,.form-grid,.variant-row,.checkbox-grid{grid-template-columns:1fr}}.modal{width:min(960px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-strong);color:var(--text);box-shadow:var(--shadow)}.modal[open]{display:flex;flex-direction:column}.modal::backdrop{background:#10221a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 12px}.modal-body{overflow-y:auto;padding:0 24px 16px}.modal-footer{justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border)}