.page-wrap{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 3rem}.page-header{margin-bottom:1.75rem;animation:fade-in-up .5s var(--ease-out) both}.page-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.page-sub{font-size:.85rem;color:var(--text-4)}.skeleton-row,.skeleton-grid,.skeleton-stack{display:flex;gap:.75rem}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem}.skeleton-stack{flex-direction:column}.summary-bar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.75rem;animation:fade-in-up .5s var(--ease-out) .1s both}.summary-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem 1.25rem;flex:1;min-width:140px;transition:border-color var(--dur-normal),transform var(--dur-normal) var(--ease-spring)}.summary-card:hover{border-color:#fbbf244d;transform:translateY(-2px)}.summary-icon{width:32px;height:32px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:.85rem;margin-bottom:.5rem}.summary-label{font-size:.7rem;color:var(--text-4);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}.summary-value{font-size:1.75rem;font-weight:800;font-family:JetBrains Mono,monospace}.val-normal{color:#86efac}.val-warning{color:#fcd34d}.val-danger{color:#fca5a5}.val-total{color:var(--text-1)}.icon-total{background:#e2e8f014;color:var(--text-3)}.icon-normal{background:#22c55e1a;color:#86efac}.icon-warning{background:#fbbf241a;color:#fcd34d}.icon-danger{background:#ef44441a;color:#fca5a5}.section-label{font-size:.8rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem;margin-bottom:.5rem}.inv-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem 1.25rem;border-left:4px solid;transition:border-color var(--dur-normal),transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal);animation:fade-in-up .4s var(--ease-out) both}.inv-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.inv-card.status-normal{border-left-color:#22c55e}.inv-card.status-warning{border-left-color:#eab308}.inv-card.status-danger{border-left-color:#ef4444}.inv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.inv-product{font-weight:700;font-size:.95rem;color:var(--text-1)}.badge{display:inline-block;padding:.15rem .55rem;border-radius:var(--r-full);font-size:.65rem;font-weight:700}.badge-normal{background:#22c55e1f;color:#86efac}.badge-warning{background:#eab3081f;color:#fcd34d}.badge-danger{background:#ef44441f;color:#fca5a5}.inv-detail{font-size:.75rem;color:var(--text-4);font-family:JetBrains Mono,monospace}.inv-bar-wrap{margin-top:.5rem;background:var(--base);border-radius:var(--r-full);height:6px;overflow:hidden}.inv-bar-fill{height:100%;border-radius:var(--r-full);transition:width .6s var(--ease-spring)}.fill-normal{background:linear-gradient(90deg,#22c55e,#4ade80)}.fill-warning{background:linear-gradient(90deg,#eab308,#facc15)}.fill-danger{background:linear-gradient(90deg,#ef4444,#f87171)}.warning-section{margin-top:2rem}.warning-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);padding:.75rem 1rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:border-color var(--dur-normal),transform var(--dur-normal);animation:fade-in-up .4s var(--ease-out) both}.warning-card:hover{transform:translate(4px)}.warning-card.expired{border-left:3px solid #ef4444}.warning-card.near_expiry{border-left:3px solid #eab308}.wc-left{flex:1}.wc-product{font-weight:700;color:var(--text-1);font-size:.85rem}.wc-detail{font-size:.72rem;color:var(--text-4);margin-top:.15rem;font-family:JetBrains Mono,monospace}.wc-days{font-weight:700;font-size:.85rem;white-space:nowrap}.wc-days.negative{color:#fca5a5}.wc-days.near{color:#fcd34d}.restock-section{margin-top:2rem}.table-scroll{overflow-x:auto}.result-table{width:100%;border-collapse:collapse;font-size:.78rem}.result-table th{text-align:left;color:var(--text-4);font-weight:600;padding:.5rem .65rem;border-bottom:1px solid var(--border);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.result-table td{padding:.5rem .65rem;border-bottom:1px solid rgba(51,65,85,.5);color:var(--text-3);font-family:JetBrains Mono,monospace}.result-table tr:hover td{background:#0ea5e90a}.result-table tbody tr{transition:background var(--dur-fast)}.empty-msg{color:var(--text-4);font-size:.8rem;font-style:italic;padding:1.5rem 0;text-align:center}@media (max-width: 600px){.page-wrap{padding:1.5rem 1rem 2rem}.page-title{font-size:1.25rem}.summary-bar{flex-direction:column}.summary-card{min-width:0}.grid-cards{grid-template-columns:1fr}}