@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#f5f6f8;--surface-color:#fff;--surface-hover:#fbfcfd;--text-primary:#16181d;--text-secondary:#5b6472;--accent-color:#0f5c4c;--border-color:#e3e6ec;--success:#0f7a4f;--success-bg:#e6f4ec;--warning:#8a5a00;--warning-bg:#fdf1dc;--danger:#767d89;--danger-bg:#eef0f3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}#root{min-height:100vh}.app-container{max-width:1120px;margin:0 auto;padding:28px 20px 72px}.header{margin-bottom:22px}.header h1{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 6px;font-size:26px}.header p{color:var(--text-secondary);max-width:68ch;margin:0;font-size:14px}.stats-grid{flex-wrap:wrap;gap:10px;margin:18px 0 0;display:flex}.stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;min-width:132px;padding:10px 16px}.stat-value{letter-spacing:-.02em;font-size:21px;font-weight:700;display:block}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.toolbar{z-index:20;background:var(--bg-color);border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 8px;padding:14px 0;display:flex;position:sticky;top:0}.search-container{flex:260px;min-width:0;position:relative}.search-input{width:100%;font:inherit;color:inherit;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;outline:none;padding:9px 12px}.search-input:focus{outline:2px solid var(--accent-color);outline-offset:-1px}.filter-toggle{background:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-size:15px;display:inline-flex}.filter-toggle input{accent-color:var(--accent-color)}.layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:20px;display:grid}.sidebar{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin-top:18px;padding:12px;position:sticky;top:87px}.sidebar-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 0 8px;padding:0 8px;font-size:11px;font-weight:600}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar-item{color:var(--text-primary);cursor:pointer;border-left:3px solid #0000;border-radius:7px;padding:7px 8px;text-decoration:none;display:block}.sidebar-item:hover{background:var(--danger-bg)}.sidebar-item.active{background:var(--success-bg);border-left-color:var(--accent-color)}.sidebar-item.active .sidebar-name{color:var(--accent-color)}.sidebar-name{font-size:14px;font-weight:500;display:block}.sidebar-qty{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px;display:block}.content{min-width:0}.product-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin-top:18px;scroll-margin-top:87px}.product-header{align-items:flex-start;gap:16px;padding:18px;display:flex}.product-image{object-fit:cover;background:var(--danger-bg);border-radius:8px;flex:0 0 104px;width:104px;height:104px}.product-info h2{letter-spacing:-.01em;margin:0 0 4px;font-size:18px}.product-title{color:var(--text-secondary);margin:0 0 6px;font-size:13px}.product-note{margin:0 0 8px;font-size:13px}.product-meta{color:var(--text-secondary);margin:0;font-size:12px}.table-container{width:100%}table{border-collapse:collapse;width:100%;font-size:14px}thead th{z-index:10;text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);white-space:nowrap;background:#fafbfc;padding:9px 18px;font-size:12px;font-weight:600;position:sticky;top:73px}th.num,td.num{text-align:right}tbody td{border-bottom:1px solid #f0f2f5;padding:9px 18px}tbody tr:last-child td{border-bottom:0}tbody tr:last-child td:first-child{border-bottom-left-radius:11px}tbody tr:last-child td:last-child{border-bottom-right-radius:11px}tbody tr:hover{background:#fbfcfd}td.name{font-weight:500}.badge{text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:46px;padding:2px 9px;font-size:14px;font-weight:600;display:inline-block}.badge.ok{background:var(--success-bg);color:var(--success)}.badge.low{background:var(--warning-bg);color:var(--warning)}.badge.no{background:var(--danger-bg);color:var(--danger)}@media (width<=860px){.layout{grid-template-columns:minmax(0,1fr);gap:0}.sidebar{border-radius:10px;margin:10px 0 0;padding:8px;top:73px}.sidebar-title{display:none}.sidebar nav{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:row;gap:6px;overflow-x:auto}.sidebar-item{white-space:nowrap;border-bottom:3px solid #0000;border-left:0;flex:none;padding:6px 10px}.sidebar-item.active{border-left:0;border-bottom-color:var(--accent-color)}.sidebar-qty{display:none}thead th{top:117px}.product-section{scroll-margin-top:125px}}@media (width<=640px){.product-header{flex-direction:column}thead th,tbody td{padding-left:12px;padding-right:12px}th.hide-sm,td.hide-sm{display:none}}.btn-download{background:var(--accent-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;margin-left:auto;padding:9px 15px;font-family:inherit;font-size:15px;font-weight:500;transition:filter .2s}.btn-download:hover{filter:brightness(1.15)}