:root{--navy: #1f2a44;--teal: #0f6e56;--bg: #f5f6f8;--card: #ffffff;--border: #dde1e8;--text: #2c2c2a;--text-muted: #6b6b68;--danger: #a32d2d;font-family:-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--teal);text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--navy);color:#fff;padding:24px 16px}.sidebar h1{font-size:16px;margin:0 0 24px}.sidebar nav a{display:block;color:#cfd4e0;padding:8px 0;font-size:14px}.sidebar nav a:hover{color:#fff}.main{flex:1;padding:32px}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--text-muted);font-weight:500}.btn{background:var(--teal);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--border);color:var(--text)}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;margin-bottom:12px}label{font-size:13px;color:var(--text-muted);display:block;margin-bottom:4px}.error{color:var(--danger);font-size:13px;margin-bottom:12px}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;background:#eef1f6;color:var(--navy)}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.login-card{width:340px;max-width:100%}.topbar-mobile{display:none}.menu-toggle{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;line-height:1}.sidebar-overlay{display:none}.sidebar nav a.active{color:#fff;font-weight:600}@media (max-width: 768px){.layout{flex-direction:column}.topbar-mobile{display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;padding:14px 16px;font-weight:700;font-size:15px;position:sticky;top:0;z-index:30}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;max-width:80vw;transform:translate(-100%);transition:transform .2s ease;z-index:40;overflow-y:auto}.sidebar.sidebar-open{transform:translate(0)}.sidebar h1{display:none}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:35}.main{padding:16px}.card{padding:14px}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}th,td{padding:8px 10px}.login-card{width:100%}}