:root{--primary:#6366f1;--primary-dark:#4f46e5;--bg:#f8fafc;--sidebar-bg:#1e293b;--sidebar-text:#94a3b8;--sidebar-active:#e2e8f0}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;min-height:100vh}
.sidebar{width:260px;min-height:100vh;background:var(--sidebar-bg);color:var(--sidebar-text);position:sticky;top:0;height:100vh;overflow-y:auto}
.sidebar .nav-link{color:var(--sidebar-text);border-radius:8px;margin-bottom:2px;transition:all .2s}
.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.1);color:var(--sidebar-active)}
.sidebar-brand{color:#fff;display:flex;align-items:center}
.main-content{max-width:1200px;margin:0 auto}
.stat-card{border:none;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:box-shadow .2s}
.stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}
.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.table th{font-weight:600;font-size:.85rem;text-transform:uppercase;color:#64748b;border-bottom:2px solid #e2e8f0}
.badge-stock-ok{background:#dcfce7;color:#166534}.badge-stock-low{background:#fef9c3;color:#854d0e}.badge-stock-out{background:#fecaca;color:#991b1b}
.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}
.auth-card{background:#fff;border-radius:16px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.15)}