.layout{grid-template-columns:250px 1fr;height:100vh;display:grid}.sidebar{color:#fff;background:#1e293b;flex-direction:column;gap:30px;padding:20px;display:flex}.logo{font-size:24px;font-weight:700}.sidebar nav{flex-direction:column;gap:15px;display:flex}.sidebar a{color:#fff;border-radius:8px;padding:10px 15px;text-decoration:none}.sidebar a.active{background:#2563eb}.layout-right{background:#f3f4f6;flex-direction:column;display:flex}.header{background:#fff;border-bottom:1px solid #ddd;align-items:center;height:70px;padding:0 30px;display:flex}.layout-content{padding:30px;overflow:auto}.dashboard{background:#fff;border-radius:12px;padding:30px}.dashboard-container{box-sizing:border-box;background:#f5f7fb;width:100%;min-height:100vh;padding:24px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.dashboard-header h1{color:#1f2937;margin:0;font-size:28px;font-weight:700}.dashboard-header p{color:#6b7280;margin-top:6px;font-size:14px}.dashboard-filter{gap:12px;display:flex}.dashboard-filter select,.dashboard-filter button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;height:38px;padding:0 14px;font-size:14px}.dashboard-filter button{color:#fff;background:#2563eb;border:none}.dashboard-filter button:hover{background:#1d4ed8}.dashboard-cards{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px;display:grid}.dashboard-card{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 2px 8px #0000000f}.dashboard-card-info h3{color:#6b7280;margin:0;font-size:14px;font-weight:500}.dashboard-card-info strong{color:#111827;margin-top:10px;font-size:30px;display:block}.dashboard-card-icon{border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:25px;display:flex}.card-blue .dashboard-card-icon{color:#2563eb;background:#dbeafe}.card-green .dashboard-card-icon{color:#16a34a;background:#dcfce7}.card-orange .dashboard-card-icon{color:#ea580c;background:#ffedd5}.card-red .dashboard-card-icon{color:#dc2626;background:#fee2e2}.dashboard-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:25px;display:grid}.dashboard-box{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000f}.dashboard-box-title{color:#111827;margin-bottom:15px;font-size:18px;font-weight:600}.chart-container{justify-content:center;align-items:center;height:320px;display:flex}.chart-empty{color:#9ca3af;font-size:14px}.stock-list{flex-direction:column;gap:12px;display:flex}.stock-item{background:#f9fafb;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.stock-item-name{color:#374151;font-weight:600}.stock-warning{color:#dc2626;font-weight:600}.task-list{flex-direction:column;gap:12px;display:flex}.task-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px;display:flex}.task-status{border-radius:20px;padding:5px 10px;font-size:13px}.task-complete{color:#15803d;background:#dcfce7}.task-pending{color:#b45309;background:#fef3c7}.task-late{color:#dc2626;background:#fee2e2}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table th{text-align:left;color:#374151;background:#f3f4f6;padding:12px;font-size:14px}.dashboard-table td{border-bottom:1px solid #eee;padding:12px;font-size:14px}.dashboard-table tr:hover{background:#f9fafb}@media (width<=1200px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-container{padding:15px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.dashboard-cards{grid-template-columns:1fr}.dashboard-filter{width:100%}.dashboard-filter select,.dashboard-filter button{flex:1}.dashboard-card-info strong{font-size:24px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Arial,sans-serif}html,body,#root{width:100%;height:100%}body{background:#f3f4f6}a{color:inherit}