body{margin:0;font-family:Segoe UI;background:#f2f4f7}
.sidebar{width:220px;height:100vh;position:fixed;background:#1f2937;color:#fff;padding:15px}
.sidebar h2{font-size:18px;text-align:center}
.sidebar button{width:100%;margin:6px 0;padding:8px;background:#374151;border:none;color:#fff;cursor:pointer}
.main{margin-left:240px;padding:20px}
.card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin-bottom:15px}
input,select,textarea{width:100%;padding:8px;margin:5px 0}
button.primary{background:#2563eb;color:#fff;border:none;padding:10px;cursor:pointer}
table{width:100%;border-collapse:collapse}
th,td{border:1px solid #ccc;padding:6px;font-size:13px}
th{background:#e5e7eb}
button:disabled{opacity:0.6;cursor:not-allowed}
/* Toast */
#toast {visibility:hidden;min-width:200px;background:#2563eb;color:#fff;text-align:center;border-radius:5px;padding:10px;position:fixed;top:20px;right:20px;z-index:1000;font-size:14px}
#toast.show{visibility:visible;animation:fadein 0.5s,fadeout 0.5s 1.5s}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@keyframes fadeout{from{opacity:1}to{opacity:0}}
.status-Open{color:red;font-weight:bold}
.status-In\ Progress{color:orange;font-weight:bold}
.status-Resolved{color:green;font-weight:bold}
.status-open{color:red;font-weight:bold}
.status-inprogress{color:orange;font-weight:bold}
.status-resolved{color:green;font-weight:bold}
footer{text-align:center;padding:10px;color:#555;font-size:13px}