body{
margin:0;font-family:Arial,sans-serif;background:#f4f4f4}
.sidebar{width:220px;background:#2e3b4e;color:#fff;height:100vh;position:fixed;padding:20px;overflow-y:auto}
.sidebar h2{font-size:22px;margin-bottom:20px;color:#fff}
.sidebar ul{list-style:none;padding:0}
.sidebar ul li{margin:10px 0}
.sidebar ul li a,.sidebar ul li select{color:#fff;background:none;border:none;text-decoration:none;font-size:16px;width:100%}
.sidebar select{padding:6px;background:#1c2736;color:#fff;border:1px solid #ccc;border-radius:4px;width:100%}
.main-content{margin-left:240px;padding:20px}
.screen.hidden{display:none}
input,select,button{padding:8px;margin:5px 0;font-size:16px}
button{background:#2e86de;color:#fff;border:none;border-radius:4px;cursor:pointer}
button:hover{background:#1c5fb6}
.error{color:red;margin-top:10px}
table{width:100%;border-collapse:collapse;margin-top:20px}
th,td{border:1px solid #ccc;padding:8px}
th{background:#e3e3e3}
.req{background:#fff;padding:15px;margin:10px 0;border:1px solid #ddd;border-radius:6px}
#saveDraft{background:#6c757d}#saveDraft:hover{background:#555d64}
.supplier-table{width:100%;border-collapse:collapse;margin-top:20px;background:#fff}
.supplier-table th,.supplier-table td{border:1px solid #ccc;padding:8px;text-align:left}
.supplier-table th{background:#e9ecef}
.supplier-table td button{margin-right:6px;padding:4px 8px;font-size:14px}
@media(max-width:768px){.sidebar{width:100%;height:auto;position:relative}.main-content{margin-left:0;padding:10px}.sidebar ul li{margin:6px 0}button,input,select{font-size:14px;width:100%}.req{font-size:14px}.supplier-table td,.supplier-table th{font-size:14px}}