@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto+Mono:wght@400;500&display=swap";:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-light:#eef2ff;--color-safe:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-background:#f3f4f6;--color-surface:#fff;--color-surface-hover:#f9fafb;--color-text:#111827;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-sidebar-bg:#0f172a;--color-sidebar-text:#94a3b8;--color-sidebar-text-hover:#fff;--color-sidebar-active:#ffffff1a;--color-sidebar-border:#1e293b;--font-body:"Inter", sans-serif;--font-mono:"Roboto Mono", monospace;--row-height-desktop:44px;--row-height-mobile:56px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--gradient-primary:linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);--gradient-safe:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger:linear-gradient(135deg, #ef4444 0%, #dc2626 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);z-index:50;flex-direction:column;width:260px;display:flex;box-shadow:2px 0 10px #0000001a}.sidebar-header{color:#fff;border-bottom:1px solid var(--color-sidebar-border);align-items:center;gap:.75rem;padding:1.5rem 1.25rem;font-size:1.25rem;font-weight:700;display:flex}.sidebar-header span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.nav-item{color:var(--color-sidebar-text);border-radius:.5rem;align-items:center;gap:.75rem;margin:.25rem 1rem;padding:.75rem 1.25rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--color-sidebar-text-hover);background-color:#ffffff0d;transform:translate(2px)}.nav-item.active{background-color:var(--color-sidebar-active);color:var(--color-sidebar-text-hover);box-shadow:inset 3px 0 0 var(--color-primary)}.main-content{background-color:var(--color-background);flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:72px;box-shadow:var(--shadow-sm);z-index:40;justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.page-content{flex:1;padding:2rem;overflow-y:auto}.overview-bar{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{background-color:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:.75rem;flex-direction:column;gap:.5rem;padding:1.5rem;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;display:flex}.metric-card:hover{box-shadow:var(--shadow-lg);border-color:#d1d5db;transform:translateY(-4px)}.metric-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.metric-value{color:var(--color-text);font-size:1.75rem;font-weight:700}.table-container{background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);border-radius:.75rem;overflow:hidden}.table-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.table-search input{border:1px solid var(--color-border);border-radius:.5rem;width:280px;padding:.625rem 1rem;font-size:.875rem;transition:all .2s;box-shadow:inset 0 1px 2px #0000000d}.table-search input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e533}table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}th{background-color:var(--color-surface-hover);text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);letter-spacing:.05em;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600}td{height:var(--row-height-desktop);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:.5rem 1.5rem;font-size:.875rem;transition:background-color .15s}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--color-primary-light)}.badge{letter-spacing:.025em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-safe{color:#065f46;background-color:#10b98126;border:1px solid #10b98133}.badge-warning{color:#92400e;background-color:#f59e0b26;border:1px solid #f59e0b33}.badge-danger{color:#991b1b;background-color:#ef444426;border:1px solid #ef444433}.product-cell{align-items:center;gap:1rem;display:flex}.product-image{object-fit:cover;background-color:var(--color-border);width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:6px}.btn{cursor:pointer;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 6px -1px #4f46e54d}.btn-primary:hover{filter:brightness(110%);transform:translateY(-1px);box-shadow:0 6px 10px -1px #4f46e566}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-surface-hover);border-color:#d1d5db}.btn-outline{border-color:var(--color-border);color:var(--color-text);background-color:#0000}.btn-outline:hover{background-color:var(--color-surface-hover)}.action-cell{text-align:right}.action-icon{color:var(--color-text-muted);cursor:pointer;border-radius:.375rem;padding:.375rem;transition:all .2s}.action-icon:hover{color:var(--color-primary);background-color:var(--color-primary-light)}@keyframes expandWidth{0%{width:0}to{width:var(--target-width)}}.animate-bar{animation:1s cubic-bezier(.22,1,.36,1) forwards expandWidth}@media (width<=768px){.sidebar{height:100%;transition:transform .3s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}td{height:var(--row-height-mobile)}}