*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f9;color:#1f2937}.layout{display:flex;min-height:100vh}.sidebar{width:245px;background:#111827;color:#fff;padding:22px 14px;position:fixed;top:0;bottom:0}.sidebar h2{font-size:18px;margin:0 10px 20px}.sidebar .user{padding:12px 10px;background:#1f2937;border-radius:8px;margin-bottom:14px;color:#d1d5db}.sidebar a{display:block;color:#d1d5db;text-decoration:none;padding:11px 12px;border-radius:7px;margin:3px 0}.sidebar a:hover{background:#374151;color:#fff}.sidebar .logout{margin-top:25px;background:#7f1d1d}.content{margin-left:245px;width:calc(100% - 245px);padding:25px}.topbar{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:20px;display:flex;justify-content:space-between}.topbar h1{margin:0 0 4px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000d}.card small{color:#6b7280}.card strong{display:block;font-size:25px;margin-top:8px}.panel{background:#fff;border-radius:12px;padding:20px;margin-top:20px;box-shadow:0 2px 10px #0000000d}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e5e7eb}th{background:#f9fafb}.btn{display:inline-block;border:0;border-radius:7px;padding:9px 13px;background:#2563eb;color:#fff;text-decoration:none;cursor:pointer}.btn-danger{background:#dc2626}.btn-success{background:#16a34a}input,select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:7px}label{display:block;margin-bottom:6px;font-weight:bold}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-actions{margin-top:15px}.badge{padding:5px 8px;border-radius:15px;font-size:12px;background:#e5e7eb}.warning{background:#fef3c7}.danger{background:#fee2e2}.success{background:#dcfce7}@media(max-width:900px){.sidebar{position:static;width:100%;min-height:auto}.layout{display:block}.content{margin-left:0;width:100%}.cards{grid-template-columns:repeat(2,1fr)}}