:root{--primary:#28338c;--primary-light:#3a47b3;--primary-dark:#1b2361;--accent:#fdce06;--accent-light:#fadd5e;--accent-dark:#ccaa02;--surface:#fff;--background:#f4f6f8;--text-main:#1e293b;--text-muted:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f6f8;background-color:var(--background);color:#1e293b;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{display:flex;min-height:100vh}.app-container.collapsed{--sidebar-width:80px}.main-content{flex:1 1;margin-left:260px;margin-left:var(--sidebar-width);overflow-y:auto;padding:2rem;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.sidebar{background-color:#28338c;background-color:var(--primary);box-shadow:4px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:260px;width:var(--sidebar-width);z-index:2000}.sidebar-toggle-btn{align-items:center;background-color:#fff;background-color:var(--surface);border:1px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 4px #0000000d;color:#1e293b;color:var(--text-main);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:-14px;top:36px;transition:all .2s ease;width:28px;z-index:100}.sidebar-toggle-btn:hover{background-color:#f4f6f8;background-color:var(--background);color:#28338c;color:var(--primary)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:2rem 0}.sidebar.collapsed .nav-item span,.sidebar.collapsed .sidebar-logo-text{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:1rem 0}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;padding:2rem 1.5rem}.sidebar-logo-icon{color:#fdce06;color:var(--accent)}.sidebar-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fadd5e);background:linear-gradient(135deg,#fff 0,var(--accent-light) 100%);-webkit-background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.sidebar-nav{flex:1 1;padding:1.5rem 0}.nav-item{align-items:center;color:#ffffffb3;display:flex;font-weight:500;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s}.nav-item.active,.nav-item:hover{background-color:#3a47b3;background-color:var(--primary-light);border-right:4px solid #fdce06;border-right:4px solid var(--accent);color:#fff}.card{background:#fff;background:var(--surface);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-bottom:1.5rem;padding:1.5rem}.card-title{color:#1e293b;color:var(--text-main);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2rem}.app-container.collapsed .metrics-grid{grid-template-columns:repeat(5,1fr)}.app-container:not(.collapsed) .metrics-grid{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.app-container.collapsed .metrics-grid{grid-template-columns:repeat(3,1fr)}.app-container:not(.collapsed) .metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.app-container.collapsed .metrics-grid,.app-container:not(.collapsed) .metrics-grid{grid-template-columns:repeat(1,1fr)}}@media (max-width:1200px){.metrics-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{gap:1rem}}@media (max-width:900px){.main-content{padding:1rem}.metrics-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metric-card{align-items:flex-start;flex-direction:column;gap:.5rem}.metric-content h3{font-size:1.25rem}}@media (max-width:600px){.app-container{flex-direction:column}.main-content{margin-left:0;padding:.5rem}.metrics-grid{gap:.5rem;grid-template-columns:1fr}.metric-card{align-items:center;flex-direction:row;gap:.5rem}.card{padding:1rem}}.metric-card{align-items:center;display:flex;gap:1.5rem;min-width:0;overflow:hidden;transition:transform .2s}.metric-card:hover{box-shadow:0 10px 15px -3px #0000000d;transform:translateY(-2px)}.metric-icon{background-color:#f4f6f8;background-color:var(--background);border-radius:12px;color:#28338c;color:var(--primary);padding:1rem}.metric-card.accent-icon .metric-icon{color:#ccaa02;color:var(--accent-dark)}.metric-content p{color:#64748b;color:var(--text-muted);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.metric-content{min-width:0;overflow:hidden}.metric-content h3{color:#28338c;color:var(--primary);font-size:1.875rem;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #f4f6f8;border-bottom:1px solid var(--background);padding:1rem;text-align:left}th{color:#64748b;color:var(--text-muted);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}tbody tr:hover{background-color:#f8fafc}.badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.badge.low_stock{background-color:#fef3c7;color:#b45309}.badge.out_of_stock{background-color:#fee2e2;color:#b91c1c}.badge.success{background-color:#d1fae5;color:#047857}.page-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:#28338c;color:var(--primary);font-size:2rem;font-weight:700}.page-header p{color:#64748b;color:var(--text-muted);margin-top:.5rem}
/*# sourceMappingURL=main.620cbc71.css.map*/