@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Google+Sans:wght@400;500;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;width:100%}#root{width:100%;height:100vh}:root{--g-blue: #1a73e8;--g-blue-active: #e8f0fe;--g-gray-bg: #f8f9fa;--g-gray-surface: #ffffff;--g-gray-border: #dadce0;--g-text-dark: #202124;--g-text-medium: #5f6368;--g-text-light: #70757a;--sidebar-width: 280px;--top-nav-height: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,Google Sans,Arial,sans-serif;background-color:var(--g-gray-bg);color:var(--g-text-dark);letter-spacing:.01rem}.dashboard-container{display:flex;height:100vh;width:100vw}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--g-gray-surface);border-right:1px solid var(--g-gray-border);display:flex;flex-direction:column;padding:8px 0;z-index:100}.sidebar-logo{padding:16px 24px;font-family:Google Sans,sans-serif;font-size:1.4rem;font-weight:500;color:var(--g-text-dark);display:flex;align-items:center;gap:12px;margin-bottom:8px}.sidebar-logo span{color:var(--g-blue);font-weight:700}.sidebar-nav{padding:0 12px}.nav-item{height:48px;padding:0 16px;border-radius:var(--radius-pill);display:flex;align-items:center;gap:16px;cursor:pointer;color:var(--g-text-medium);font-size:.9rem;font-weight:500;margin-bottom:4px;transition:all .15s ease}.nav-item:hover{background-color:#2021240a;color:var(--g-text-dark)}.nav-item.active{background-color:var(--g-blue-active);color:var(--g-blue)}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--g-gray-bg)}.header{height:var(--top-nav-height);background:var(--g-gray-surface);border-bottom:1px solid var(--g-gray-border);padding:0 24px;display:flex;align-items:center;justify-content:space-between}.header h2{font-family:Google Sans,sans-serif;font-size:1.35rem;font-weight:400;color:var(--g-text-dark)}.content-body{padding:24px;overflow-y:auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h3{font-family:Google Sans,sans-serif;font-size:1.15rem;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--g-gray-surface);border:1px solid var(--g-gray-border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:8px}.stat-label{color:var(--g-text-medium);font-size:.85rem;font-weight:500}.stat-value{font-family:Google Sans,sans-serif;font-size:1.8rem;font-weight:500;color:var(--g-text-dark)}.card{background:var(--g-gray-surface);border:1px solid var(--g-gray-border);border-radius:var(--radius-md);padding:0;overflow:hidden;margin-bottom:24px}.card-header{padding:16px 24px;border-bottom:1px solid var(--g-gray-border);display:flex;justify-content:space-between;align-items:center}.card-content{padding:24px}.data-table{width:100%;border-collapse:collapse}.data-table th{background-color:var(--g-gray-bg);padding:12px 24px;text-align:left;font-size:.75rem;font-weight:600;color:var(--g-text-medium);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--g-gray-border)}.data-table td{padding:16px 24px;border-bottom:1px solid var(--g-gray-border);font-size:.9rem;color:var(--g-text-dark);transition:background-color .1s ease}.data-table tr:hover td{background-color:#f8f9fa}.btn-primary{background-color:var(--g-blue);color:#fff;border:1px solid transparent;padding:8px 24px;border-radius:var(--radius-sm);font-family:Google Sans,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background-color:#1765cc;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.btn-secondary{background-color:#fff;color:var(--g-blue);border:1px solid var(--g-gray-border);padding:8px 20px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer}.btn-secondary:hover{background-color:var(--g-gray-bg);border-color:#c3c6c9}.badge{padding:2px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;border:1px solid transparent}.badge-stock{background-color:#e6f4ea;color:#1e8e3e}.badge-pending{background-color:#fef7e0;color:#b06000}.badge-error{background-color:#fce8e6;color:#d93025}.modal-overlay{position:fixed;inset:0;background:#20212499;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:var(--radius-md);width:100%;max-width:560px;box-shadow:0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f,0 11px 15px -7px #0003;padding:32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.85rem;font-weight:500;margin-bottom:8px;color:var(--g-text-medium)}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid var(--g-gray-border);border-radius:var(--radius-sm);padding:10px 12px;font-size:.95rem}.form-group input:focus{outline:none;border-color:var(--g-blue);border-width:2px;padding:9px 11px}