:root{--primary: #2563eb;--primary-hover: #1d4ed8;--secondary: #64748b;--accent: #16a34a;--danger: #dc2626;--warning: #eab308;--bg-main: #f8fafc;--sidebar-bg: #1e293b;--card-bg: #ffffff;--border-color: #e2e8f0;--border-dark: #cbd5e1;--text-main: #0f172a;--text-muted: #64748b;--text-sidebar: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius: 6px;--font-main: "Inter", -apple-system, sans-serif;--font-logo: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-main);overflow-x:hidden;height:100vh;font-size:14px}#app{display:flex;height:100vh;width:100vw}.sidebar{width:260px;min-width:260px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem 1rem;transition:transform .3s ease;z-index:1000;color:var(--text-sidebar)}.logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding-left:.5rem}.logo-icon{font-size:1.4rem}.logo-text{font-family:var(--font-logo);font-size:1.25rem;font-weight:700;letter-spacing:-.5px;color:#fff}.logo-text span{color:#93c5fd}.nav-menu{flex-grow:1;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;text-decoration:none;color:var(--text-sidebar);border-radius:var(--radius);transition:background-color .2s,color .2s;font-weight:500;font-size:.9rem}.nav-item .icon{font-size:1.1rem;opacity:.7}.nav-item:hover{background-color:#ffffff0d;color:#fff}.nav-item.active{background-color:var(--primary);color:#fff}.nav-item.active .icon{opacity:1}.user-info{margin-top:auto;display:flex;align-items:center;gap:.75rem;background:#0003;padding:.75rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.05)}.user-avatar{width:36px;height:36px;background-color:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.85rem}.user-details p{margin:0}.user-name{font-size:.9rem;font-weight:600;color:#fff}.user-role{font-size:.75rem;color:var(--text-sidebar)}.main-content{flex-grow:1;display:flex;flex-direction:column;padding:2rem;overflow-y:auto;width:100%}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.mobile-toggle{display:none;background:var(--card-bg);border:1px solid var(--border-color);padding:.5rem .75rem;border-radius:var(--radius);color:var(--text-main);cursor:pointer;font-size:1.2rem}.search-bar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem;width:100%;max-width:400px;box-shadow:var(--shadow-sm);transition:border-color .2s}.search-bar:focus-within{border-color:var(--primary);outline:1px solid var(--primary)}.search-bar input{background:none;border:none;color:var(--text-main);outline:none;width:100%;font-size:.9rem}.header-actions{display:flex;gap:1rem;align-items:center}.btn{padding:.6rem 1rem;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s;border:1px solid var(--border-color);font-family:inherit;font-size:.85rem;background:var(--card-bg);color:var(--text-main);display:flex;align-items:center;gap:.5rem}.btn:hover{background:#f1f5f9}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-block{width:100%;justify-content:center}h2,h3{color:var(--text-main);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);padding:1.25rem;border-radius:var(--radius);display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm)}.stat-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.stat-icon.orange{background:#fef3c7;color:var(--warning)}.stat-icon.red{background:#fee2e2;color:var(--danger)}.stat-icon.green{background:#dcfce7;color:var(--accent)}.stat-info h3{font-size:.85rem;color:var(--text-muted);font-weight:500;margin-bottom:.25rem;text-transform:uppercase}.stat-value{font-size:1.4rem;font-weight:700;color:var(--text-main)}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.inventory-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.inventory-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.inventory-header h2{font-size:1.1rem;margin:0}.table-wrapper{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;min-width:600px}th{text-align:left;padding:.75rem .5rem;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;font-weight:600;border-bottom:2px solid var(--border-color);white-space:nowrap}td{padding:.75rem .5rem;border-bottom:1px solid #f1f5f9;font-size:.85rem;color:var(--text-main);vertical-align:middle}tr:hover td{background-color:#f8fafc}.status-pill{padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;border:1px solid transparent;white-space:nowrap;display:inline-block}.status-ok{background:#dcfce7;color:#166534;border-color:#bbf7d0}.status-out{background:#fee2e2;color:#991b1b;border-color:#fecaca}.status-low{background:#fef9c3;color:#854d0e;border-color:#fde047}.actions-cell{display:flex;gap:.25rem}.action-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:.35rem;border-radius:4px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#f1f5f9;color:var(--text-main);border-color:var(--border-dark)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal{background:var(--card-bg);border:1px solid var(--border-color);width:100%;max-width:480px;border-radius:var(--radius);padding:1.5rem;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.25rem}.close-modal{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.close-modal:hover{color:var(--text-main)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-size:.8rem;font-weight:500;color:var(--text-main)}.form-group input,.form-group select,.form-group textarea{width:100%;background:#fff;border:1px solid var(--border-dark);padding:.6rem .75rem;border-radius:4px;color:var(--text-main);outline:none;font-family:inherit;font-size:.85rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb33}input[type=number]{font-variant-numeric:tabular-nums}@media(max-width:1024px){.main-content{padding:1.5rem}}@media(max-width:768px){.sidebar{position:fixed;height:100vh;left:0;top:0;transform:translate(-100%);box-shadow:10px 0 25px #0000001a}.sidebar.open{transform:translate(0)}.sidebar.open:after{content:"";position:fixed;top:0;right:0;bottom:0;width:100vw;height:100vh;background:#0f172a80;z-index:-1;left:260px}.mobile-toggle{display:block}.main-content{padding:1rem}.main-header{margin-bottom:1.5rem;gap:.5rem}.search-bar{padding:.4rem .8rem}.header-actions{position:fixed;bottom:2rem;right:1.5rem;z-index:100}#main-add-btn{width:56px;height:56px;border-radius:28px;justify-content:center;padding:0;box-shadow:0 4px 12px #2563eb4d}#main-add-btn small{display:none}#main-add-btn span{font-size:1.8rem;margin:0;padding:0}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}table{min-width:100%}@media(max-width:480px){th:nth-child(2),td:nth-child(2){display:none}.stats-grid{grid-template-columns:1fr}}.modal{width:100%;margin:0;max-width:none;border-radius:12px 12px 0 0;position:fixed;bottom:0;left:0;max-height:90vh;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.hidden{display:none}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.report-bar-container{height:8px;background:#e2e8f0;border-radius:4px;margin-top:6px}.report-bar-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .8s}