body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5}.app{max-width:1100px;margin:0 auto;padding-bottom:40px}nav.navbar{display:flex;gap:8px;padding:12px 16px;background:#333;color:#fff}nav.navbar button{border:none;padding:6px 12px;background:#555;color:#fff;border-radius:4px;cursor:pointer}nav.navbar button.active{background:#ff9800}nav.navbar .badge{background:red;border-radius:999px;padding:2px 8px;margin-left:4px;font-size:.8rem}nav.navbar .right{margin-left:auto;background:#777}main{padding:16px}table{width:100%;margin-top:12px;border-collapse:collapse;background:#fff}th,td{padding:8px;border-bottom:1px solid #ddd}tr:hover{background:#fafafa}.card{background:#fff;padding:12px;margin-bottom:16px;border-radius:6px;box-shadow:0 2px 4px #0000000d}.row{display:flex;flex-direction:column;margin-bottom:8px}label{font-size:.9rem;margin-bottom:4px}input,select{padding:6px 8px;border-radius:4px;border:1px solid #ccc}button{cursor:pointer}.login-page{max-width:400px;margin:60px auto;padding:0 16px}.error{color:red}.modal{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:16px;border-radius:6px;min-width:300px}