.warehouse-container{width:100%;max-width:100%;margin:0 auto;padding:24px 36px 90px;box-sizing:border-box;animation:fadeInWarehouse .25s ease-out}@keyframes fadeInWarehouse{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.warehouse-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.warehouse-title-group h1{font-size:1.65rem;font-weight:700;letter-spacing:-.02em;color:#f8fafc;margin:0;display:flex;align-items:center;gap:10px}.warehouse-title-group p{color:#94a3b8;font-size:.88rem;margin:0;max-width:680px;line-height:1.45}.warehouse-header-actions{display:flex;align-items:center;gap:10px}.btn-goto-import{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);color:#cbd5e1;padding:7px 14px;border-radius:6px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s ease;cursor:pointer}.btn-goto-import:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#f8fafc}.warehouse-live-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:9999px;font-size:.74rem;font-weight:500;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#f87171;letter-spacing:.02em;transition:all .2s ease}.warehouse-live-pill.connected{background:rgba(16,185,129,.09);border-color:rgba(16,185,129,.28);color:#34d399}.live-pill-dot{width:7px;height:7px;border-radius:50%;background-color:#ef4444}.warehouse-live-pill.connected .live-pill-dot{background-color:#10b981;box-shadow:0 0 8px rgba(16,185,129,.8);animation:pulseLiveDot 2s ease-in-out infinite}@keyframes pulseLiveDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.warehouse-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.warehouse-kpi-card{background:rgb(16 88 64/4%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;min-height:105px;transition:border-color .15s ease,transform .15s ease}.warehouse-kpi-card:hover{border-color:rgba(16,185,129,.25);transform:translateY(-1px)}.warehouse-kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.warehouse-kpi-label{font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8}.warehouse-kpi-icon{width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center}.warehouse-kpi-value{font-size:1.7rem;font-weight:700;letter-spacing:-.02em;color:#f8fafc;line-height:1.1;margin-bottom:6px}.warehouse-kpi-value-dual{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px;flex-wrap:wrap}.warehouse-kpi-unit-sub{font-size:.85rem;font-weight:500;color:#94a3b8;margin-left:2px}.warehouse-kpi-stock-badge{display:inline-flex;align-items:baseline;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.32);border-radius:6px;padding:3px 8px;font-family:var(--font-mono,monospace);font-weight:700;color:#34d399}.warehouse-kpi-stock-badge .stock-badge-number{font-size:1.05rem;color:#34d399}.warehouse-kpi-stock-badge .stock-badge-unit{font-size:.72rem;color:#a7f3d0;margin-left:3px;font-weight:500}.warehouse-kpi-meta{font-size:.74rem;color:#64748b;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.warehouse-kpi-meta.positive{color:#34d399}.warehouse-breakdown-chips{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-family:var(--font-mono,monospace);font-size:.68rem}.wh-mini-chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:1px 5px;border-radius:4px;color:#cbd5e1}.warehouse-table-section{background:rgb(16 88 64/4%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.2)}@media (max-width:768px){.warehouse-header-row{flex-direction:column;align-items:stretch}.warehouse-kpi-grid{grid-template-columns:1fr}}