:root{--primary: #4f46e5;--primary-hover: #4338ca;--secondary: #1e293b;--accent: #8b5cf6;--background: #fdfdfd;--surface: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border: #eef2f6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--sidebar-width: 260px;--topbar-height: 72px}[dir=rtl]{font-family:Inter,Assistant,sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.font-display{font-family:Outfit,sans-serif}button{cursor:pointer;border:none;background:none;font:inherit;transition:all .2s ease}.layout-container{display:grid;grid-template-areas:"sidebar topbar" "sidebar content";grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;min-height:100vh}.sidebar{grid-area:sidebar;background-color:var(--secondary);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-logo{padding:1.5rem;display:flex;align-items:center;justify-content:space-between}.sidebar nav{padding:0 1rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;width:100%;border-radius:var(--radius-md);color:#cbd5e1;transition:all .2s;cursor:pointer}.sidebar-item:hover{background-color:#ffffff0d;color:#fff}.sidebar-item.active{background-color:var(--primary);color:#fff}.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.topbar{grid-area:topbar;background-color:var(--surface);border-bottom:1px solid var(--border);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:900}.topbar .show-mobile-flex{display:none!important}.main-content{grid-area:content;background-color:var(--background);overflow-y:auto}.page-container{padding:2.5rem;max-width:1400px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:2rem}.page-header{display:flex;flex-direction:column;gap:1.5rem}.page-header-main{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.page-header-title h1{font-size:2.25rem;font-weight:800;color:var(--text-main);line-height:1.1}.page-header-title p{color:var(--text-muted);font-size:.9375rem;margin-top:.25rem}.page-header-search-alt{display:flex;align-items:center;gap:1rem;width:100%}.search-input-group{position:relative;display:flex;align-items:center;flex:1;max-width:600px;background:white;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;height:48px}.search-input-group input{flex:1;border:none;padding:0 1rem;height:100%;outline:none;font-size:.875rem;background:transparent}.search-input-group .search-icon{margin-left:1rem;color:var(--text-muted)}.filter-btn{height:48px;padding:0 1.25rem;border-left:1px solid var(--border);color:var(--text-muted)}@media (max-width: 1024px){:root{--sidebar-width: 80px}.sidebar-logo h2{display:none}.sidebar-logo{justify-content:center}.sidebar-item{flex-direction:column;justify-content:center;gap:.25rem;padding:.75rem .5rem}.sidebar-label{font-size:.625rem;font-weight:600;text-align:center}.page-container{padding:2rem}.hide-mobile{display:none!important}}@media (max-width: 768px){.layout-container{grid-template-areas:"topbar" "content";grid-template-columns:1fr;grid-template-rows:var(--topbar-height) 1fr}.sidebar{position:fixed;top:0;left:0;width:280px!important;height:100vh;transform:translate(-100%);box-shadow:20px 0 50px #0000001a}.sidebar-expanded{transform:translate(0)}.sidebar-logo h2{display:block!important}.sidebar-logo{justify-content:space-between!important}.sidebar-item{flex-direction:row!important;justify-content:flex-start!important;gap:1rem!important;padding:.75rem 1rem!important}.sidebar-label{font-size:.875rem!important;text-align:left!important}.sidebar-close-btn.show-mobile{display:flex!important}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.page-header-main{flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap}.page-header-title{flex:1;min-width:0}.page-header-title h1{font-size:1.5rem}.page-header-title p{display:none}.btn-primary{width:auto;padding:.75rem 1rem}.page-header-search-alt{width:100%;order:3}.search-input-group{max-width:100%}.page-container{padding:1.25rem;gap:1.5rem}.stat-tiles,.details-grid,.info-grid{grid-template-columns:1fr!important}.topbar{padding:0 1rem}.topbar .show-mobile-flex{display:flex!important}.topbar .hide-mobile{display:none!important}.profile-btn{border:none!important;background:transparent!important;padding:.25rem!important}}.btn-primary{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.btn-secondary{padding:.625rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-md);background:white;font-weight:500;display:flex;align-items:center;gap:.5rem}.input-main{width:100%;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border);outline:none;background:#fcfdfe;font-size:.875rem}.label-main{font-size:.875rem;font-weight:600;margin-bottom:6px;display:block;color:var(--text-main)}.glass{background:var(--surface);border:1px solid var(--border)}.table-responsive{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:white}.table-main{width:100%;min-width:700px;border-collapse:collapse}.table-main th{padding:1rem;background:#f8fafc;text-align:left;font-size:.75rem;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.table-main td{padding:1rem;border-bottom:1px solid var(--border);background:white}.item-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md);background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stock-badge{padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:700}.stock-ok{background:#ecfdf5;color:#065f46}.stock-low{background:#fef2f2;color:#991b1b}.icon-btn-nice{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#f8fafc;color:var(--text-muted);border:1px solid var(--border)}.icon-btn-nice:hover{color:var(--primary);border-color:var(--primary)}.nav-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem;box-shadow:0 4px 20px #0000001a;z-index:1100}.nav-menu button{width:100%;text-align:left;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem}.nav-menu button:hover{background:#f1f5f9;color:var(--primary)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.form-row-2{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}